AnimatedModal.js 是一个用来创建一个全屏模态窗口的 jQuery 插件,基于 CSS3 过渡实现。您可以利用 Animate.css 中的转换或自行创建自己的过渡效果。支持 Firefox、Chrome、Safari、Opera 和 IE 10+ 浏览器。
分类:
Web程序 时间:
2015-04-07 11:20:43
阅读次数:
183
jQuery中的queue和dequeue是一组很有用的方法,他们对于一系列需要按次序运行的函数特别有用。特别animate动画,ajax,以及timeout等需要一定时间的函数queue和dequeue的过程主要是:1,用queue把函数加入队列(通常是函数数组)2,用dequeue将函数数组中的...
分类:
Web程序 时间:
2015-04-01 11:13:03
阅读次数:
116
与动作密不可分的还有动画,动画又可以分为场景过渡动画和帧动画。场景过渡动画我们在以往介绍过,这一个我们只介绍帧动画。帧动画帧动画就是按一定时间间隔、一定的顺序、一帧一帧地显示帧图片。我们的美工要为精灵的运动绘制每一帧图片,因此帧动画会由很多帧组成,按照一定的顺序切换这些图片就可以了。在Cocos2d-JS中播放帧动画涉及到两个类:cc.Animation和cc.Animate,类图如下图所示,cc...
分类:
Web程序 时间:
2015-03-30 11:20:07
阅读次数:
187
jQuery的animate是一个非常好用的东东,但某些动画效果支持得不够好,比如backgroundPosition这种神器火狐上竟然用不了,于是我就自己写了一个。 1 /** 2 * 自定义backgroundPosition的animate,支持火狐,jQuery1.8以上版本 3 * @.....
分类:
Web程序 时间:
2015-03-29 15:00:20
阅读次数:
121
昨天写代码时,偶然想到了如果我们把css3属性放在animate中,指定时间。能否实现动画呢。举个例子吧: 如上代码,box会在一秒种从0deg旋转到90deg吗?答案是否定的。 于是我查了下jquery的手册,发现animate的第一参数中确实不能放css3的属性。于是乎怎么办呢?我在st...
分类:
Web程序 时间:
2015-03-21 11:14:50
阅读次数:
131
第一种方式是直接使用锚点配合链接标签:
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
<script type="text/javascript"> ??????? $(document).ready(function(){ ?????????? $(".menuTitle").toggle(function(){ ???????????? $(this).next(".paddingTop").animate({h...
分类:
其他好文 时间:
2015-03-11 17:34:12
阅读次数:
169
网页上如果有数字需要经常变动,又想让它比较明显,肯定是加个动画比较显眼,利用jquery的animate可以很容易的实现,不需要css3,因此可以兼容低版本的ie浏览器。先看效果图:代码比较简单,没有整理成插件形式,暂时全堆在html里了。直接上代码:<!DOCTYPEhtml>
<htm..
分类:
Web程序 时间:
2015-03-11 15:00:59
阅读次数:
122
支持下列CSS 样式 backgroundPosition borderWidth borderBottomWidth borderLeftWidth borderRightWidth borderTopWidth borderSpacing marg...
分类:
Web程序 时间:
2015-03-11 14:16:50
阅读次数:
261
这是一个小小的功能,jQuery实现的话很简单,即animate()方法,特地记录一下.首先贴一下返回顶部的功能代码:方法一:1 $(function(){2 $("#toTop").click(function(){3 $("html").animate({"scrollT...
分类:
其他好文 时间:
2015-03-10 18:45:06
阅读次数:
132