8款經(jīng)典實(shí)用的jQuery/CSS3應(yīng)用插件
新的一周即將開始,今天我們精選了最新8款經(jīng)典實(shí)用的jQuery/CSS3應(yīng)用插件,有按鈕、菜單、圖片等特效應(yīng)用,歡迎收藏和分享。
1、jQuery滑過頭像圖片展示個(gè)人信息效果
這是一款經(jīng)典的jQuery圖片插件,同時(shí),也可以是一款jQuery提示框插件。這款jQuery插件的功能是當(dāng)你把鼠標(biāo)滑過頭像圖片縮略圖時(shí),即可彈出頭像對(duì)應(yīng)用戶的詳細(xì)個(gè)人信息,彈出的標(biāo)簽雖然不大,但是還是能容納很多個(gè)人信息的。
2、純CSS3簡易3D按鈕 可配置背景顏色
今天我們要來分享一款相對(duì)簡易的純CSS3 3D按鈕,其實(shí)要實(shí)現(xiàn)按鈕的3D效果也比較簡單,邊線、陰影、投影,掌握好這幾方面,就可以實(shí)現(xiàn)CSS3的3D按鈕效果。今天的這款3D按鈕可以自己配置背景顏色,因此按鈕色彩非常豐富。
3、CSS3圖片懸停放大特效
今天我們要來分享一款很酷的CSS3圖片特效,這款圖片特效可以利用鼠標(biāo)滑過圖片使其懸停放大,并使圖片的周圍出現(xiàn)發(fā)光的效果。配合黑色的背景,這款CSS3圖片懸停放大效果顯得更加立體大氣,非常適合產(chǎn)品圖片的展示。
4、CSS3實(shí)現(xiàn)文字輸入效果
今天我們要來分享一款很酷的CSS3文字輸入效果,它可以在屏幕上模擬我們鍵盤輸入文字的效果,就像打印機(jī)打印一樣。另外,接收文字輸入的編輯器的外觀也比較漂亮,當(dāng)然文字的字體和顏色大家可以自行設(shè)置。
5、CSS3響應(yīng)式橫向菜單 支持不同尺寸屏幕
今天我們來介紹一款基于CSS3的響應(yīng)式橫向菜單,這款菜單可以折疊展開,同時(shí)菜單也支持在不同尺寸的屏幕上展現(xiàn),換句話說,菜單不僅可以在PC上完美展現(xiàn),也可以毫不遜色的在各種移動(dòng)設(shè)備上運(yùn)行。CSS很強(qiáng)大,我們?cè)?a target="_blank" >CSS3菜單中看到更多有趣的東西。
6、響應(yīng)式CSS3 Tab菜單 帶小圖標(biāo)菜單
這次要介紹的這款響應(yīng)式CSS3 Tab菜單非常不錯(cuò),它看起來挺簡單的,而且設(shè)計(jì)也干凈利落,但是Tab菜單的實(shí)用性很強(qiáng)。每一個(gè)tab項(xiàng)都有文字和小圖標(biāo),當(dāng)屏幕寬度變小時(shí),比如在手機(jī)上瀏覽,那文字會(huì)自動(dòng)隱藏,只剩下小圖標(biāo)。
7、jQuery/CSS3淡入淡出下拉菜單
今天我們要來分享一款非常簡單的jQuery/CSS3下拉菜單,這款菜單一共有兩級(jí)子菜單,在子菜單展開的時(shí)候伴有淡入淡出的動(dòng)畫效果,菜單的背景是黑色的,顯得比較莊重和大氣。另外,如果能將菜單配置成任意級(jí)的就更加完美了。
8、jQuery實(shí)現(xiàn)3D圖片翻牌切換 淡入淡出效果
今天我們要來分享一款利用jQuery實(shí)現(xiàn)的3D圖片翻牌切換效果,當(dāng)你點(diǎn)擊上一張下一張按鈕或者滾動(dòng)滾輪的時(shí)候圖片就能夠以淡入淡出的方式切換,類似翻牌的效果,非???。另外我們?cè)偻扑]一款很棒的jQuery焦點(diǎn)圖插件:HTML5/jQuery 3D焦點(diǎn)圖插件 多種超酷切換動(dòng)畫。
以上就是8款經(jīng)典實(shí)用的jQuery/CSS3應(yīng)用插件,歡迎收藏分享。
原文鏈接:http://www.html5tricks.com/8-useful-jquery-css3-plugins.html