7款吸引人眼球的jQuery/CSS3特效實(shí)例分享
作為WEB前端開(kāi)發(fā)者，jQuery和CSS3肯定用得也比較多，那么下面就分享一些由jQuery和CSS3制作成的特效，希望大家會(huì)喜歡。
1、基于jQuery和CSS3的圓盤(pán)抽獎(jiǎng)
這個(gè)小程序可以讓你在網(wǎng)站上輕松的添加一個(gè)抽獎(jiǎng)應(yīng)用，應(yīng)用是基于jQuery和CSS3開(kāi)發(fā)的，圓盤(pán)抽獎(jiǎng)很好玩的哦，你抽中了什么？
2、純CSS3實(shí)現(xiàn)的點(diǎn)擊發(fā)光按鈕特效
這款按鈕時(shí)基于純CSS3實(shí)現(xiàn)的，當(dāng)用戶(hù)點(diǎn)擊按鈕的瞬間，按鈕四周會(huì)發(fā)出淡淡的白光效果，是一款非常有特色的按鈕。
3、jQuery仿QQ登陸表單
這又是一款模仿的表單，這次模仿的是QQ的登錄表單，基于jQuery，可以有帳號(hào)登錄和微信登錄兩種方式。
4、CSS3眼睛跟隨鼠標(biāo)轉(zhuǎn)動(dòng)特效
這個(gè)特效很簡(jiǎn)單，你只需移動(dòng)鼠標(biāo)，就看到兩只大眼睛在那里跟著鼠標(biāo)轉(zhuǎn)動(dòng)，有意思吧。
5、jQuery UI模擬圖標(biāo)回收站
這款素材是基于jQuery和CSS3實(shí)現(xiàn)的模擬回收站的功能，利用鼠標(biāo)拖動(dòng)圖標(biāo)，將文件移出至回收站。
6、jQuery滑動(dòng)式圖片幻燈片播放特效
這是一款非常具有立體感的圖片播放特效。它以幻燈片的方式播放圖片，并且?guī)в凶笥壹^播放上一張和下一張圖片，每張圖片有倒影特效。
7、jQuery / CSS3 圖片層疊效果
這是一款基于jQuery和CSS3的圖片堆棧層疊插件，當(dāng)鼠標(biāo)滑過(guò)圖片后，一開(kāi)始折疊的圖片就會(huì)像扇子一樣展開(kāi)來(lái)，非常流暢自然
以上7款吸引你眼球的CSS3特效很炫吧，趕緊收藏吧！
- 調(diào)整CSS類(lèi)型的順序改變鏈接翻滾效果
- CSS圖片翻轉(zhuǎn)菜單
- 代碼實(shí)例之純CSS代碼實(shí)現(xiàn)翻頁(yè)效果
- wap手機(jī)圖片滑動(dòng)切換特效無(wú)css3元素js腳本編寫(xiě)
- 2014 HTML5/CSS3熱門(mén)動(dòng)畫(huà)特效TOP10
- jQuery+CSS3實(shí)現(xiàn)樹(shù)葉飄落特效
- jquery+css3實(shí)現(xiàn)網(wǎng)頁(yè)背景花瓣隨機(jī)飄落特效
- js+css實(shí)現(xiàn)上下翻頁(yè)相冊(cè)代碼分享
- JS+CSS實(shí)現(xiàn)鼠標(biāo)滑過(guò)時(shí)動(dòng)態(tài)翻滾的導(dǎo)航條效果
- CSS3實(shí)現(xiàn)動(dòng)態(tài)翻牌效果 仿百度貼吧3D翻牌一次動(dòng)畫(huà)特效
相關(guān)文章
jQuery實(shí)現(xiàn)回車(chē)鍵（Enter）切換文本框焦點(diǎn)的代碼實(shí)例
這篇文章主要介紹了jQuery實(shí)現(xiàn)回車(chē)鍵（Enter）切換文本框焦點(diǎn)的代碼實(shí)例,需要的朋友可以參考下2014-05-05
jquery實(shí)現(xiàn)點(diǎn)擊消失的代碼
這篇文章主要介紹了jquery如何實(shí)現(xiàn)點(diǎn)擊消失,需要的朋友可以參考下2014-03-03
可以浮動(dòng)某個(gè)物體的jquery控件用法實(shí)例
這篇文章主要介紹了可以浮動(dòng)某個(gè)物體的jquery控件,實(shí)例分析了jquery控件實(shí)現(xiàn)頁(yè)面浮動(dòng)層的使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
jQuery動(dòng)畫(huà)效果animate和scrollTop結(jié)合使用實(shí)例
animate是jq的一個(gè)特效的函數(shù)方法，animate() 方法執(zhí)行 CSS 屬性集的自定義動(dòng)畫(huà)。該方法通過(guò)CSS樣式將元素從一個(gè)狀態(tài)改變?yōu)榱硪粋€(gè)狀態(tài)。2014-04-04
jQuery制作圣誕主題頁(yè)面 更像是愛(ài)情影集
這篇文章主要為大家詳細(xì)介紹了jQuery制作圣誕主題頁(yè)面的方法，類(lèi)似動(dòng)感影集，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-08-08
JQuery是非常棒的JS類(lèi)庫(kù)，有豐富的UI庫(kù)和插件，不過(guò)我鐘愛(ài)他的是他的選擇器，感覺(jué)其他功能有時(shí)跟后臺(tái)人員距離很遠(yuǎn)，所以一般我也只使用一下他的選擇器。2009-08-08
jquery實(shí)現(xiàn)表單輸入時(shí)提示文字滑動(dòng)向上效果
這篇文章主要介紹了jquery實(shí)現(xiàn)表單輸入時(shí)提示文字滑動(dòng)向上效果,涉及jquery鼠標(biāo)事件響應(yīng)及頁(yè)面元素樣式的動(dòng)態(tài)操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-08-08
jQuery在ul中顯示某個(gè)li索引號(hào)的方法
這篇文章主要介紹了jQuery在ul中顯示某個(gè)li索引號(hào)的方法,涉及jQuery遍歷元素的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-03-03
jQuery實(shí)現(xiàn)浮動(dòng)層隨瀏覽器滾動(dòng)條滾動(dòng)的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)浮動(dòng)層隨瀏覽器滾動(dòng)條滾動(dòng)的方法,涉及jQuery操作頁(yè)面元素滾動(dòng)的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
利用jQuery實(shí)現(xiàn)滑動(dòng)開(kāi)關(guān)按鈕效果（附demo源碼下載）
這篇文章主要介紹了利用jQuery實(shí)現(xiàn)滑動(dòng)開(kāi)關(guān)按鈕效果，文中給出了詳細(xì)的介紹，并在文末給出了完整的demo源碼下載，有需要的朋友可以參考簡(jiǎn)介，下面來(lái)一起看看吧。2017-02-02