10款精美的web前端源碼的特效

1.HTML5側滑聊天面板 很酷的聊天界面

這是一款基於HTML5和SVG的側滑聊天面板，初始化的時候聊天面板是鎖定的，當你拖動白色區域時，便可解鎖展開聊天面板，顯示全部好友。點擊面板中的好友便可切換到聊天模式。不管界面美化仍是動畫特效，這款HTML5聊天面板都很是不錯，固然具體的聊天功能仍需你本身實現。

在線演示

源碼下載

2.jQuery 美化界面的下拉框

以前咱們介紹過一款基於jQuery多級聯動美化版Select下拉框，不少朋友都很是喜歡，可見通過美化過的下拉框的確可讓你的網頁更爲精妙。今天咱們要介紹的這款美化界面下拉框也是基於jQuery的，它的特色是能夠經過上下箭頭微調選擇，也能夠經過點擊控件展開下拉菜單。

在線演示

源碼下載

3.CSS3文字菜單鼠標懸停氣泡提示動畫

以前咱們介紹過一些基於jQuery和CSS3的氣泡提示框，你們能夠看看CSS氣泡提示框 可自定義配置箭頭。今天要給你們帶來另一款基於CSS3的文字菜單鼠標懸停氣泡提示動畫，它比較適合用在文字菜單上，當鼠標滑過菜單項時，你能夠定義其彈出一個氣泡提示框，能夠是一個小圖標。另外，這些氣泡提示框在彈出的時候還會配合必定的動畫特效。

在線演示

源碼下載

4.jQuery 3D 垂直多級菜單 可篩選菜單項

關於垂直多級菜單，以前咱們已經有分享不少了，你們能夠看看jQuery多層級垂直手風琴菜單、CSS3垂直手風琴摺疊菜單等，都很是不錯。此次要介紹的這款也是手風琴樣式的垂直多級菜單，其特色是利用CSS3特性讓菜單外觀顯得3D立體的效果，同時你也能夠在搜索框中輸入關鍵字來篩選菜單項。

在線演示

源碼下載

5.jQuery 實現仿 Win 7 彈出窗口

這是一款基於jQuery的仿Win 7風格的彈出窗口，關於彈出窗口咱們在以前已經分享過很多了，好比這款jQuery對話框插件 支持拖拽，也支持各類類型的彈出對話框。今天分享的這款win 7風格窗口模擬效果很是逼真，支持最大化最小化和關閉功能，同時也支持拖拽。

在線演示

源碼下載

6.jQuery UI 自定義樣式的日曆控件

今天要給你們帶來一款基於jQuery UI的日曆控件，這款日曆控件的樣式是經過自定義過的，顯得比較簡單輕便。日曆能夠經過按鈕對年份和月份進行前翻和後翻，功能沒有那麼複雜，可能對一些簡單的博客中可使用這個日曆。

在線演示

源碼下載

7.BookBlock – 效果然實的書本翻頁預覽

這個名爲 BookBlock 的圖片預覽效果是一個書展現或網上書店的概念，已全屏打開3D頁面導航網格的形式顯示圖書的詳細信息。咱們能夠打開書預覽的摘錄，其中有一些細節的網格。對於圖書預覽，咱們在使用 BookBlock 全屏展現，對於更小的書本咱們使用3D的方式打開。

在線演示

源碼下載

8.Rainyday.js – JavaScript 實現雨滴效果

Rainyday.js 背後的想法是建立一個 JavaScript 庫，利用 HTML5 Canvas 渲染一個雨滴落在玻璃表面的動畫。Rainyday.js 有功能可擴展的 API，例如碰撞檢測和易於擴展本身的不一樣的動畫組件的實現。它是一個使用 HTML5 特性純 JavaScript 庫，支持大部分現代瀏覽器。

在線演示

源碼下載

9.SVG Drawing Animation – SVG 繪製動畫

一個小實驗，探索 SVG 線圖動畫的使用狀況，之前沿的展現形式呈現圖形或網站元素的外觀，模擬它們的加載。SVG 真的很強大，有許多創造性和可能性，使用 SVG 能夠製做各類有趣的網站交互效果。今天這篇文章給你們想分享一組實驗 SVG 繪製動畫的例子。

在線演示

源碼下載

10.5種風格的 jQuery 分頁效果

jPaginate 是一款很是精緻的 jQuery 分頁插件，提供了五種不一樣風格的分頁效果，支持鼠標懸停翻頁，快速分頁功能。這款插件還提供了豐富的配置選項，你能夠根據須要進行設置。

在線演示

源碼下載

本文固定連接: http://www.i7758.com/archives/2234.html