單頁面網站作為簡單快捷,易于維護的頁面設計方案,越來越受到工作室,作品集,或者個人博客類網站用戶的青睞,我們可以使用不同的特效來使得頁面更加的豐富和炫動,今天我們將介紹幾款可以作為單頁面開發(fā)的jQuery插件,幫助大家快速簡便的實現一個單頁面的網站設計,希望大家喜歡! jQuery one page nav使用這個插件,可以幫助你快速的搭建一個滾動的頁面導航,如果你需要比較簡單直接的方式開發(fā)一個單頁面的網站,這個插件是一個不錯的選擇。
jQuery ScrollPathjQuery ScrollPath是一個非常棒的插件,允許你畫出自己自定義的滾動路徑。HTML元素可以被放置到路徑上,而且類似的鼠標滾輪,鍵盤上下移動鍵,或者 空格都可以幫助你移動到你需要到達的元素位置。并且一個可選的自定義滾動條可以幫助你方便的點擊和拖拽滾動。而且插件允許你使用CSS變形旋轉整個頁面。
Ascensor.jsAscensor所實現的效果確實很新穎,你可以用四個方向鍵來控制網頁內容的移動,類似電梯一層層移動的效果,還不明白的直接看演示效果就清楚了。此插件可定制性很高,可以設定是否啟用方向鍵控制,是否顯示導航等等。
Curtain.jscurtain.js是一個用來使用自定義的窗簾效果顯示多個固定面板的jquery插件,擁有非常棒的滾動特效。
Zoonooz.js一個縮放的插件,但是可以用來定位單頁面中的不同區(qū)域
Pagify.js這個插件可以用來創(chuàng)建單頁面的網站,這個插件的實現方式是將不同菜單中的內容保存到不同HTML文件中,并且通過定義的div來加載不同的菜單項內容。
JustaPageJustapage不僅僅是一個插件,還是一個用來設計單頁面網站的模板,這個模板是跨瀏覽器兼容的,并且支持移動設備!
SuperScrollrama這個超棒的插件可以幫助你生成視差滾動特效,如果你希望你的網站更酷一些,那么就整合這個插件吧!
WaypointsWaypoints 是一個 jQuery 用來實現捕獲各種滾動事件的插件,例如實現無翻頁的內容瀏覽,或者固定某個元素不讓滾動等等。支持主流瀏覽器版本。
|
|
|