想必做过前端开发或者网站的朋友,对于js选项卡这个功能并不陌生,近几年来随着js运用普遍,js的框架不能就层出不穷,去个人个个还是比较喜欢用jquery的,今天利用闲暇的时间写了一个jquery的tab插件,也算是自已练习了,希望能帮助到大家!至于怎么编写我在这里就不说了,网上的教程多的是,自己动手找一下吧。

用法:

style:事件 1 SSclick 2 mousemove
tabbox: 切换的内容元素
className:切换时的Id

<script type="text/javascript">
$(function(){
	
	$("ul.dc li").Tab(2,".tab_box","hover");
	$("ul.dt li").Tab(1,".tab_boxt","hover");
	})

</script>

调用插件别忘了,上面的代码是怎么用

 

这里是一个演示Demo:http://suiyidian.cn/texiao/tab/tabdemo.html

标签: 选项卡, jquery, jquery插件

添加新评论