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