叶雨梧桐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
分类
最新文章
最近回复
  • 薇洛迪兰: 应该是服务器的问题吧
  • 今日头条: 文章不错非常喜欢
  • 今日头条: 文章不错非常喜欢
  • 码客: 定时任务我直接用cron
  • 鸟叔: 此时此刻鸟叔想吟诗一首:梧桐夜雨涨秋迟……
  • 夏目贵志: 三年了后偶遇这博客了!
  • 钟水洲博客: 拜个早年
  • 鸟叔の窝: 最近一直在关注贵博客,加个友情链接可否?
  • 荆棘鸟: 请教博主 评论自动发邮件怎么弄 我的域名邮箱老是配置不成功咋回事?
  • thornbird: 为何这样麻烦 直接安装LNMP即可
归档