首页 > 特效插件 > 滚动轮播 >  简单实用的带加载动画的jquery easing图片滚动代码正文

简单实用的带加载动画的jquery easing图片滚动代码

特效介绍
jquery easing图片滚动代码
简单实用的带加载动画的jquery easing图片滚动代码,完美兼容IE6
使用方法
1、在头部引入<!--引入开始-->和<!--引入结束-->之间的代码
2、在html文档的body中加入下面的代码:
<div id="mygalone" class="svw2" style="height:143px; overflow:hidden;">     
    <ul style="height:143px; overflow:hidden">
        <li><a href="http://5imoban.net" target="_self"><img alt="模板网" border="0"  src="images/banner_new_generation_overnet_cn.jpg" /></a></li>
        <li><a href="http://5imoban.net" target="_self"><img alt="模板网" border="0"  src="images/media_distribution_cn.jpg" /></a></li>
        <li><a href="http://5imoban.net" target="_self"><img alt="模板网" border="0"  src="images/banner_hdmi.jpg" /></a></li>
        <li><a href="http://5imoban.net" target="_self"><img alt="模板网" border="0" src="images/banner_cs661.jpg" /></a></li>
        <li><a href="http://5imoban.net" target="_self"><img alt="模板网" border="0"  src="images/main_green_it.jpg" /></a></li>
        <li><a href="http://5imoban.net" target="_self"><img alt="模板网" border="0"  src="images/ip_based_kvm_cn.jpg" /></a></li>
        <li><a href="http://5imoban.net" target="_self"><img alt="模板网" border="0" src="images/ke8220_cn.jpg" /></a></li>
        <li><a href="http://5imoban.net" target="_self"><img alt="模板网" border="0" src="images/kvmp_banner.jpg" /></a></li>
        <li><a href="http://5imoban.net" target="_self"><img alt="模板网" border="0"  src="images/banner_cat5_cn.gif" /></a></li>
    </ul>
</div>
<script type="text/javascript">
    $(window).bind("load", function() {     
    $("div#mygalone").slideView({     
        easeFunc: "swing",
        easeTime: 500,
        autoPlay: 4500
    });  
    });
</script>
调用代码参数:
        easeTime: 500,    滚动一次时间
        autoPlay: 4500    自动滚动间隔的时间