小米官网商城|小米官网jQuery焦点图实例代码

【www.bbyears.com--jquery】

HTML代码

                      了解小米3                      进入小米网
                      小米手机3视频>>                 

JS代码

<script type="text/javascript">  
$(function(){   $("#xmSlide").xmSlide({       width: 950,  
    height: 639,  
    responsiveWidth:710,  
    pagination: {  
        effect: "fade"      },  
    effect: {  
        fade: {  
            speed: 400  
        }  
    },  
    play: {  
        effect: "fade",           interval: 5000,  
        auto: true,           pauseOnHover: true,           restartDelay: 2500  
    }  
});  
});  
</script> 

就面就是代码核心段了，jquery源文件包我们自己去下载吧，下面我把整理实例拿出来。

<script type="text/javascript" src="js/jquery18.js"></script>
<script type="text/javascript" src="js/slides.js"></script>
<script type="text/javascript">
$(function(){
$("#xmSlide").xmSlide({
    width: 950,
    height: 639,
    responsiveWidth:710,
    pagination: {
        effect: "fade"
    },
    effect: {
        fade: {
            speed: 400
        }
    },
    play: {
        effect: "fade",
        interval: 5000,
        auto: true,
        pauseOnHover: true,
        restartDelay: 2500
    }
});
});
</script>

           了解小米3
           进入小米网

           小米手机3视频>>
          

本文来源：http://www.bbyears.com/wangyezhizuo/44842.html