https://www.zjyyeg.com/static/web/js/banner.js?v=v3

1// jQuery.fn.LoadImage=function(scaling,obj){
2// 	var n = obj.length;
3// 	return this.each(function(){
4// 		var $t = $(this);
5// 		var src = $(this).attr("data-img");
6// 		var img = new Image();
7// 		img.src = src;
8// 		//处理ff下会自动读取缓存图片
9// 		if(img.complete || img.width){
10// 			n -- ;
11// 			if(n == 0){
12// 				banner();
13// 			}
14// 		    return;
15// 		}
16// 		$(img).load(function(){
17// 			$t.attr("style","background:url("+src+") no-repeat center");
18// 			n -- ;
19// 			if(n == 0){
20// 				banner();
21// 			}
22// 		});
23// 	});
24// }
25function banner(){
26	//初始化banner样式
27	$(".banner").css("background","none");
28	var listN = $(".banner > ul > li").length;
29	$(".banner > ul > li").eq(0).fadeIn(1000);
30	// $(".banner > ul > li").eq(0).find('.titlebox').animate({
31	// 		'marginLeft' : '-205px',
32	// 		'opacity' : 1
33	// 	},500,function(){
34	// 		$(".banner > ul > li").eq(0).find('dt').animate({
35	// 			'marginLeft' : '118px',
36	// 			'opacity' : 1
37	// 		},500,function(){
38	// 			$(".banner > ul > li").eq(0).find('dd').animate({
39	// 				'marginLeft' : '155px',
40	// 				'opacity' : 1
41	// 			},500);
42	// 		});
43	// 	});
44
45	for(i=0;i<listN;i++){
46		$(".banner .btn").append('<span class="span'+i+' fl"></span>');
47	}
48	$(".banner .btn").css("margin-left",-$(".btn").width()/2);
49	$(".banner .btn span").eq(0).addClass("on");
50
51	//执行效果
52	var sw = 1;
53	$(".banner .btn span").mouseover(function(){
54		sw = $(".banner .btn span").index(this);
55		myShow(sw);
56	});
57	function myShow(i){
58		$(".banner .btn span").eq(i).addClass("on").siblings("span").removeClass("on");
59		$(".banner > ul > li").eq(i).stop(true,true).fadeIn(1000).siblings().stop(true,true).fadeOut(1000);
60		// $(".banner > ul > li").eq(i).find('.titlebox').animate({
61		// 	'marginLeft' : '-205px',
62		// 	'opacity' : 1
63		// },500,function(){
64		// 	$(".banner > ul > li").eq(i).find('dt').animate({
65		// 		'marginLeft' : '118px',
66		// 		'opacity' : 1
67		// 	},500,function(){
68		// 		$(".banner > ul > li").eq(i).find('dd').animate({
69		// 			'marginLeft' : '155px',
70		// 			'opacity' : 1
71		// 		},500);
72		// 	});
73		// });
74	}
75	//滑入停止动画，滑出开始动画
76	$(".banner").hover(function(){
77		if(myTime){
78		   clearInterval(myTime);
79		}
80	},function(){
81		clearInterval(myTime);
82		myTime = setInterval(function(){
83		  myShow(sw);
84		  sw++;
85		  if(sw==listN){sw=0;}
86		} , 2000);
87	});
88	//自动开始
89	var myTime = setInterval(function(){
90	   myShow(sw);
91	   sw++;
92	   if(sw==listN){sw=0;}
93	} , 2000);
94}
95
96$(function(){
97	// $(".banner > ul > li").LoadImage(true,$(".banner > ul > li"));
98	banner();
99})