jquery 实现滚动向上滚动图片上一张停顿一下在上一张效果

因工作需要做一个图片向上滚停滚效果，因此用jquery实现了这一功能，个人觉得代码很简洁，希望给需要的朋友们一些参考。

前台html代码如下（css样式表文件我就不粘贴了，因为我觉得那个一般人都会）：

<div class="picshow">
<ul>
<asp:Repeater ID="Picshowrp" runat="server">
<ItemTemplate>
<li><a href="<%#Eval("LinkUrl") %>" target="_blank"> <img src="<%#Eval("imageURL") %>" width="977" height="156" border="0" /></a></li>
</ItemTemplate>
</asp:Repeater>
</ul>
</div>

　　js代码如下（记得要引入jquery类库，只有这样代码才起作用哦）：

<script type="text/javascript">
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-156px"
},1000,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
setInterval('AutoScroll(".picshow")',4000)
</script>

简单解释一下代码

1、setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式，该方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭，由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。上述代码中表示每隔4秒中调用一次“AutoScroll”函数。

　　2、“AutoScroll”函数主要实现图片向上滑动，并用“li”元素（包括里面的图片）不断的补充向上滑动产生的空白部分。

3、“animate”函数是jquery中的一个函数，功能是创建自定义动画的函数，主要参数说明如下：

　　　　paramsOptions一组包含作为动画属性和终值的样式属性和及其值的集合

　　　　duration (可选)String,Number三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)

　　　　easing (可选)String要使用的擦除效果的名称(需要插件支持).默认jQuery提供"linear" 和 "swing".

　　　　callback (可选)Function在动画完成时执行的函数

ok好了主要代码很简单希望对您有所帮助。

号外：

　　您开发程序可以说是为了兴趣，但是养家糊口绝对是第一位。找个外包项目开发，也许是一个一举两得的好办法，1增加收入；2提高程序开发的水平。对了也许在增加一点3提高与用户沟通的能力，积累丰富的资源,最后终于找到一个比较适合程序员接外包开发的网站，也许对大家有所帮助。

　　全球软件项目外包平台

不会英语也能帮你挣美元

做国内项目体现不出实力，来智城做国际项目才过瘾

美国人的项目，你敢接么？

操作简便，支付安全，轻松赚美元！

大洋彼岸做项目,网上交易,安全便捷