萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 5款jQuery滾動效果插件

5款jQuery滾動效果插件

jQuery滾動效果插件 Waypoints

Waypoints 是一個 jQuery 用來實現捕獲各種滾動事件的插件,例如實現無翻頁的內容浏覽,或者固定某個元素不讓滾動等等。支持主流浏覽器版本。

在線演示:http://imakewebthings.github.com/jquery-waypoints/infinite-scroll/

下載地址:http://imakewebthings.github.com/jquery-waypoints/

jQuery滾動插件 Endless Scroll

Endless Scroll 是 jQuery 一個用來實現無限滾動的插件,相信你試過微軟新搜索引擎 Bing 的搜索結果,當鼠標向下滾動時,新的內容會一直出現在下方,而不是翻頁去浏覽。

在線演示:http://www.beyondcoding.com/demos/endless-scroll/

下載地址:http://www.oschina.net/p/jquery-endless-scroll

jQuery內容滾動插件 Scrollable

Scrollable是一個靈活、輕量級(3.9kb)用於創建滾動內容的jQuery插件。任何內容(HTML、視頻、文件、圖片等…)都可以作為一個滾動項。支持水平與垂直兩種滾動方向。

在線演示:http://flowplayer.org/tools/scrollable/index.html

下載地址:http://www.oschina.net/p/scrollable

jQuery滾動布局組件 ScrollLayer

最近的Android項目中,用ontouch系列事件嘗試做了一個ScrollLayer組件(基於jQuery),並做了一下封裝。為了PC上 觀察效果,同時增加onmouse系列事件的支持。具體實現不多說了,大家可以直接查看代碼:)

在線演示:http://www.smbey0nd.com/demo/lab/scrolllayer/demo.html

下載地址:http://www.oschina.net/p/scrolllayer

jQuery元素滾動插件 simplyScroll

simplyScroll這個jQuery插件能夠讓任意一組元素產生滾動動畫效果,可以是自動、手動滾動,水平、垂直方向滾動。此外,它還可以接受動態圖片輸入通過Flickr供稿或一個本地JSON數據源。

在線演示:http://logicbox.net/jquery/simplyscroll/

下載地址:http://www.oschina.net/p/simplyscroll

copyright © 萬盛學電腦網 all rights reserved