国产探花免费观看_亚洲丰满少妇自慰呻吟_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能直接移動元素,就這些了。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板: 丹阳市| 江都市| 肃宁县| 连州市| 青龙| 叶城县| 淮北市| 庐江县| 奉节县| 连山| 大化| 泽普县| 新野县| 紫金县| 华安县| 改则县| 周至县| 昌邑市| 五大连池市| 德昌县| 麻栗坡县| 常熟市| 广汉市| 修水县| 福安市| 县级市| 酉阳| 宁远县| 兴城市| 齐齐哈尔市| 方城县| 论坛| 丹巴县| 张家口市| 会昌县| 渭源县| 台东县| 伊吾县| 香格里拉县| 恭城| 枝江市|