jQuery实现简单的间隔向上滚动效果

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>

　　<div id="broadcast" class="bar" name="giftactive">

　　<div style="float:left"><strong>间隔滚动效果：</strong></div>

　　<div id="demo" style="overflow:hidden;height:22px;line-height:22px;">

　　<ul class="mingdan" id="holder">

　　<li><a href="#" target="_blank">aaaaaa</a></li>

　　<li><a href="#" target="_blank">bbbbbb</a></li>

　　<li><a href="#" target="_blank">cccccc</a></li>

　　<li><a href="#" target="_blank">dddddd</a></li>

　　<li><a href="#" target="_blank">eeeeee</a></li>

　　</ul>

　　</div>

　　</div>

　　<script type="text/javascript">

　　function AutoScroll(obj) {

　　$(obj).find("ul:first").animate({

　　marginTop: "-22px"

　　}, 500, function() {

　　$(this).css({ marginTop: "0px" }).find("li:first").appendTo(this);

　　});

　　}

　　$(document).ready(function() {

　　setInterval('AutoScroll("#demo")', 1000)

　　});

　　</script>