Jquery中文網 www.prqmtc.live
Jquery中文網 >  jQuery  >  jquery 教程  >  正文 7款吸引人眼球的jQuery/CSS3特效實例分享

7款吸引人眼球的jQuery/CSS3特效實例分享

發布時間:2013-12-29   編輯:www.prqmtc.live
jQuery和CSS3對于web前端開發肯定用得也比較多,接下來分享一些由jQuery和CSS3制作成的特效,希望對哪些喜歡學習特效的朋友有所幫助

作為WEB前端開發者,jquery和CSS3肯定用得也比較多,那么下面就分享一些由jQuery和CSS3制作成的特效,希望大家會喜歡。

1、基于jQuery和CSS3的圓盤抽獎

這個小程序可以讓你在網站上輕松的添加一個抽獎應用,應用是基于jQuery和CSS3開發的,圓盤抽獎很好玩的哦,你抽中了什么?


在線演示 /源碼下載

2、純CSS3實現的點擊發光按鈕特效

這款按鈕時基于純CSS3實現的,當用戶點擊按鈕的瞬間,按鈕四周會發出淡淡的白光效果,是一款非常有特色的按鈕。


在線演示 /源碼下載

3、jQuery仿QQ登陸表單

這又是一款模仿的表單,這次模仿的是QQ的登錄表單,基于jQuery,可以有帳號登錄和微信登錄兩種方式。


在線演示  /  源碼下載

4、CSS3眼睛跟隨鼠標轉動特效

這個特效很簡單,你只需移動鼠標,就看到兩只大眼睛在那里跟著鼠標轉動,有意思吧。


在線演示  /  源碼下載

5、jquery ui模擬圖標回收站

這款素材是基于jQuery和CSS3實現的模擬回收站的功能,利用鼠標拖動圖標,將文件移出至回收站。


在線演示  /  源碼下載

6、jQuery滑動式圖片幻燈片播放特效

這是一款非常具有立體感的圖片播放特效。它以幻燈片的方式播放圖片,并且帶有左右箭頭播放上一張和下一張圖片,每張圖片有倒影特效。


在線演示  /  源碼下載

7、jQuery / CSS3 圖片層疊效果

這是一款基于jQuery和CSS3的圖片堆棧層疊插件,當鼠標滑過圖片后,一開始折疊的圖片就會像扇子一樣展開來,非常流暢自然


在線演示  /  源碼下載

以上7款吸引你眼球的CSS3特效很炫吧,趕緊收藏吧!

您可能感興趣的文章:
7款吸引人眼球的jQuery/CSS3特效實例分享
精心挑選的12款優秀的基于jQuery的手風琴效果插件和教程
精心挑選的12款優秀的基于jQuery的手風琴效果插件和教程
7款風格新穎的jQuery/CSS3菜單導航分享
改善用戶體驗的五款jQuery插件分享
40款非常棒的jQuery 插件和制作教程(系列二)
12款經典的白富美型—jquery圖片輪播插件—前端開發必備
推薦40個非常優秀的jQuery插件和教程【系列三】
推薦40個簡單的 jQuery 導航插件和教程(下篇)
分享精心挑選的12款優秀jQuery Ajax分頁插件和教程

[關閉]
一分赛车计划app