标签页tabs切换,网站上随意可见。做前端的童鞋相信见过超多种实现方式,我自己也动手写过好几个实例以实际tabs切换效果。
由最初的原生js,只实现最基本的切换生硬效果,到后来从原生js转向jq,还是自己写tabs切换功能,到现在不断增长的自定义功能需求:html结构极度简单明了,tabs标题数增删方便,click或hover切换事件随意设置,可设置默认显示项,激活项标识自定义,可开启定时自动切换等等的扩展要求。
下面自己封装的jq tabs切换插件,借鉴了bootstrape及jqueryUI的写法,直接采用了bootstrape其简洁明了的html结构,js部分想照 抄的话,不实际,自己写了了封装插件,除去注释,也就五六十行的代码,可算是短小精悍吧。
提示:你可以先修改部分代码再运行。
如何你现在使用的js tabs切换 html太复杂修改不方便,js写得比较乱,局限性比较大,不防试试上面的插件,很好用的说,起码我自己是这样觉得的,哈...
当然js写法多种多样,没有最好,只有更好!欢迎有写过tabs切换功能的同学,前来相互学习,交流心得!
上一篇: html,js代码执行优先级
下一篇: 页面多出一带id为ClCache的空白行,工行插件捣鬼!
0条评论( 网友:0 条,站长:0 条 ) 网友评论{有您的评论更精彩....}