在网页应用中,我们经常会使用jQuery来实现一些简单的动画效果,比如菜单下拉时的渐变特效,图片滑动时的淡入淡出效果等。现在我们将jQuery和HTML5互相结合,让HTML5/CSS3强大的页面渲染引擎和jQuery简单易用的框架融合在一起,发挥前端迷人的效果。1、jQuery 360度图片旋转插...
分类:
Web程序 时间:
2015-06-02 09:16:24
阅读次数:
170
今天我们要来分享几款很酷的HTML5/CSS3动画应用,虽然不是HTML5 3D应用,但也有3D的视觉效果。HTML5结合jQuery,让网页应用变得更加强大了。一起来看看这些HTML5/jQuery动画应用吧。1、HTML5 3D动画柱形图表这次我们要来分享一款效果非常酷的HTML5 3D柱形图表...
分类:
Web程序 时间:
2015-05-27 09:55:39
阅读次数:
163
1、jQuery动画图标菜单导航 仿苹果样式这次要分享的这款jQuery插件非常酷,它是一款带有动画按钮的jQuery菜单插件。而且从菜单的外观上来看,有点苹果菜单风格的味道。当我们将鼠标滑过菜单项时,即会有对应的图片悬浮到菜单项上面,效果非常不错的jQuery菜单。在线演示源码下载2、jQuery...
分类:
Web程序 时间:
2015-05-22 09:21:54
阅读次数:
143
开始动画默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。
分类:
Web程序 时间:
2015-05-21 22:01:19
阅读次数:
162
开始动画默认情况下,所有 HTML 元素的位置都是静态的,并且无法移动。如需对位置进行操作,记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。
分类:
Web程序 时间:
2015-05-21 19:21:41
阅读次数:
129
禁用Jquery(动画)效果jQuery.fx.off = true;使用自己的 Bullets(这个有一丁点儿的小技巧)//这里是js代码 也就是给每个ul添加一个类名 然后给ul的子li前面添加html 你想要使用的Bullets$("ul").addClass("Replaced");$(.....
分类:
Web程序 时间:
2015-05-13 21:23:17
阅读次数:
115
janimate是一款非常实用的基于Animate.css的jQuery动画特效插件。该动画特效插件允许你在jQuery代码中操纵Animate.css的66种动画效果。通过该插件可以简化Animate.css的使用,非常方便。
使用这个插件可以通过jQuery选择器来选择你想要进行动画的元素,然后调用jAnimate()或jAnimateOnce()方法,并传入你想要执行动画效果的名称即可。
...
分类:
Web程序 时间:
2015-04-13 14:45:34
阅读次数:
151
一.摘要本系列文章将带您进入jQuery的精彩世界, 其中有很多作者具体的使用经验和解决方案, 即使你会使用jQuery也能在阅读中发现些许秘籍.开发人员一直痛疼做动画. 但是有了jQuery你会瞬间成为别人(那些不知道jQuery的人)眼里的动画高手! 本文将介绍jQuery的动画相关函数.原来做...
分类:
Web程序 时间:
2015-04-10 19:23:43
阅读次数:
186
jQlouds是一款非常有趣的可以制作天空中白云飘动特效的jQuery插件。天空中白云朵朵,你可以通过这个插件来设置云朵的大小、位置、模糊以及被风吹动的效果。
你可以在同一个页面创建多个云朵容器,通过多个jQuery选择器来选择不同的元素,每个元素将被随机填充静态的云朵。
效果演示:http://www.htmleaf.com/Demo/201504031621.html
下载地...
分类:
Web程序 时间:
2015-04-04 13:42:03
阅读次数:
186
第一种方式是直接使用锚点配合链接标签:
Scroll to here
Jump to H2
现在大多数实现都采用该种方式。但是这种方式没有动画效果,跳转是直接发生的。
第二种方式使用jQuery中的animate方法实现:
var target= $('#h2-anchor').offset().top;
$('body').animate({scrollTop...
分类:
Web程序 时间:
2015-03-14 12:29:07
阅读次数:
154