jQuery大屏图片幻灯片特效代码

//定时器 var timer ; var BodyHeight,BodyWidth; var yon = 0; var xon = 0; var step = 1; var Hoffset = 0; var Woffset = 0; $(function(){ timer = setInterval(function(){rotateBanner(-1)},5000); $(".slider_menu").hover(function(){ clearInterval(timer); }, function(){ timer = setInterval(function(){rotateBanner(-1)},5000); }); BodyHeight=parseInt(document.body.clientHeight); BodyWidth=parseInt(document.body.clientWidth); //alert(BodyWidth); }); //begin:首页视觉区效果 var _img = 1; function rotateBanner(step){ _img+=step; if (_img>4) { _img=1; } else if (_img<=0) { _img=4; } $("#IndexBanner").stop().animate({opacity: 0},300, function(){ $(this).css("background-image", "url(images/banner_0"+_img+".jpg)").animate({opacity: 1},300); }); $(".slider").stop().animate({backgroundPositionY: 99}, 300, function(){ $(this).css("background-image", "url(images/bar_0"+_img+".png)").animate({backgroundPositionY: 0}, 200); }); }

在线演示        积分下载        6毛下载        砍两刀下载