基于jQuery鼠标点击弹出登陆框效果。这是一款扁平样式风格的jQuery弹出层登陆框特效。效果图如下：在线预览    源码下载实现的代码。html代码：<inputtype="button"class="one"value="点击我查看效果"/><divcla...

分享基于jQueryCSS3鼠标点击动画效果支持图片或内容滑动，允许设置动画延迟效果。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="container"><divclass="clearfix"><divclas...

基于jQuery遮罩图片hover翻转效果。这是一款基于jQuery+css3实现的鼠标经过遮罩图片翻转特效。效果图如下：在线预览    源码下载实现的代码。html代码：<divclass="index_hd"><divclass="frhd_rmajor-l...

之前我们分享过很多超酷的文字特效，其中也有利用HTML5和CSS3的。今天我们要来分享一款基于HTML5Canvas的文字特效，输入框中输入想要展示的文字，回车后即可在canvas上绘制出粒子效果的文字动画，相当酷的动画效果。在线预览   源码下载实现的代码。html代码：<canv...

分享一款基于jplayer实现歌词同步的JS音乐播放器效果。这是一款基于jQuery实现的音乐播放器功能代码。效果图如下：在线预览   源码下载实现的代码。html代码：<textareaid="lrc_content"name="textfield"cols="70"rows="1...

今天给大家分享一款基于Query页面窗口拖动预览效果。这是一款基于jQuery+HTML5实现的模拟页面窗口显示拖动窗口预览特效。这款实例适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。在线预览   源码下载实现的代码。html代码...

分享一款布料效果的HTML5Canvas应用演示，效果逼真。你会看到，借助Canvas的强大绘图和动画功能，只需很少的代码就能实现让您屏息凝神的效果。在线预览   源码下载实现的代码。html代码：<canvasid="c"></canvas><divid="...

Sonic.js是一个很小的JavaScript类，用于创建基于HTML5画布的加载图像。更强大的是Sonic.js还提供了基于现成的例子的创建工具，可以帮助你实现更多自定义的（Loading）加载动画效果。在线预览   源码下载实现的代码。html代码：varloaders=[{widt...

分享一款全屏响应式的HTML5和CSS3页面切换效果。这个页面布局效果对于那些页面要求固定100%高度和宽度的网站和APP来说是十分有用的。效果图如下：在线预览   源码下载HTMLwrapperdiv的class为st-container，里面包含作为导航按钮的radio和用于页面切换的...

前面我们分享过一个HTML5Canvas实现的图像马赛克模糊效果，HTML5处理图片真的非常简单。今天我们要再利用HTML5Canvas实现一个粒子效果的人物头像，你可以任意选择一张头像图片，接下来该图片会被打散成许多粒子，然后慢慢的重组成图片，鼠标滑过图片时粒子还会出现浮动的动画特效，看上去非常酷。在线预览 ...

今天给大家分享一款基于jquerytool实现的windows桌面效果。这款实例适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。效果图如下：在线预览   源码下载实现的代码。html代码：<divid="task-bar"&g...

之前为大家介绍了 HTML53D立体图片相册， HTML5图片相册重力感应特效， 基于CSS3图片可倾斜摆放的动画相册 今天我们要来分享一款很酷的jQuery相册插件，首先相册中的图片会以一定的角度倾斜放置在页面上，点击图片缩略图就可以展开图片，并且图片是由所有缩略图拼接而成，图...

给大家分享一款基于jQuery标题有打字效果的焦点图。之前为大家分享了好多jquery的焦点图。这款焦点图适用浏览器：IE8、360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗。在线预览   源码下载实现的代码。html代码：<!--代码开始--&g...

今天要给大家分享一款基于jquery的手风琴图片展示效果。这款图片的展示效果鼠标经过前是灰色的，当鼠标经过时图片变大且变为彩色。效果图如下：在线预览   源码下载实现的代码。html代码：<divclass="page-container"><divclass="flex...

今天给大家分享一款纯css实现的垂直时间线效果。垂直时间线适合放在类似任务时间安排的网页上。该实现采用了蓝色作为主题色，界面效果还不错。一起看下效果图：在线预览   源码下载实现的代码。html代码：<divclass="container"><headerclass="...