js实现tab选项卡函数代码

网络编程 2025/5/16 佚名

3 2 1

<html> <head> <style type="text/css"> * { 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; } </style>  <meta name="GENERATOR" content="MSHTML 8.00.7600.16535"> </head> <body>   <ul> <li>one1 </li> <li>one2 </li> <li>one3 </li> <li>one4 </li> </ul>    cont_one_1  cont_one_2  cont_one_3  cont_one_4     <ul> <li>tow1 </li> <li>tow2 </li> <li>tow3 </li> </ul>    cont_tow_1  cont_tow_2  cont_tow_3   </body> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

js,tab,选项卡

标签：

js,tab,选项卡

免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

白云城资源网 Copyright www.dyhadc.com

评论“js实现tab选项卡函数代码”

js实现tab选项卡函数代码

暂无“js实现tab选项卡函数代码”评论...

www.dyhadc.com 白云城资源网

129,905影音资源

244,626技术资源

111,817软件资源

578,645站长资源

更新日志

2025年05月16日

js实现tab选项卡函数代码

js,tab,选项卡

Javascript下的urlencode编码解码方法附decodeURIComponent

网页图片延时加载的js代码

评论“js实现tab选项卡函数代码”

更新日志

友情链接