|
新的一周開(kāi)始了，今天我們要為大家分享一些全新的jQuery插件和HTML5/CSS3應(yīng)用，這些jQuery插件不僅非常炫酷，而且還挺實(shí)用，這次的分享包含jQuery菜單、CSS3按鈕已經(jīng)多種圖片特效，一起來(lái)看看吧。 1、CSS3書(shū)本翻頁(yè)動(dòng)畫(huà) 書(shū)本翻頁(yè)效果逼真 今天我們要分享一款炫酷而且實(shí)用的CSS3動(dòng)畫(huà)效果，它是模擬書(shū)本翻頁(yè)的動(dòng)畫(huà)特效。當(dāng)鼠標(biāo)滑過(guò)書(shū)本右上角時(shí)，書(shū)本即可向前翻一頁(yè)，而且翻頁(yè)動(dòng)畫(huà)非常逼真。由于CSS3的運(yùn)用，我們并不需要使用復(fù)雜的圖片來(lái)制造逼真的書(shū)本效果，書(shū)本翻頁(yè)可以很簡(jiǎn)單地完成。 
在線(xiàn)演示 源碼下載 2、純CSS3黑色氣泡背景動(dòng)畫(huà)菜單 今天我們要來(lái)分享一款非?？岬腃SS3動(dòng)畫(huà)菜單，這款CSS3菜單有一個(gè)很漂亮的黑色氣泡背景，菜單是銀白色的，和黑色的背景交織在一起更加顯得有3D立體的視覺(jué)效果。CSS3的運(yùn)用讓菜單有圓角的效果，鼠標(biāo)滑過(guò)菜單時(shí)也會(huì)改變背景。 
在線(xiàn)演示 源碼下載 3、jQuery/CSS3飄帶式下拉菜單 今天我們?cè)賮?lái)介紹一款jQuery下拉菜單，這款jQuery下拉菜單應(yīng)用了一些CSS3相關(guān)的屬性，但并不復(fù)雜，也沒(méi)有絢麗的動(dòng)畫(huà)，但是非常實(shí)用。這款jQuery菜單的另一個(gè)特點(diǎn)是菜單整體呈飄帶狀，樣式非常新穎。鼠標(biāo)滑過(guò)菜單項(xiàng)時(shí)即可展開(kāi)下拉菜單。 
在線(xiàn)演示 源碼下載 4、純CSS3實(shí)現(xiàn)分享按鈕 包含常用社交網(wǎng)站按鈕 之前我們有介紹過(guò)不少非常實(shí)用的分享按鈕，有基于HTML5和CSS3的，也有基于jQuery和CSS的，效果都非常不錯(cuò)。今天我們?cè)賮?lái)分享一款純CSS3實(shí)現(xiàn)的社會(huì)化分享按鈕，這款純CSS3分享按鈕沒(méi)有使用圖片，而且包含了基本的常用社交網(wǎng)站的分享按鈕。 
在線(xiàn)演示 源碼下載 5、CSS3 3D 分頁(yè)導(dǎo)航按鈕 這是一款用 CSS3 實(shí)現(xiàn)的 3D 分頁(yè)導(dǎo)航按鈕，和之前分享的一些jQuery分頁(yè)插件一樣，這款CSS3 3D分頁(yè)插件同樣具有前和分頁(yè)頁(yè)碼和數(shù)字頁(yè)面，不同的是，這款分頁(yè)插件的分頁(yè)頁(yè)碼是一個(gè)個(gè)3D的導(dǎo)航按鈕，樣式十分新穎，不過(guò)需要CSS3支持。 
在線(xiàn)演示 源碼下載 6、CSS3動(dòng)畫(huà)相冊(cè) 圖片淡入淡出動(dòng)畫(huà)效果 這是一款基于CSS3的動(dòng)畫(huà)相冊(cè)，這樣的相冊(cè)我們之前也分享過(guò)不少，比如HTML5 3D立體圖片相冊(cè)。非常的華麗。今天的這款CSS3相冊(cè)相對(duì)比較實(shí)用，當(dāng)鼠標(biāo)劃過(guò)縮略圖時(shí)，原圖片即會(huì)以淡入淡出的動(dòng)畫(huà)效果展現(xiàn)出來(lái)，大家可以將它應(yīng)用在自己的網(wǎng)站上。 
在線(xiàn)演示 源碼下載 7、仿QQ空間相冊(cè)圖片瀏覽jQuery插件 今天我們要來(lái)分享一款基于jQuery的相冊(cè)圖片瀏覽插件，它是一款仿QQ空間的相冊(cè)瀏覽組件，點(diǎn)擊縮略圖即可彈出圖片瀏覽窗口，這款jQuery相冊(cè)圖片瀏覽插件的特點(diǎn)是：1、支持左右鍵來(lái)切換圖片；2、支持ESC鍵退出相冊(cè)瀏覽模式；3、可傳入自定義的文本描述。缺點(diǎn)是沒(méi)有應(yīng)用任何動(dòng)畫(huà)，使圖片瀏覽的體驗(yàn)性不是很高，不過(guò)你可以通過(guò)利用jQuery動(dòng)畫(huà)或者CSS3來(lái)實(shí)現(xiàn)。 
在線(xiàn)演示 源碼下載 以上分享的幾個(gè)jQuery插件還不錯(cuò)吧，歡迎收藏和分享。 本文鏈接：http://www./cool-jquery-menu-icon-image.html |
|
|
來(lái)自： 財(cái)?shù)腊捉?/a> > 《網(wǎng)站制作》
