简单实用的带加载动画的jquery easing图片滚动代码
- 作者：网页模板
- 大小：0.331MB
- 点击次数：
- 发布时间：2014-03-04 11:54
特效介绍
简单实用的带加载动画的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 自动滚动间隔的时间
- 本文标签：
- jquery easing图片滚动代码
