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

1//竖向标签        
2var tabVMu=function(tabVMu,tval,qhxg,isbgChange){
3	var mYN=true;
4	var $tabVMu=tabVMu;
5	var $tmVli=$tabVMu.find('li');
6	var $tcnVtem=$tabVMu.siblings('.tabVCnt').find('.item');
7	var $secP=$tabVMu.closest('.w-section');
8	var idx=0;
9	var dataImg;
10	$tmVli.removeClass('cur');
11	$tmVli.eq(0).addClass('cur');
12	$tcnVtem.css({'height':0,'overflow':'hidden'});
13	//$tcnVtem.hide();
14	//$tcnVtem.eq(0).show();
15	$tcnVtem.eq(0).removeAttr('style');
16	if(tval=='1'){
17		$tmVli.eq(0).addClass('colorbg_main');
18		$tmVli.eq(0).find('.adore').addClass('bg_main');
19	}else if(tval=='2'){
20		$tmVli.eq(0).addClass('bg_main');
21	}else if(tval=='3'){
22		$tmVli.find('.adore').addClass('triangle_t border_colorleft_main');
23		$tmVli.eq(0).addClass('bg_main border_colorall_main');
24	}else if(tval=='4'){
25		$tmVli.find('.adore').addClass('bg_main');
26		$tmVli.eq(0).addClass('colorbg_main');
27	}
28	$tabVMu.siblings('.tabVCnt').css({'min-height':$tabVMu.innerHeight()});
29	if(isbgChange){
30		dataImg=$tmVli.eq(0).attr('data-img');
31		if(dataImg != ''){
32			$secP.css({'background-image':'url(' + dataImg +')'});
33		}
34	}
35	if(qhxg=="0"){
36		$tmVli.click(function(){
37			if(idx != $(this).index()){
38			   idx=$(this).index();
39			   $(this).siblings('li').removeClass('cur');
40			   $tcnVtem.removeAttr('style');
41			   mYN=false;
42			   $tcnVtem.eq(idx).siblings('.item').hide();
43			   $(this).addClass('cur');
44			   $tcnVtem.eq(idx).show();
45			   if(isbgChange){
46					dataImg=$(this).attr('data-img');
47					if(dataImg != ''){
48						$secP.css({'background-image':'url(' + dataImg +')'});
49					}
50				}
51			   if(tval=='1'){
52					$(this).siblings('li').removeClass('colorbg_main');
53					$(this).addClass('colorbg_main');
54					$(this).siblings('li').find('.adore').removeClass('bg_main');
55					$(this).find('.adore').addClass('bg_main');
56			   }else if(tval=='2'){
57					$(this).siblings('li').removeClass('bg_main');
58					$(this).addClass('bg_main');
59			   }else if(tval=='3'){
60					$(this).siblings('li').removeClass('bg_main border_colorall_main');
61					$(this).addClass('bg_main border_colorall_main');
62			   }else if(tval=='4'){
63					$(this).siblings('li').removeClass('colorbg_main');
64					$(this).addClass('colorbg_main');
65			   }     
66			}		
67		});
68	}else if(qhxg=="1"){
69		$tmVli.mousemove(function(){
70			if(idx != $(this).index()){
71			   idx=$(this).index();
72			   $(this).siblings('li').removeClass('cur');
73			   $tcnVtem.removeAttr('style');
74			   mYN=false;
75			   $tcnVtem.eq(idx).siblings('.item').hide();
76			   $(this).addClass('cur');
77			   $tcnVtem.eq(idx).show();
78			   if(isbgChange){
79					dataImg=$(this).attr('data-img');
80					if(dataImg != ''){
81						$secP.css({'background-image':'url(' + dataImg +')'});
82					}
83				}
84			   if(tval=='1'){
85					$(this).siblings('li').removeClass('colorbg_main');
86					$(this).addClass('colorbg_main');
87					$(this).siblings('li').find('.adore').removeClass('bg_main');
88					$(this).find('.adore').addClass('bg_main');
89			   }else if(tval=='2'){
90					$(this).siblings('li').removeClass('bg_main');
91					$(this).addClass('bg_main');
92			   }else if(tval=='3'){
93					$(this).siblings('li').removeClass('bg_main border_colorall_main');
94					$(this).addClass('bg_main border_colorall_main');
95			   }  else if(tval=='4'){
96					$(this).siblings('li').removeClass('colorbg_main');
97					$(this).addClass('colorbg_main');
98			   }  
99			}		
100		});
101	}
102	setTimeout(function () {
103		if(mYN){
104			$tcnVtem.removeAttr('style');
105			$tcnVtem.hide();
106	        $tcnVtem.eq(0).show();
107		}
108	}, 3000);
109	$(window).resize(function () {
110		$tcnVtem.css({'height':0,'overflow':'hidden'});
111		$tcnVtem.show();
112		$tcnVtem.eq(idx).removeAttr('style');
113		setTimeout(function () {
114			$tcnVtem.removeAttr('style');
115			$tcnVtem.hide();
116			$tcnVtem.eq(idx).show();
117		}, 1000);
118		$tabVMu.siblings('.tabVCnt').css({'min-height':$tabVMu.innerHeight()});
119	})
120};