请列举jQuery中常用的实现动画效果的方法,jQuery中支持动画效果的自定义动画

　　在之前的文章《如何通过jQuery给一个元素添加单击和双击事件》中，我们介绍了通过jQuery向元素添加点击和双击事件的方法。有需要的朋友可以了解一下~

　　本文的主要内容是介绍如何用jQuery制作段落元素动画。

　　那么在本文中，我们将点击一个按钮，使用jQuery对段落元素进行动画处理，主要使用animate()方法来实现动画效果。animate()方法用于改变CSS样式元素的状态。此方法也可用于更改CSS属性，以创建选定元素的动画效果。

　　下面我们直接上代码：

　　！声明文档类型

　　超文本标记语言

　　头

　　meta charset=UTF-8

　　标题/标题

　　script src= jquery . min . js /script

　　脚本

　　$(文档)。ready(function () {

　　$(button )。单击(函数(){

　　$(#GFG )。动画({

　　不透明度：0.5，

　　fontSize: 3em ，

　　}, 1000);

　　});

　　});

　　/脚本

　　/头

　　body style= text-align:center；

　　h1 style= color:# ff 311 f；

　　PHP中文网

　　/h1

　　h3

　　如何用jQuery制作段落元素动画？

　　/h3

　　p id=GFG

　　中文PHP是你最好的学习平台！

　　/p

　　点击这里，按钮！/按钮

　　/body

　　/html具有以下效果：

　　这里需要掌握的是animate()方法：

　　animate()方法执行CSS属性集的自定义动画。此方法通过CSS样式将元素从一种状态更改为另一种状态。CSS属性值是逐渐变化的，因此可以创建动画效果。只有数值可以被动画化(例如“margin:30px”)。值不能是动态的(如“背景色：红色”)。

　　注意：请使用=或-=创建相对动画。

　　animate()的语法如下：

　　(选择器)。需要animate ({styles}，speed，easing，callback)参数样式：指定一个或多个产生动画效果的CSS属性/值。

　　注意：和animate()方法一起使用时，这个属性名必须用hump写：必须用paddingLeft代替padding-left，marginRight代替margin-right，等等。

　　Speed参数是可选的：指定动画的速度。

　　可能的值：

　　毫秒

　　“慢”

　　“快”

　　参数缓动是可选的：它指定动画中不同点的元素速度。默认值为“swing”。

　　可能的值：

　　“摇摆”——在开始/结束时缓慢移动，在中间时快速移动。

　　“直线”——以恒定的速度移动

　　提示：扩展中有更多可用的缓动功能。

　　参数callback是可选的：执行animate函数后要执行的函数。

　　最后推荐《JavaScript基础教程》 《jquery视频教程》 ~欢迎学习~以上是如何用jQuery动画段落元素的细节。更多请关注我们的其他相关文章！

郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。