https://minpn.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				if ($tcnVtem.eq(idx).find('.img-count').length > 0) {
67					$tcnVtem.eq(idx).find('.img-count').each(function () {
68						imgCount1($(this))
69					})
70				}
71			}		
72		});
73	}else if(qhxg=="1"){
74		$tmVli.mousemove(function(){
75			if(idx != $(this).index()){
76			   idx=$(this).index();
77			   $(this).siblings('li').removeClass('cur');
78			   $tcnVtem.removeAttr('style');
79			   mYN=false;
80			   $tcnVtem.eq(idx).siblings('.item').hide();
81			   $(this).addClass('cur');
82			   $tcnVtem.eq(idx).show();
83			   if(isbgChange){
84					dataImg=$(this).attr('data-img');
85					if(dataImg != ''){
86						$secP.css({'background-image':'url(' + dataImg +')'});
87					}
88				}
89			   if(tval=='1'){
90					$(this).siblings('li').removeClass('colorbg_main');
91					$(this).addClass('colorbg_main');
92					$(this).siblings('li').find('.adore').removeClass('bg_main');
93					$(this).find('.adore').addClass('bg_main');
94			   }else if(tval=='2'){
95					$(this).siblings('li').removeClass('bg_main');
96					$(this).addClass('bg_main');
97			   }else if(tval=='3'){
98					$(this).siblings('li').removeClass('bg_main border_colorall_main');
99					$(this).addClass('bg_main border_colorall_main');
100			   }  else if(tval=='4'){
101					$(this).siblings('li').removeClass('colorbg_main');
102					$(this).addClass('colorbg_main');
103				} 
104				if ($tcnVtem.eq(idx).find('.img-count').length > 0) {
105					$tcnVtem.eq(idx).find('.img-count').each(function () {
106						imgCount1($(this))
107					})
108				}
109			}		
110		});
111	}
112	setTimeout(function () {
113		if(mYN){
114			$tcnVtem.removeAttr('style');
115			$tcnVtem.hide();
116	        $tcnVtem.eq(0).show();
117		}
118	}, 3000);
119	$(window).resize(function () {
120		$tcnVtem.css({'height':0,'overflow':'hidden'});
121		$tcnVtem.show();
122		$tcnVtem.eq(idx).removeAttr('style');
123		setTimeout(function () {
124			$tcnVtem.removeAttr('style');
125			$tcnVtem.hide();
126			$tcnVtem.eq(idx).show();
127		}, 1000);
128		$tabVMu.siblings('.tabVCnt').css({'min-height':$tabVMu.innerHe

128ight()});
129	})
130};