慕课网jQuery插件开发之tab选项卡插件练习

共4个文件

js：2个

css：1个

html：1个

jQuery插件

tab选项卡

javascript

4星 · 超过85%的资源需积分: 15 42 下载量 10 浏览量 2017-05-15 01:42:55 上传评论收藏 30KB ZIP 举报

温馨提示

根据慕课网tab选项卡插件开发教程，自己做了稍微改动，当然作为jQuery插件，里面并没有扩展，也没有全局变量防止冲突处理，对于结构类名也没有做处理

资源推荐

资源详情

资源评论

收起资源包目录

tab.zip （4个子文件）

tab

jQueryTab.js 3KB

tab.html 866B

style.css 1KB

jquery.min.js 81KB

共 4 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="style.css"/> <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jQueryTab.js"></script> </head> <body> <div id="tab" class="js-tab" data-config='{ "type":"mouseover", "effect":"fade", "show":1, "auto":1000}'> <ul class="tab-nav"> <li class="active">1</li> <li>2</li> <li>3</li> </ul> <ul class="tab-wrap"> <li class="tab-item active"></li> <li class="tab-item"></li> <li class="tab-item"></li> </ul> </div> <script type="text/javascript"> // var tab1=new Tab($('.js-tab').eq(0)); jQuery.noConflict(); jQuery('.js-tab').Tab(); </script> </body> </html>

评论收藏

内容反馈

资源评论