首頁 >web前端 >js教程 >7款吸引人眼球的jQuery/CSS3特效實例分享_jquery

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

WBOY
WBOY原創
2016-05-16 17:35:271027瀏覽

身為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特效很炫吧,趕快收藏吧!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn