js 信息滚播

最新推荐文章于 2022-03-27 00:17:38 发布

炫街舞

最新推荐文章于 2022-03-27 00:17:38 发布

阅读量531

点赞数

分类专栏：前端 JS（JavaScript）

本文链接：https://blog.csdn.net/xuanjiewu/article/details/52996553

版权

JS（JavaScript）同时被 2 个专栏收录

35 篇文章 0 订阅

订阅专栏

前端

25 篇文章 0 订阅

订阅专栏

js 信息滚播

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>信息滚播</title>
<script type="text/javascript" src="../js-thirdparty/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
//信息滚播
/**/function AutoScroll(obj){ 
$(obj).find("ul:first").animate({ 
	marginTop:"-32px" 
},500,function(){ 
	    $(this).css({marginTop:"0px"}).find("li:first").appendTo(this); 
	}); 
} 

$(document).ready(function() {
	var myar = setInterval('AutoScroll(".ftip")', 3000);
	$(".ftip").hover(function() { 
		clearInterval(myar); 
	}, 
    function(){ 
		myar = setInterval('AutoScroll(".ftip")', 3000);
	});
});

</script>
<style type="text/css">
 .ftip{ float:left; height:32px; line-height:32px; overflow: hidden; background-color:#40b9e4;}
 .ftip ul{ padding:0px; margin:0px;}
 .ftip ul li{list-style:none;}
</style>
</head>

<body>

<div class="ftip">
	<ul>
		<li>张三 20161011 go go</li>
		<li>张四 20161012 go go</li>
		<li>张五 20161013 go go</li>
	</ul>
</div>

</body>
</html>

炫街舞

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js 信息滚播

js 信息滚播信息滚播//信息滚播/**/function AutoScroll(obj){ $(obj).find("ul:first").animate({ marginTop:"-32px" },500,function(){ $(this).css({marginTop:"0px"}).find("li:first").appendTo(this
复制链接

扫一扫