新闻或图片上下滚动代码

<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>
原文地址:https://www.cnblogs.com/wzg0319/p/2006978.html