插件描述：一个简单至极的Tab选项卡，支持加载网页
一个简单至极的Tab选项卡，支持加载网页
第一步：添加脚本和样式
1 2 3 | <link type="text/css" rel="stylesheet" href="css/tabs.css"/><script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><script type="text/javascript" src="js/tabs.js"></script> |
第二步：写一个选项卡
1 2 3 4 5 6 7 8 9 10 | <div class='tabs' id="tabs"> <ul class='horizontal'> <li rel="tab-1">information</li> <li rel="tab-2" relHref="T1.html">tab2</li> <li rel="tab-3" relHref="T2.html">tab3</li> </ul> <div rel='tab-1'><span>Change the tab to see that there is an animation.</span></div> <div rel='tab-2'><span>Tab 2</span></div> <div rel='tab-3'><span>Tab 3</span></div> </div> |
注意：如果想默认第几个选项卡激活，直接添加有个class="sekectActive"就好，如：
1 | <li rel="tab-2" relHref="T1.html" class="selectActive">tab2</li> |
注意，如果不是加载网页的形式relHref不用写，如果需要这个属性写你对应的网页地址
第三步：写一个执行一个初始化函数
1 2 3 | <script type="text/javascript"> tabs_takes.init("tabs");</script> |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： jQuery表单验证
- 下一个特效： 基于百度地图API的地址输入插件