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>
原文链接:https://blog.csdn.net/xuanjiewu/article/details/52996553
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
评论前必须登录!
立即登录