admin 管理员组

文章数量: 887021

js选项卡 php,JavaScript

简单选项卡

body,ul,li{margin:0;padding:0;}

body{font:12px/1.5 Tahoma;}

#outer{width:450px;margin:10px auto;}

#tab{overflow:hidden;zoom:1;background:#000;border:1px solid #000;}

#tab li{float:left;color:#fff;height:30px;cursor:pointer;line-height:30px;list-style-type:none;padding:0 20px;}

#tab li.current{color:#000;background:#ccc;}

#content{border:1px solid #000;border-top-width:0;}

#content ul{line-height:25px;display:none;margin:0 30px;padding:10px 0;}

window.onload = function ()

{

var oLi = document.getElementById("tab").getElementsByTagName("li");

var oUl = document.getElementById("content").getElementsByTagName("ul");

for(var i = 0; i < oLi.length; i++)

{

oLi[i].index = i;

oLi[i].onmouseover = function (){

for(var n = 0;n < oLi.length;n++)

{

oLi[n].className = "";

this.className = "current";

}

for(var n = 0;n

{

oUl[n].style.display = "none";

oUl[this.index].style.display="block";

}

}

}

}

  • 科技
  • 旅游
  • 娱乐
  • 宏碁R7双转轴变形本评测：触摸板设计过于另类(图)
  • 超薄加防水 索尼Xperia Tablet Z平板电脑评测
  • 诺基亚Lumia 925评测 最好的WP8智能手机
  • 联想IdeaPad S405评测 性能主流续航待提升
  • 小辣椒M2智能手机评测: 再不换壳我们就该老了
  • 联想K900内部构造 看国产神器多少国产货(组图)
  • 联想K900内部构造 看国产神器多少国产货(组图)
  • 网页换肤效果
  • 联想K900内部构造 看国产神器多少国产货(组图)
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 爱上西雅图，美国全景游精选推荐
  • 李安宣布辞拍美剧《暴君》：需要休息
  • 李安宣布辞拍美剧《暴君》：需要休息
  • 李安宣布辞拍美剧《暴君》：需要休息
  • 李安宣布辞拍美剧《暴君》：需要休息
  • 李安宣布辞拍美剧《暴君》：需要休息
  • 李安宣布辞拍美剧《暴君》：需要休息
  • 李安宣布辞拍美剧《暴君》：需要休息
  • 李安宣布辞拍美剧《暴君》：需要休息
  • 李安宣布辞拍美剧《暴君》：需要休息
  • 李安宣布辞拍美剧《暴君》：需要休息
  • 李安宣布辞拍美剧《暴君》：需要休息

本文标签： js选项卡 php javascript

版权声明：本文标题：js选项卡 php,JavaScript 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1730820281h1388390.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。