10款精美的web前端源码的特效
1.HTML5侧滑聊天⾯板 很酷的聊天界⾯
这是⼀款基于HTML5和SVG的侧滑聊天⾯板,初始化的时候聊天⾯板是锁定的,当你拖动⽩⾊区域时,即可解锁展开聊天⾯板,显⽰所有好友。点击⾯板中的好友即可切换到聊天模式。⽆论界⾯美化还是动画特效,这款HTML5聊天⾯板都⾮常不错,当然具体的聊天功能仍需你⾃⼰实现。
在线演⽰
源码下载
2.jQuery 美化界⾯的下拉框
之前我们介绍过⼀款基于jQuery多级联动美化版Select下拉框,很多朋友都⾮常喜欢,可见经过美化过的下拉框的确可以让你的⽹页更为精妙。今天我们要介绍的这款美化界⾯下拉框也是基于jQuery的,它的特点是可以通过上下箭头微调选择,也可以通过点击控件展开下拉菜单。
在线演⽰
源码下载
3.CSS3⽂字菜单⿏标悬停⽓泡提⽰动画
之前我们介绍过⼀些基于jQuery和CSS3的⽓泡提⽰框,⼤家可以看看CSS⽓泡提⽰框 可⾃定义配置箭头。今天要给⼤家带来另外⼀款基于CSS3的⽂字菜单⿏标悬停⽓泡提⽰动画,它⽐较适合⽤在⽂字菜单上,当⿏标滑过菜单项时,你可以定义其弹出⼀个⽓泡提⽰框,可以是⼀个⼩图标。另外,这些⽓泡提⽰框在弹出的时候还会配合⼀定的动画特效。
4.jQuery 3D 垂直多级菜单 可筛选菜单项
jquery是什么软件
关于垂直多级菜单,之前我们已经有分享很多了,⼤家可以看看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 分页插件,提供了五种不同风格的分页效果,⽀持⿏标悬停翻页,快速分页功能。这款插件还提供了丰富的配置选项,你可以根据需要进⾏设置。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。