叶雨梧桐BLOG

【整理】简单JS实现选项卡效果

发布时间:2015年7月8日 / 分类:前端笔记 / 吐槽

学习笔记 :简单JS实现选项卡效果

演示地址:

http://blog.gt520.com/qdxx/20150708/xxk.html

有码


function(){
alltabs = document.getElementById('tabs').getElementsByTagName('dl');
for(i = 0; i < alltabs.length; i++){
alltabs[i].className = "close";
alltabs[6].className = "open";//初始第6个显示
alltabs[i].onmouseover = function(){//鼠标指针移动上触发
for(j = 0; j < alltabs.length; j++){
alltabs[j].className = "close";//其余的关
}
this.className = "open";//当前的开
}
}
}

标签:没有标签呢

版权声明:除特殊注明外,均由叶雨梧桐原创,转载请保留文章出处;
本文链接:http://gt520.com/qdbj/298.html
订阅叶雨梧桐BLOG RSS
分类
最新文章
最近回复
  • 楚狂人博客: 很久没看到博主新文章了,等待
  • 啊啊: 如果对象是隐藏的话还是不行
  • 通古思: PHP是世界上最好的语言!
  • 森七: 想转去ty,收藏了贵站肯定会用到 make
  • 寻芜兮: 博主您好,您写的《Xshell 进行科学上网的正确姿势》中图片已经挂掉了,可以再补档一次吗。
  • 天津网站建设: 感谢博主分享
  • 博客大全: 钻研精神会让你学到更多,加油!
  • 麦麦米: 不错的文章呢
  • 薇洛迪兰: 应该是服务器的问题吧
  • 关于我们: 弱弱的问下博主,接受友情链接吗?
归档