JQuery实现标签页切换效果

浏览数：37 / 时间：2015年06月09日 
 1 /*Created By Me*/
 2 /*标签页覆盖切换*/
 3 /*titleClass 焦点样式*/
 4 /*contentClass 内容区域样式*/
 5 /*activeClass 活动焦点样式*/
 6 
 7 function tabpage(titleClass,contentClass,activeClass){
 8     $(titleClass).mouseover(function(){
 9         var titles=$(titleClass);
10         var contents=$(contentClass);
11         var curIndex=titles.index(this);
12         $("."+activeClass).removeClass(activeClass);
13         $(this).addClass(activeClass);
14         contents.hide();
15         $(contents[curIndex]).show();
16     });
17 }

 

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style log it la sp io as ad class style log it la sp io as ad

相关文章

随机文章

您可能还喜欢

您可能还喜欢