jquery实现⽂字的上下滚动效果效果图:
<html>
<title>jQuery插件版⽂字轮流滚动,⼀步⼀停</title>
<body>
<script language="javascript" type="text/javascript" src="/images/jquery1.3.2.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" >
<ul>
<li>1,one</li>
<li>2,two</li>
jquery翻书效果
<li>3,three</li>
<li>4,我⾛⼀步,停⼀停!</li>
</ul>
</div>
</body>
</html>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论