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