好久没写了博客了,因为跳到了一个坑的不要命的公司,每天累的跟狗似的,今天客户要做个文字翻滚效果,我找了一下,下面的这个比较简单就能实现--基于jquery的
<html>
<title>jQuery插件版文字轮流滚动,一步一停</title>
<body>
<script language="JavaScript" type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
function scroll_news(){
$(function(){
$('#dvmq li').eq(0).fadeOut('slow',function(){
// alert($(this).clone().html());
//克隆:不用克隆的话,remove()就没了。
$(this).clone().appendTo($(this).parent()).fadeIn('slow');
$(this).remove();
});
});
}
setInterval('scroll_news()',1000);
</script>
<div id="dvmq" style="width:363px; height: 32px;" >
<ul>
<li>1,one</li>
<li>2,two</li>
<li>3,three</li>
<li>4,我走一步,停一停!</li>
</ul>
</div>
</body>
</html>