Jquery动画效果简单总结
本文将对Jquery中的动画效果做一个简单的总结。
操作方法
- 01
（1）jquery中常见的几种动画效果
- 02
（2）动画队列执行的顺序 对于一组元素上的动画效果，有如下两种情况： a) 当在一个animate()方法中应用多个属性时，动画是同时发生的。 b) 当以链式的写法应用动画方法时，动画是按照顺序发生的。 对于多组元素上的动画效果，有如下情况： a) 默认情况下，动画都是同时发生的。 b) 当以回调的形式应用动画方式时，动画是按照回调顺序发生的。 另外，在动画方法中，要注意其他非动画的方法会插队，例如css()方法，要使这些非动画的方法也按照顺序来执行，需要把这些方法写在动画方法的回调函数中。 举一个animate的例子： $("#id").animate({left:"400px",top:"300px"},3000,function(){ $(this).css("border","1px solid blue"); });
- 03
（3）若想要动画停止，需要在animate()方法前插入stop()方法。 例如:$("#id").stop().animate()注意stop中的两个参数。
- 04
（4）判断某元素是否在动画状态的方法如下： $(element).is(":animated");
- 05
（5）在jquery中常用的动画的方法就是hide()与show() $(element).hide()这段代码可以与这相等element.css("display","none") 在hide(time)与show(time)中填入事件，可以慢慢消失跟显现。可以修改元素的多个样式，高度，宽度，不透明度。 另一组方法fadeIn()与fadeOut()这个与hide跟show不同的是，当使用hide或者show的时候会改变网页的高度，而fadeIn与fadeOut则不会。
相关推荐
-
PPT怎么给一幅图片制作简单的动画效果?
在教学中经常要用自己动手做PPT.根据不同的教学内容,PPT在演示时对页面需要动画的效果.那么,PPT如何制作简单动画呢?小编就带领大家一起来制作,参考以下几个步骤,大家就很容易制作好PPT的简单动画 ...
-
ppt中怎么制作一段简单大气的动画效果?
现在PPT受到越来越多人的喜爱,讲课,宣传,做报告等等都用到PPT.下面就让我们一起来看看怎样制作简单精美会动的PPT. 1.我们可以在“插入”选项的“形状”里找一些合适的图案,通过简单的修改得到我们 ...
-
ps制作动画效果教程（ps怎么做简单动画）
运用PS软件设计简洁的动画效果,步骤简单易记,非常适合零基础的同学学习.步骤操作如下:1.新建一个文档,尺寸可根据自己的需要设置.(如下图)2.背景填充任意一个颜色.(如下图)3.输入文字内容(也可以 ...
-
如何用flash制作简单动画效果
本文主要介绍如何用flash创作一个简单的动画移动效果,即如何控制帧. 操作方法 01 制作元件.单击右下方新建元件--创建新元件--单击确定 02 进入元件编辑模式.单击工具面板椭圆工具(自定)-- ...
-
如何通过AE实现简单的图片移动动画效果
如何通过AE实现简单的图片移动动画效果?下面,我们一起来看下操作方法. 操作方法 01 启动AE软件,进入到操作界面中.按下CTRL+N,新建合成. 02 从电脑桌面上,把图片素材拖入到AE中.图片自 ...
-
制作简单的火焰文字动画效果
看到别人头像上闪烁的"火焰文字"头像很酷,是不是也想要一个呢?这里与大家分享一下制作简单的火焰文字动画效果的具体方法. 制作火焰文字的底图 01 菜单栏:执行"文件&qu ...
-
jQuery怎样给元素设置动画效果
jQuery可以给网页元素添加动画效果,那么jQuery怎样制作动画效果呢?这就需要调用到animate方法了,今天小编我就来分享一下. 操作方法 01 首先,在HTML页面设置一个按钮,并且设置一个 ...
-
用scratch制作简单动画效果的方法
本节课我么们来学习用scratch制作简单动画效果,在学习让角色通过切换造型做各种动作得同时学习动画得产生原理. 1)首先我们先为我们得项目选择一个美丽得室外背景 2)接下来我们删除小猫角色,选择一个 ...
-
WPS演示简单制作标题移位的动画效果
曾经见过一个用Director制作的课件，演示时，有一个大标题由屏幕中心转移到边缘的效果，显得很专业。于是探索能否在WPS演示中实现，结论是，完全没有问题! 第一步，主体文字制作。在幻灯片中中心位置用 ...
