DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 7款吸引人眼球的jQuery/CSS3特效實例分享
7款吸引人眼球的jQuery/CSS3特效實例分享
編輯:JQuery特效代碼     

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved