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,Angular實(shí)現(xiàn)登錄界面驗(yàn)證碼詳解
這篇文章主要介紹了使用jQuery,Angular實(shí)現(xiàn)登錄界面驗(yàn)證碼詳解,需要的朋友可以參考下2017-04-04
深入理解Jquery表單驗(yàn)證（使用formValidator）
表單驗(yàn)證在web中中的應(yīng)用很廣，本篇文章主要介紹了Jquery表單驗(yàn)證（使用formValidator），非常具有實(shí)用價(jià)值，需要的朋友可以參考下。2017-01-01
jquery實(shí)現(xiàn)類似淘寶星星評分功能實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)類似淘寶星星評分功能,詳細(xì)介紹了相應(yīng)jQuery事件的用法實(shí)例,需要的朋友可以參考下2014-09-09
load可以做到加載一個(gè)頁面的時(shí)候，如果發(fā)生錯(cuò)誤，根據(jù)statusText給出的狀態(tài)，顯示對應(yīng)的提示，這對用戶來說非常重要2014-10-10
要實(shí)現(xiàn)這樣的一個(gè)功能復(fù)選框勾選時(shí)給input表單賦值，復(fù)選框取消時(shí)將表單值清除，需要的朋友可以參考下2014-05-05
JQuery模擬實(shí)現(xiàn)網(wǎng)頁中自定義鼠標(biāo)右鍵菜單功能
這篇文章主要給大家介紹了關(guān)于利用JQuery模擬實(shí)現(xiàn)網(wǎng)頁中自定義鼠標(biāo)右鍵菜單功能的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-11-11
jquery 實(shí)現(xiàn)二級/三級/多級聯(lián)動(dòng)菜單的思路及代碼
jQuery的AJAX功能和asp.net來實(shí)現(xiàn)省市區(qū)的三級聯(lián)動(dòng)效果，其他二級、三級或多級聯(lián)動(dòng)也可以按照此方法完成，由此需求的朋友可以參考下哈，希望可以幫助到你2013-04-04
jquery修改網(wǎng)頁背景顏色通過css方法實(shí)現(xiàn)
在瀏覽一些網(wǎng)站，尤其是一些小說網(wǎng)站的時(shí)候，都會(huì)有修改頁面背景顏色的地方，這個(gè)是用jquery可以做到2014-06-06
jQuery.Validate 使用筆記(jQuery Validation范例 )
學(xué)習(xí)jQuery Validation，于是手寫一公共范例，并收藏以便后用,里面附有測試代碼，需要的朋友一起來測試。2010-06-06
本文對jQuery工具函數(shù)進(jìn)行實(shí)例解析。需要的朋友可以參考下2016-12-12