奇米影视四色7777久久精品-奇米影视777在线观看一区-七草千岁在线-破产姐妹第二季在线观看天天美剧-国产精品视频铁牛tv-国产精品视频视频久久

0712-2888027 189-8648-0214
微信公眾號

孝感風信網絡科技有限公司微信公眾號

當前位置:主頁 > 技術支持 > Javascript/JQuery > JQuery文字向上滾動鼠標移入懸停,移出繼續滾動

JQuery文字向上滾動鼠標移入懸停,移出繼續滾動

時間:2024-10-14來源:風信官網 點擊: 268次

JQuery文字向上滾動鼠標移入懸停,移出繼續滾動特效代碼如下:

HTML結構:

<div id="scrollDiv" class="scrollDiv">
<ul>
<li><a href="#" title="第一行文字內容……">第一行文字內容…… <span class="time">2024-10-14</span></a></li>
<li><a href="#" title="第二行文字內容……">第二行文字內容…… <span class="time">2024-10-09</span></a></li>
<li><a href="#" title="第三行文字內容……">第三行文字內容…… <span class="time">2024-09-26</span></a></li>
<li><a href="#" title="第四行文字內容……">第四行文字內容…… <span class="time">2024-09-20</span></a></li>
<li><a href="#" title="第五行文字內容……">第五行文字內容…… <span class="time">2024-09-20</span></a></li>
</ul>
</div>

CSS結構:
.scrollDiv{
float: left;
height:25px;/* 必要元素 */
line-height:25px;
overflow:hidden;/* 必要元素 */
}
.scrollDiv li{
height:25px;
}
.scrollDiv li a{
color: #000;
font-size: 16px;
}

JQuery結構:

<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(){
var interval = setInterval('AutoScroll("#scrollDiv")',3000);
// 鼠標懸停效果
$('#scrollDiv').hover(function() {
clearInterval(interval);
}, function() {
interval = setInterval('AutoScroll("#scrollDiv")',3000);
});
});
</script>

欄目列表
推薦內容
熱點內容
展開
主站蜘蛛池模板: 特黄aaaaa日本大片免费看| 精品中文字幕在线| 国产成人a| 四虎国产| 福利在线一区| 欧美一区二区三区四区在线观看| 亚洲永久精品ww47| 亚洲欧美在线观看首页| 久久最新视频| 国产a级特黄的片子视频| 成人在线观看国产| 日韩不卡高清视频| 欧美成人性色大片在线观看 | 特雷弗亨德森所有作品| www一区二区三区| 真实处破女网站| 精品国产一区在线观看| 久久久久久网| 中文字幕美日韩在线高清| 亚洲国产精品第一页| 国产精品福利在线播放| 交视频在线观看国产网站| 2019av在线视频| 久久国产精品久久久久久久久久 | 国产精品日本一区二区不卡视频| 久久免费视频1| 在线视频国产一区| jizz免费观看| 99亚洲视频| 日本精品在线观看视频| 欧美在线视频精品| 欧美一级特黄aa大片视频| qyule亚洲精品| 国产精品欧美亚洲| 日韩亚洲欧美在线观看| 亚洲高清国产拍精品影院| 99热在线播放| 中文字幕精品在线视频| 国产一区二区色淫影院| 欧美性天天影院| 日韩精品亚洲专区在线影视|