https://larachecity.com/template/js/tabMu.js

1//横向标签        
2var tabMu=function(tabMu,tval,qhxg){
3	var mYN=true;
4	var $tabMu=tabMu;
5	var $tmli=$tabMu.find('li');
6	var $tcntem=$tabMu.siblings('.tabCnt').find('.item');
7	var idx=0;
8	$tmli.removeClass('cur');
9	$tmli.eq(0).addClass('cur');
10	$tcntem.css({'height':0,'overflow':'hidden'});
11	//$tcntem.hide();
12	$tcntem.eq(0).removeAttr('style');
13	if(tval=='1'){
14		$tmli.eq(0).addClass('colorbg_main');
15	}else if(tval=='2'){
16		$tmli.addClass('borcol');
17		$tmli.eq(0).addClass('colorbg_main border_colorall_main');
18	}else if(tval=='3'){
19		$tmli.addClass('borcol');
20		$tmli.eq(0).addClass('bg_main border_colorall_main');
21	}else if(tval=='4' || tval=='8'){
22		$tmli.eq(0).addClass('bg_main');
23	}else if(tval=='5'){
24		$tabMu.find('ul').addClass('bg_main');
25		$tmli.append(" <i class='icon_adore triangle_t border_colortop_main'></i>");
26	}else if(tval=='6'){
27		$tabMu.find('ul').addClass('bg_main');
28	}else if(tval=='7'){
29		$tmli.addClass('borTransparent');
30		$tmli.eq(0).addClass('border_colorall_main colorbg_main');
31	}else if(tval=='9' || tval=='10'){
32		$tmli.addClass('borTransparent');
33		$tmli.eq(0).addClass('border_colorall_main colorbg_main');
34	}
35	if(qhxg=="0"){
36		$tmli.click(function(){
37			if(idx != $(this).index()){
38			   idx=$(this).index();
39			   $tcntem.removeAttr('style');
40			   mYN=false;
41			   $(this).siblings('li').removeClass('cur');
42			   $tcntem.eq(idx).siblings('.item').hide();
43			   $(this).addClass('cur');
44			   $tcntem.eq(idx).show();
45			   if(tval=='1'){
46					$(this).siblings('li').removeClass('colorbg_main');
47					$(this).addClass('colorbg_main');
48			   }else if(tval=='2'){
49					$(this).siblings('li').removeClass('colorbg_main border_colorall_main');
50					$(this).addClass('colorbg_main border_colorall_main');
51			   }else if(tval=='3'){
52					$(this).siblings('li').removeClass('bg_main border_colorall_main');
53					$(this).addClass('bg_main border_colorall_main');
54			   }else if(tval=='4' || tval=='8'){
55					$(this).siblings('li').removeClass('bg_main');
56					$(this).addClass('bg_main');
57			   } else if(tval=='7' || tval=='9' || tval=='10'){
58					$(this).siblings('li').removeClass('border_colorall_main colorbg_main');
59					$(this).addClass('border_colorall_main colorbg_main');
60			   } 		   
61			}		
62		});
63	}else if(qhxg=="1"){
64		$tmli.mousemove(function(){
65			if(idx != $(this).index()){
66			   idx=$(this).index();
67			   $tcntem.removeAttr('style');
68			   mYN=false;
69			   $(this).siblings('li').removeClass('cur');
70			   $tcntem.eq(idx).siblings('.item').hide();
71			   $(this).addClass('cur');
72			   $tcntem.eq(idx).show();
73			   if(tval=='1'){
74					$(this).siblings('li').removeClass('colorbg_main');
75					$(this).addClass('colorbg_main');
76			   }else if(tval=='2'){
77					$(this).siblings('li').removeClass('colorbg_main border_colorall_main');
78					$(this).addClass('colorbg_main border_colorall_main');
79			   }else if(tval=='3'){
80					$(this).siblings('li').removeClass('bg_main border_colorall_main');
81					$(this).addClass('bg_main border_colorall_main');
82			   }else if(tval=='4' || tval=='8'){
83					$(this).siblings('li').removeClass('bg_main');
84					$(this).addClass('bg_main');
85			   } else if(tval=='7' || tval=='9' || tval=='10'){
86					$(this).siblings('li').removeClass('border_colorall_main colorbg_main');
87					$(this).addClass('border_colorall_main colorbg_main');
88			   } 		   
89			}		
90		});
91	}
92	setTimeout(function () {
93		if(mYN){
94			$tcntem.removeAttr('style');
95			$tcntem.hide();
96	        $tcntem.eq(0).show();
97		}
98	}, 3000);
99	$(window).resize(function () {
100		$tcntem.css({'height':0,'overflow':'hidden'});
101		$tcntem.show();
102		$tcntem.eq(idx).removeAttr('style');
103		setTimeout(function () {
104			$tcntem.removeAttr('style');
105			$tcntem.hide();
106			$tcntem.eq(idx).show();
107		}, 1000);
108	})
109};