支持自动播放 可定义鼠标事件延迟 不限制html结构 假设HTML如下： 复制代码 代码如下: <ul> <li id="t1">tab1</li> <li id="t2">tab2</li> <li id="t3">tab3</li> </ul> <div id="c1">content1</div> <div id="c2">content2</div> <div id="c3">content3</div> 执行定义的tab初始化函数 复制代码 代码如下: <script> var tabType={ trigger:'触发事件', tabCurrentClass:'当前tab的className' [,delay:'事件触发的延时', auto:'是否自动播放', timer:'自动播放周期'] } // tabType的前两个是必需参数，后面的3个可根据需要添加 // 其后的tab->content对应关系以数组形式添加，以其id为参数识别，如下： // [tab1.id,content1.id,'o'],[tab2.id,content2.id],…… // 如果要设定某个tab默认是打开的，在后面加个”o”参数，如下： //eg: tabInit(tabType,[t1,c1,'o'],[t2,c2],…); } tabInit(type,['t1','c1','o'],['t2','c2'],['t3','c3']); </script> 演示地址:http://demo.jb51.net/js/tab_switch/tab.html打包下载地址:http://www.jb51.net/jiaoben/25777.html

　　推荐阅读

　　百度Popup.js弹出框进化版 拖拽小框架发布 兼容IE6/7/8,Firefox,Chrome

脚本之家之前发布过这样的代码，其实问题不大，但这里的版本主要是增加一些功能，回调执行服务器端的方法，对于asp.net开发或ajax开发都是非常有价值的改进。先看下效果图：原有百度的Popup.js在有 复制代码 代码如>>>详细阅读

本文标题：一个js的tab切换效果代码[代码分离]

地址：http://www.17bianji.com/kaifa2/JS/26607.html

 1/2    1