特效介绍
简单实用的带加载动画的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 自动滚动间隔的时间