介绍jQuery动画的动画方法

介绍jQuery动画的动画方法
复制代码代码如下所示:
$(函数(){())
$(#左)。Click(function(){)
$(;
$( )。
宽度:+ 200px
高度:+ 200px
字体大小:1em
BorderWidth:10
},慢
});
$(#权)。Click(function(){)
$(;
$( )。
宽度:200px
高度:200px
字体大小:10em
},慢
});
*
$(p)。
身高:'200px ',不透明度:触发的
}慢);
$(p)。
左:50,不透明度:'show
},500);*
第一个淡入淡出
$(p)。
不透明度:触发的
},慢
显示
$(p)。
不透明度:'show
},500、函数(){ alert(载荷完成);});
});
向左移动,向左移动。
张子玉试验
返回值:jqueryanimate(params,{时间},{宽松},{回调})
总结
创建自定义动画的函数。
这个函数的关键是指定动画的形式和结果样式属性对象。这个对象中的每个属性代表一个变量样式属性(如高度、顶部或不透明)。与marginleft
每个属性的值表示当样式属性为多少时动画的结束。如果一个值是一个值,样式属性将逐渐从当前值更改为指定的值。如果使用诸如隐藏、显示或切换之类的字符串值,则将为该属性调用默认的动画窗体。
在jQuery 1中,可以使用EM和%单元。此外,在1中。jQuery 2,可以通过前面指定的属性值或来实现元素的相对运动。
在jQuery 1.3中,如果持续时间设置为0,动画将直接完成。默认动画在以前的版本中执行
参数
一套样式属性和值包含paramsoptions动画属性值和最终值
持续时间(可选)字符串,第三个字符串的预定速度(慢速)
放松(可选)字符串,使用擦除效果的名称(需要插件支持)。默认jQuery提供线性和Swing。
当动画完成时,回调(可选)函数执行的函数。
样品
描述:
单击按钮后,div元素的几个不同属性会一起改变。
HTML代码:
复制代码代码如下所示:
同时,三种类型的应用在动画效果中。
$(#去),Click(function(){)
$(#块动画({)。
宽度:90%
身高:100%
字体大小:10em
BorderWidth:10
},1000);
});

描述:
让指定的元素移动
HTML代码:
复制代码代码如下所示:
$(#权)。Click(function(){)
$(块)。动画({左:+ 50px},慢);
});
$(#左)。Click(function(){)
$(块)。动画({左:50px},慢);
});

描述:
在600毫秒内切换段落的高度和透明度
jQuery代码:
复制代码代码如下所示:
$(p)。
高度:触发,触发的不透明度:
}慢);

描述:
在500毫秒内将段落移到左50,并清楚地显示出来(透明度为1)。
jQuery代码:
复制代码代码如下所示:
$(p)。
左:50,不透明度:'show
},500);

描述:
使用easein功能提供不同的动画风格的一个例子。如果插件是用来提供这种酪蛋白功能参数的作品。
jQuery代码:
复制代码代码如下所示:
$(p)。
不透明度:'show
},慢
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部