麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

jQuery實現單行文字間歇向上滾動源代碼

2019-11-20 22:40:27
字體:
來源:轉載
供稿:網友
使用jQuery實現單行文字間歇向上滾動

效果網址:http://www.keleyi.com/keleyi/phtml/textscroll.htm
本效果加強版:http://www.keleyi.com/a/bjac/532bedbffca1affa.htm 主要增加了光標懸停效果

以下是源代碼:
復制代碼 代碼如下:

<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
<style type="text/css">
.scrollDiv{height:25px;/* 必要元素 */line-height:25px;border:#ccc 1px solid;overflow:hidden;/* 必要元素 */}
.scrollDiv li{height:25px;padding-left:10px;}
ul,li{list-style-type:none;margin:0px;}</style>

<h2>jquery特效 單行文字向上滾動(有間歇)</h2>
<div id="scrollDiv_keleyi_com" class="scrollDiv">
<ul>
<li><a >菜單滾動至頂部后固定</a></li>
<li><a >jquery使用ColorBox彈出圖片組瀏覽層</a></li>
<li><a >jquery右下角滑動彈出可關閉重現層</a></li>
<li><a >jquery清空textarea等輸入框</a></li>
</ul>
</div>
<script type="text/javascript">
function AutoScroll(obj){
$(obj).find("ul:first").animate({
marginTop:"-25px"
},500,function(){
$(this).css({marginTop:"0px"}).find("li:first").appendTo(this);
});
}
$(document).ready(function(){
setInterval('AutoScroll("#scrollDiv_keleyi_com")',3000);
});
</script>

解析:使用$('li')將匹配到的是多個li元素的集合。
如果要指定獲取第一個li元素,那么可以使用“:first”,即$('li:first');
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 麻豆一二区 | 免费国产在线观看 | 欧美性色生活片免费播放 | 国产三级a三级三级 | 国产青草网| 国产免费永久在线观看 | 日韩美女电影 | 久久久精品视 | 做羞羞视频| 在线播放视频一区二区 | 97黄色网 | 九九热国产在线 | www.91sp | 一级电影在线免费观看 | a一级黄| 一级做a爱片毛片免费 | 亚州综合一区 | 在线91视频 | 精品xxxx户外露出视频 | 久久福利国产 | a免费视频 | 精品国产91久久久久 | 国产精品视频免费在线观看 | 欧美性色生活片免费播放 | 亚洲精品欧美二区三区中文字幕 | 久草干 | 日韩黄色一级视频 | 亚洲尻逼视频 | 一本一本久久a久久精品综合小说 | 色猫av | 激情宗合网 | xxxxhd73国产 | 国产1区2 | 中文字幕 亚洲一区 | 日韩视频在线观看免费 | 欧美一级免费视频 | 日韩视频精品一区 | 亚洲一级片免费观看 | 91丝袜| 男女一边摸一边做羞羞视频免费 | 亚洲第五色综合网 |