jquery 文字(動態消息)向上滾動一次一行
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> javascript
<html> css
<head> html
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> java
<title>Untitled Document</title> jquery
<style type="text/css"> ajax
.list,li{list-style:none; margin:0; padding:0;} api
.scroll{ width:500px; height:25px; overflow:hidden; border:1px solid #333;} app
.scroll li{ width:500px; height:25px; line-height:25px; overflow:hidden;} ui
.scroll li a{ font-size:14px;color:#333; text-decoration:none;} this
.scroll li a:hover{ text-decoration:underline;}
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
</head>
<body>
<div class="scroll">
<ul class="list">
<li><a href="#" target="_blank">sdfsdfsdf </a></li>
<li><a href="#" target="_blank">rtyrt rty rtyrt r</a></li>
</ul>
</div>
<script>
function autoScroll(obj){
$(obj).find(".list").animate({
marginTop : "-25px"
},500,function(){
$(this).css({marginTop : "0px"}).find("li:first").appendTo(this);
})
}
$(function(){
setInterval('autoScroll(".scroll")',3000)
})
</script>
</body>
</html>
- 1. Jquery消息滾動
- 2. jQuery插件--圖片文字向上向左循環滾動
- 3. 【jQuery效果】文字滾動
- 4. [javascript]文字無縫向上滾動
- 5. 橫排文字向上滾動效果 --jquery
- 6. jQuery新聞列表滾動(上下滾動、橫向滾動、無縫滾動、停頓滾動)
- 7. jQuery動態提示消息框效果
- 8. Vue中實現文字向上滾動的動畫效果
- 9. jQuery實現的向下推送圖文信息滾動效果
- 10. JS文字向上翻滾
- 更多相關文章...
- • ionic 滾動條 - ionic 教程
- • HTTP 消息結構 - HTTP 教程
- • RxJava操作符（一）Creating Observables
- • SpringBoot中properties文件不能自動提示解決方法
-
每一个你不满意的现在，都有一个你没有努力的曾经。