jQuery球状放大镜特效插件

16,781 人浏览

2014-07-03 07:26:13

今天我们要来分享一款基于jQuery的放大镜特效插件，和其他放大镜不同的是，这款jQuery放大镜插件是球状的，看上去有3D的视觉效果。当你把鼠标滑过页面上的文字时，即会出现很酷的球状放大镜，来放大当前区域的文字。并且以球心为中心点向外文字逐渐变小，这就产生了立体感。

jquery-ball-zoom-in

在线演示源码下载

CSS3 3D立方体Loading加载动画特效

20,303 人浏览

1条回复

2014-07-02 15:46:46

之前我们分享过一些HTML5和CSS3的3D立方体特效，他们都是可以旋转来展示3D立体的效果。这次分享的这款CSS3 3D立方体确是用来做Loading加载动画的，9个小立方体上下浮动，呈现波浪的效果，并且，这个Loading动画还利用了CSS3的阴影属性让这些立方体更充满3D色彩。

在线演示源码下载

HTML5 Canvas动画按钮点击水波扩散效果

17,987 人浏览

发表回复

之前我们分享的都是基于CSS3的自定义按钮，今天我们来分享一款基于HTML5 Canvas的动画按钮，每一个按钮都是一个canvas画布，这就很灵活，你可以在canvas绘制任意你喜欢的东西作为按钮的背景画面，并且，还可以有动画特效。

在线演示源码下载

绝对震撼 7款HTML5动画应用及源码

15,218 人浏览

2条回复

关于HTML5动画，我们已经分享太多了，当然也有很多利用纯CSS3实现的动画效果。今天我们精选了7款基于HTML5、Canvas以及CSS3的动画特效，同时也提供源代码，一起来看看吧。

1、HTML5 Canvas模拟衣服撕扯动画超级逼真

今天又要来推荐一款HTML5 Canvas动画，是一个模拟衣服撕扯动画，效果非常逼真。刚开始衣服挂在绳子上，用鼠标拖拽衣服即可让衣服摆动起来，当你拖拽的很用力时，你会发现，衣服被撕破了。该HTML5动画会捕获到鼠标拖拽的用力程度，从而来判断并实现衣服应该破损的程度，越用力，衣服被撕破的速度越快，赶紧来体验一下这个HTML5动画吧。

在线演示源码下载

2、CSS3 3D 分页导航按钮

这是一款用 CSS3 实现的 3D 分页导航按钮，和之前分享的一些jQuery分页插件一样，这款CSS3 3D分页插件同样具有前和分页页码和数字页面，不同的是，这款分页插件的分页页码是一个个3D的导航按钮，样式十分新颖，不过需要CSS3支持。

在线演示源码下载

3、HTML5 3D 卡片视频播放器超[......]

阅读全文>>

jQuery宽屏下拉菜单导航子菜单可自定义

10,485 人浏览

发表回复

jQuery是一款流行已久的Javascript框架，确实很好用。今天我们要介绍一款用jQuery实现的下拉菜单导航插件，下拉菜单的外观是仿腾讯云官网菜单的。鼠标滑过主菜单时，即可展开二级下拉子菜单。值得注意的是，这款jQuery下拉菜单的子菜单内容可以自定义，因此也非常灵活。

在线演示源码下载

仿QQ空间相册图片浏览jQuery插件

30,527 人浏览

2条回复

今天我们要来分享一款基于jQuery的相册图片浏览插件，它是一款仿QQ空间的相册浏览组件，点击缩略图即可弹出图片浏览窗口，这款jQuery相册图片浏览插件的特点是：1、支持左右键来切换图片；2、支持ESC键退出相册浏览模式；3、可传入自定义的文本描述。缺点是没有应用任何动画，使图片浏览的体验性不是很高，不过你可以通过利用jQuery动画或者CSS3来实现。

qzone-jquery-gallery