快捷導(dǎo)航

jQuery/CSS3圖片特效插件整理推薦

更新時(shí)間：2014年12月07日 16:54:18 投稿：hebedich

這里給大家整理匯總了10款jQuery/CSS3圖片特效插件，效果都非常棒，推薦給大家，有需要的小伙伴參考下

1.CSS3實(shí)現(xiàn)的底部帶滾動(dòng)云彩效果的網(wǎng)站登錄頁(yè)面

CSS3實(shí)現(xiàn)的底部帶滾動(dòng)云彩效果的網(wǎng)站登錄頁(yè)面特效源碼，是一段實(shí)現(xiàn)頁(yè)面底部擁有滾動(dòng)云彩動(dòng)態(tài)效果的特效源碼，想要在網(wǎng)站中實(shí)現(xiàn)此類效果的朋友們可以前來(lái)下載使用。本段代碼兼容目前最新的各類主流瀏覽器，是一款非常優(yōu)秀的特效源碼。

在線演示

源碼下載

2.HTML5實(shí)現(xiàn)的3D球體斑點(diǎn)運(yùn)動(dòng)動(dòng)畫(huà)特效源碼

這是一個(gè)很酷的HTML5 3D動(dòng)畫(huà)效果，是一個(gè)小球，小球表面出現(xiàn)跳動(dòng)的斑點(diǎn)，斑點(diǎn)跳動(dòng)時(shí)形成各種各樣的形狀，其實(shí)這款動(dòng)畫(huà)并不是正宗的HTML5 3D動(dòng)畫(huà)，而是利用這些小斑點(diǎn)組合的各種形狀造成的3D視覺(jué)效果。

在線演示

源碼下載

3.基于js實(shí)現(xiàn)的鼠標(biāo)拖動(dòng)滑塊左右滑動(dòng)效果

js鼠標(biāo)拖動(dòng)滑塊左右滑動(dòng)代碼是一款js滑動(dòng)條事件制作打分效果代碼，加載速度更快，內(nèi)存占用更低，使用更加簡(jiǎn)便。

在線演示

源碼下載

4.html5基于canvas實(shí)現(xiàn)的漫天飛雪動(dòng)畫(huà)特效

html5基于canvas實(shí)現(xiàn)的漫天飛雪動(dòng)畫(huà)特效源碼，加載速度更快，內(nèi)存占用更低，使用更加簡(jiǎn)便。

在線演示

源碼下載

5.jQuery平板樣式的焦點(diǎn)圖動(dòng)畫(huà)插件

這款焦點(diǎn)圖插件還有一個(gè)特點(diǎn)是有左右圖片切換按鈕，并且按鈕出現(xiàn)漸隱漸現(xiàn)的動(dòng)畫(huà)特效，可以讓用戶很容易找到切換圖片的地方。整體效果華麗大氣，是一款非常優(yōu)秀的特效源碼。

在線演示

源碼下載

6.jquery實(shí)現(xiàn)的固定位置下拉隱藏上拉顯示懸浮導(dǎo)航菜單特效

一段可以實(shí)現(xiàn)任何位置，鼠標(biāo)上拉顯示固定位置懸浮導(dǎo)航菜單，下拉隱藏固定位置懸浮導(dǎo)航菜單的代碼，此段代碼適合在一些需要提示的地方使用。

在線演示

源碼下載

7.jquery實(shí)現(xiàn)的改圖網(wǎng)橙黃色左側(cè)彈出二級(jí)導(dǎo)航菜單

一段利用jquery+div+css實(shí)現(xiàn)的，與改圖網(wǎng)一樣的橙黃色左側(cè)彈出二級(jí)導(dǎo)航菜單代碼，顏色內(nèi)容什么的都是可以修改的。

在線演示

源碼下載

8.jquery實(shí)現(xiàn)的選項(xiàng)卡式友情鏈接切換特效

jquery實(shí)現(xiàn)的選項(xiàng)卡式友情鏈接切換特效源碼，是一段主要應(yīng)用在網(wǎng)站尾部的友情鏈接代碼，該段代碼一個(gè)擁有選項(xiàng)卡切換效果的源碼。

在線演示

源碼下載

9.很酷的CSS3翻頁(yè)時(shí)鐘動(dòng)畫(huà)特效

今天我們來(lái)分享一款風(fēng)格獨(dú)特的時(shí)鐘特效源碼，這款CSS3時(shí)鐘動(dòng)畫(huà)是一款數(shù)字時(shí)鐘，時(shí)間每過(guò)一秒，相應(yīng)的位置就會(huì)像翻日歷一樣翻過(guò)去。另外，這款CSS3數(shù)字時(shí)鐘有點(diǎn)立體的效果，非常漂亮。整體效果華麗大氣。

在線演示

源碼下載

10.HTML5+CSS3實(shí)現(xiàn)3D旋轉(zhuǎn)陀螺動(dòng)畫(huà)特效

這次我要向大家分享一款很有創(chuàng)意的HTML5/CSS3動(dòng)畫(huà)特效，它是一個(gè)可以旋轉(zhuǎn)的3D陀螺動(dòng)畫(huà)。這個(gè)動(dòng)畫(huà)和之前分享的HTML5動(dòng)畫(huà)類似，主要也是利用了CSS3的transform屬性，讓物體旋轉(zhuǎn)起來(lái)，同時(shí)對(duì)translateZ賦值實(shí)現(xiàn)左右搖擺的動(dòng)畫(huà)，讓整個(gè)陀螺旋轉(zhuǎn)非常逼真。建議使用支持HTML5與css3的火狐或谷歌等瀏覽器預(yù)覽本源碼。