您的位置: 旅游网 > 女人

javascript的tab切换原理与效

发布时间:2019-10-09 23:18:42

  javascript的tab切换原理与效果实现方法

  复制代码 代码如下: html

  head

  style type= text/css

  #container{border:solid 1px green;width:300px;height:300px;}

  li{float:left;margin-left:20px;}

  p{float:left;}

  #sports,#military,#bbs{display:none;}

  /style

  script type= text/javascript

  function tab(pid){

  var ps = [ news , sports , military , bbs

  for(var i=0,len=ngth;i i++){

  if(ps[i] == pid){

  tElementById(ps[i]).splay = block

  }else{

  tElementById(ps[i]).splay = none

  }

  }

  }

  /script

  /head

  body

  div id= container

  ul

  li quot;tab( news /li

  li quot;tab( sports 体育 /li

  li quot;tab( military 军事 /li

  li quot;tab( bbs 论坛 /li

  /ul

  p id= news /p

  p id= sports 体育体育体育体育体育 /p

  p id= military 军事军事军事军事军事 /p

  p id= bbs 论坛论坛论坛论坛论坛 /p

  /div

  /body

  /html

  希望本文所述对大家的javascript程序设计有所帮助。

中医诊断
食疗养生
仪器仪表
猜你会喜欢的
猜你会喜欢的