新的一周開始了，今天我們要為大家分享一些全新的jQuery插件和HTML5/CSS3應(yīng)用，這些jQuery插件不僅非常炫酷，而且還挺實(shí)用，這次的分享包含jQuery菜單、CSS3按鈕已經(jīng)多種圖片特效，一起來(lái)看看吧。

1、CSS3書本翻頁(yè)動(dòng)畫 書本翻頁(yè)效果逼真

今天我們要分享一款炫酷而且實(shí)用的CSS3動(dòng)畫效果，它是模擬書本翻頁(yè)的動(dòng)畫特效。當(dāng)鼠標(biāo)滑過(guò)書本右上角時(shí)，書本即可向前翻一頁(yè)，而且翻頁(yè)動(dòng)畫非常逼真。由于CSS3的運(yùn)用，我們并不需要使用復(fù)雜的圖片來(lái)制造逼真的書本效果，書本翻頁(yè)可以很簡(jiǎn)單地完成。之前也有分享過(guò)一些HTML5書本翻頁(yè)動(dòng)畫：jQuery/CSS3書本翻頁(yè)動(dòng)畫特效和HTML5/CSS3書本翻頁(yè)3D動(dòng)畫。

在線演示

源碼下載

2、純CSS3黑色氣泡背景動(dòng)畫菜單

今天我們要來(lái)分享一款非?？岬腃SS3動(dòng)畫菜單，這款CSS3菜單有一個(gè)很漂亮的黑色氣泡背景，菜單是銀白色的，和黑色的背景交織在一起更加顯得有3D立體的視覺效果。CSS3的運(yùn)用讓菜單有圓角的效果，鼠標(biāo)滑過(guò)菜單時(shí)也會(huì)改變背景。

在線演示

源碼下載

3、jQuery/CSS3飄帶式下拉菜單

今天我們?cè)賮?lái)介紹一款jQuery下拉菜單，這款jQuery下拉菜單應(yīng)用了一些CSS3相關(guān)的屬性，但并不復(fù)雜，也沒有絢麗的動(dòng)畫，但是非常實(shí)用。這款jQuery菜單的另一個(gè)特點(diǎn)是菜單整體呈飄帶狀，樣式非常新穎。鼠標(biāo)滑過(guò)菜單項(xiàng)時(shí)即可展開下拉菜單。

在線演示

源碼下載

4、純CSS3實(shí)現(xiàn)分享按鈕 包含常用社交網(wǎng)站按鈕

之前我們有介紹過(guò)不少非常實(shí)用的分享按鈕，有基于HTML5和CSS3的，也有基于jQuery和CSS的，效果都非常不錯(cuò)。今天我們?cè)賮?lái)分享一款純CSS3實(shí)現(xiàn)的社會(huì)化分享按鈕，這款純CSS3分享按鈕沒有使用圖片，而且包含了基本的常用社交網(wǎng)站的分享按鈕。

在線演示

源碼下載

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支持。

在線演示

源碼下載

6、CSS3動(dòng)畫相冊(cè) 圖片淡入淡出動(dòng)畫效果

這是一款基于CSS3的動(dòng)畫相冊(cè)，這樣的相冊(cè)我們之前也分享過(guò)不少，比如HTML5 3D立體圖片相冊(cè)。非常的華麗。今天的這款CSS3相冊(cè)相對(duì)比較實(shí)用，當(dāng)鼠標(biāo)劃過(guò)縮略圖時(shí)，原圖片即會(huì)以淡入淡出的動(dòng)畫效果展現(xiàn)出來(lái)，大家可以將它應(yīng)用在自己的網(wǎng)站上。

在線演示

源碼下載

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)是沒有應(yīng)用任何動(dòng)畫，使圖片瀏覽的體驗(yàn)性不是很高，不過(guò)你可以通過(guò)利用jQuery動(dòng)畫或者CSS3來(lái)實(shí)現(xiàn)。

在線演示

源碼下載

本文固定鏈接:?http://www.i7758.com/archives/1647.html

總結(jié)

以上是生活随笔為你收集整理的炫酷实用的jQuery插件 涵盖菜单、按钮、图片的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。