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