使用jQuery實現(xiàn)單行文字間歇向上滾動

效果網(wǎng)址:
本效果加強版： 主要增加了光標懸停效果

以下是源代碼：

復制代碼 代碼如下:

<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
<style type="text/css">
.scrollDiv{height:25px;/* 必要元素 */line-height:25px;border:#ccc 1px solid;overflow:hidden;/* 必要元素 */}
.scrollDiv li{height:25px;padding-left:10px;}
ul,li{list-style-type:none;margin:0px;}</style>

<h2>jquery特效 單行文字向上滾動(有間歇)</h2>
<div>
<ul>
<li><a >菜單滾動至頂部后固定</a></li>
<li><a >jquery使用ColorBox彈出圖片組瀏覽層</a></li>
<li><a >jquery右下角滑動彈出可關閉重現(xiàn)層</a></li>
<li><a >jquery清空textarea等輸入框</a></li>
</ul>
</div>
<script type="text/javascript">
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},500,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv_keleyi_com")',3000);
});
</script>