900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js实现tab选项卡函数代码【javascript】

js实现tab选项卡函数代码【javascript】

时间:2020-02-22 16:27:32

相关推荐

js实现tab选项卡函数代码【javascript】

web前端|js教程

js,tab,选项卡

web前端-js教程

android疯狂讲义源码,ubuntu序列号,开发爬虫软件违法, 分类:php ,dx seo设置lzw

优果网源码,vscode怎么调用插件,ubuntu发热严重,tomcat集成安装,nas爬虫,php7 效率,seo关键字标题,精美大气门户网站,模板博客文章lzw

* { padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; font-size: 12px; padding-top: 0px; } BODY { padding-left: 20px; padding-top: 20px; } .wid240 { width: 242px; margin-bottom: 20px; } .wid180 { width: 182px; } .tab { border-bottom: #000 1px solid; border-left: #000 1px solid; border-top: #000 1px solid; border-right: #000 1px solid; } .tab UL { zoom: 1; clear: both; } .tab UL:after { display: block; height: 0px; visibility: hidden; clear: both; content: “”; } .tab UL LI { text-align: center; line-height: 26px; width: 60px; display: inline; background: #000; float: left; height: 26px; color: #fff; } .tab UL LI.on { background: #fff; color: #000; } .tabList { border-bottom: #000 1px solid; border-left: #000 1px solid; height: 150px; border-top: #000 1px; border-right: #000 1px solid; } .tabList .one { padding-bottom: 10px; padding-left: 10px; padding-right: 10px; display: none; color: #ff0000; padding-top: 10px; } .tabList .block { display: block; }

function setTab(name,m,n){ for( var i=1;i<=n;i++){ var menu = document.getElementById(name+i); var showDiv = document.getElementById("cont_"+name+"_"+i); menu.className = i==m ?"on":""; showDiv.style.display = i==m?"block":"none"; } }

asp人流量数据统计源码,ubuntu gpu训练死机,日本 东京 爬虫展,bosonnlp php,相关seo网站lzw

one1

one2

one3

one4

cont_one_1

cont_one_2

cont_one_3

cont_one_4

tow1

tow2

tow3

cont_tow_1

cont_tow_2

cont_tow_3

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。