奇米影视四色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>

欄目列表
推薦內容
熱點內容
展開
主站蜘蛛池模板: 西瓜在线| 久久精品成人一区二区三区| 亚洲色播永久网址大全| 欧美乱子伦xxxx12在线| 日本中文在线播放| 香港a毛片免费全部播放| 精品免费| 4se视频在线观看| 精品综合久久久久久88小说| 伊人青青草原| 99久久综合精品免费| 日本视频在线免费播放| 草草影院免费| 日韩欧美不卡一区二区三区| 痴汉电车侵犯女教师| 久久久久久久尹人综合网亚洲 | 青青青青草原国产免费| 日韩在线观| 奔跑吧第十一季2023| 欧美一级特黄aa大片视频| 精品综合久久久久久88小说| 国产亚洲一区二区三区| 青青青青爽极品在线视频| 成人免费ā片| 91色视频网站| 中文字幕在线最新在线不卡| 欧美国产综合| 日本一区二区免费在线观看| 亚洲一区中文字幕在线观看| 天天插在线视频| 日本黄网在线观看| 久久福利青草精品免费| 欧美一区二区福利视频| 日本成人a| 亚洲大黑香蕉在线观看75| 虫爱少无删减完整版动漫| 青春期4| 久久精品视频99| 青青色在线视频| 国产精品亚洲一区二区三区| 欧美日韩不卡中文字幕在线|