您的位置:首页 > 编程语言

新闻或图片上下滚动代码

2011-04-06 16:44 507 查看
<style>
ul,ol,li {list-style:none;text-align:left}
</style>

<div style="WIDTH: 320px; HEIGHT: 145px;overflow:hidden;">
<script src="http://www.lanrentuku.com/js/jquery-1[1].2.1.pack.js" type="text/javascript"></script>
<script type="text/javascript">
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-152px"
},1000,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv")',3000)
});
</script>

<div id="scrollDiv">
<ul><li><img src="http://www.lanrentuku.com/down/png/0909/BSG-Fraking-Toasters.jpg" /></li>
<li><img src="http://www.lanrentuku.com/down/png/0909/Somatic-forders.jpg" /></li>
<li><img src="http://www.lanrentuku.com/down/png/0909/Somatic-Rebirth-Extras-Win.jpg" /></li>
<li><img src="http://www.lanrentuku.com/down/png/0909/Somatic-Ramp-Champ-Win.jpg" /></li>
<li><img src="http://www.lanrentuku.com/down/png/0908/Creature_Ball_win.jpg" /></li>
<li><img src="http://www.lanrentuku.com/down/png/0908/Hello-Kitty-Win.jpg" /></li>
<li><img src="http://www.lanrentuku.com/down/png/0908/Twitter_square_win.jpg" /></li>
<li><img src="http://www.lanrentuku.com/down/png/0908/coffee-cups.jpg" /></li>
</ul>
</div>

</div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: