国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

jQuery實現列表自動循環滾動鼠標懸停時停止滾動

2024-05-06 15:51:37
字體:
來源:轉載
供稿:網友
需要在頁面中一個小的區域循環滾動展示新聞并且鼠標懸停時停止滾動并提示,離開后,繼續滾動,具體實現如下,喜歡的朋友可以參考下

需要在頁面中一個小的區域循環滾動展示新聞(公告、活動、圖片等等),并且,鼠標懸停時停止滾動并提示,離開后,繼續滾動。

效果圖:

jQuery實現列表自動循環滾動鼠標懸停時停止滾動

 

jQuery實現列表自動循環滾動鼠標懸停時停止滾動


上干貨
html:

復制代碼 代碼如下:


<div>
<ul>
<li><a href="#" title="bbbbbbbbbbbbbbb">bbbbbbbbbbbbbbb</a></li>
<li><a href="#" title="ddddddddddddddd">ddddddddddddddd</a></li>
<li><a href="#" title="fffffffffffffff">fffffffffffffff</a></li>
<li><a href="#"
}, 600, function() {
$self.css({
marginTop: 0
}).find("li:first").appendTo($self);
})
}
})


主要就是對hover、setInterval、clearInterval、animate這些方法以及marginTop屬性(marginLeft、top、left等等)的理解和運用,需要注意的是,如果不加.trigger("mouseleave"),在網頁初始化的時候列表不會滾動,還有appendTo能直接移動元素,就這些了。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 宝丰县| 涿州市| 阿尔山市| 拉萨市| 柞水县| 寻甸| 郎溪县| 全南县| 榆中县| 容城县| 塔城市| 额敏县| 镇安县| 柯坪县| 尖扎县| 双柏县| 鄄城县| 永定县| 清新县| 曲阳县| 三门县| 伊吾县| 鄢陵县| 北海市| 平利县| 金阳县| 沧州市| 济阳县| 商都县| 云霄县| 定西市| 依兰县| 米脂县| 阜南县| 卢氏县| 郯城县| 永靖县| 鄂温| 大名县| 长春市| 湘西|