JQUERY的动画animate代码怎么控制它的速度
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").animate({
height:'toggle'
});
});
});
</script>
想控制它的速度，怎么写。
1、首先双击打开HBuilderX工具，新建一个HTML5页面，并引入jquery文件，如下图所示。
2、在<body></body>标签元素内，插入一个label和button，如下图所示。
3、保存代码并打开浏览器，预览页面效果结果出现报错。
4、检查代码发现，按钮点击事件，调用animate，这里的样式属性需要使用驼峰结构。
5、再次保存代码并在浏览器查看打印结果，结果发现animated不是函数。
6、返回到HBuilderX工具，修改代码animate，这样就完成了。
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2018-02-22
$(selector).animate(styles,speed,easing,callback)
参数描述
1.styles 必需。规定产生动画效果的 CSS 样式和值。可能的 CSS 样式值（提供实例）：backgroundPosition,
borderWidth,
borderBottomWidth,
borderLeftWidth,
borderRightWidth,
borderTopWidth,
borderSpacing,
margin,
marginBottom,
marginLeft,
marginRight,
marginTop,
outlineWidth,
padding,
paddingBottom,
paddingLeft,
paddingRight,
paddingTop,
height,
width,
maxHeight,
maxWidth,
minHeight,
minWidth,
font,
fontSize,
bottom,
left,
right,
top,
letterSpacing,
wordSpacing,
lineHeight,
textIndent,
,注释：CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）。
2.speed 可选。规定动画的速度。默认是 "normal"。可能的值：毫秒 （比如 1500）"slow""normal""fast"
3.easing 可选。规定在不同的动画点中设置动画速度的 easing 函数。内置的 easing 函数：swinglinear扩展插件中提供更多 easing 函数。
4.callback 可选。animate 函数执行完之后，要执行的函数。本回答被网友采纳
参数描述
1.styles 必需。规定产生动画效果的 CSS 样式和值。可能的 CSS 样式值（提供实例）：backgroundPosition,
borderWidth,
borderBottomWidth,
borderLeftWidth,
borderRightWidth,
borderTopWidth,
borderSpacing,
margin,
marginBottom,
marginLeft,
marginRight,
marginTop,
outlineWidth,
padding,
paddingBottom,
paddingLeft,
paddingRight,
paddingTop,
height,
width,
maxHeight,
maxWidth,
minHeight,
minWidth,
font,
fontSize,
bottom,
left,
right,
top,
letterSpacing,
wordSpacing,
lineHeight,
textIndent,
,注释：CSS 样式使用 DOM 名称（比如 "fontSize"）来设置，而非 CSS 名称（比如 "font-size"）。
2.speed 可选。规定动画的速度。默认是 "normal"。可能的值：毫秒 （比如 1500）"slow""normal""fast"
3.easing 可选。规定在不同的动画点中设置动画速度的 easing 函数。内置的 easing 函数：swinglinear扩展插件中提供更多 easing 函数。
4.callback 可选。animate 函数执行完之后，要执行的函数。本回答被网友采纳
第2个回答 2018-02-22
animate的第二个参数就是用来控制动画速度的，比如：
<script>$(document).ready(function(){
$("button").click(function(){
$("div").animate({
height:'toggle'
},1500); //动画将在1.5秒内完成
});
});
</script>
第3个回答 推荐于2017-11-26
你好 控制速度 只需要加一点点就好了 代码如下
$("div").animate({height:"toggle"},200） 200的单位是毫秒
希望能帮到你 谢谢本回答被提问者和网友采纳
$("div").animate({height:"toggle"},200） 200的单位是毫秒
希望能帮到你 谢谢本回答被提问者和网友采纳
相似回答