jQuery大屏图片幻灯片特效代码1206
 //定时器 
    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); 
        }); 
    } 

技术讨论区(0 个讨论)

  1. 请先登录

      发 布