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