以下是幾款常用的網(wǎng)站建設(shè)中所使用到的插件,希望對希望網(wǎng)站建設(shè)的朋友會有所幫助!
Bootstrap是Twitter推出的一個用于前端開發(fā)的開源工具包。它由Twitter的設(shè)計師Mark Otto和Jacob Thornton合作開發(fā),是一個CSS/HTML框架。目前,Bootstrap最新版本為3.0 。Bootstrap中文網(wǎng)致力于為廣大國內(nèi)開發(fā)者提供詳盡的中文文檔、代碼實例等,助力開發(fā)者掌握并使用這一框架。
這是一款web前端用的最多的一款響應(yīng)式布局插件,感興趣的朋友可以查看一下bootstrap中文網(wǎng),簡單易學(xué),不過小編建議可以定制對自己有用的功能,不要一味追求!適當(dāng)應(yīng)用即可!
2、swiper
Swiper(Swiper master)是目前應(yīng)用較廣泛的移動端網(wǎng)頁觸摸內(nèi)容滑動js插件。Swiper中文網(wǎng)提供Swiper在線演示、Swiper中文教程、Swiper中文APi、Swiper下載。
小編非常喜歡的一款移動端網(wǎng)頁觸摸內(nèi)容滑動js插件,當(dāng)然PC端也可以使用。詳細(xì)了解可以到它的中文網(wǎng)下載完整的文檔查看其中的案例!
3、isotope
Isotope是一款效果非常神奇的元素分類過濾和排序布局jQuery插件。Isotope是Masonry布局的作者David DeSandro的一款力作,該分類過濾和排序插件允許你以非常簡單和炫酷的方式來隱藏和顯示元素,以及對元素按照指定的規(guī)則進(jìn)行排序。Isotope可以設(shè)置多種布局方式:masonry布局、水平布局、垂直布局、適合行布局、適合列布局等等。
Font Awesome為您提供可縮放的矢量圖標(biāo),您可以使用CSS所提供的所有特性對它們進(jìn)行更改,包括:大小、顏色、陰影或者其它任何支持的效果。
5、wow
在一些網(wǎng)頁上,當(dāng)你滾動頁面的時候會看到各式各樣的元素動畫效果,非常動感。WOW.js 就是一款幫助你實現(xiàn)這種CSS動畫效果的插件,很容易定制,你可以改變動畫設(shè)置喜歡的風(fēng)格、延遲、長度、偏移和迭代等。
ScrollMagic 是一款 jQuery 插件,它讓你可以像使用進(jìn)度條一樣使用滾動條。如果你想在特定的滾動位置開始一個動畫,并且讓動畫同步滾動條的動作,或者把元素粘在一個特定的滾動位置,那么這款插件正是你需要的。
使用 ScrollMagic,您可以很容易地把視差效果添加到您的網(wǎng)站中。當(dāng)用戶到達(dá)某個滾動位置時,你可以調(diào)用函數(shù),或以任何其他方式來和當(dāng)前的滾動位置進(jìn)行交互。