JQUERY的动画animate代码怎么控制它的速度
<script>$(document).ready(function(){$("button").click(function(){$("div").animate({h...
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").animate({
height:'toggle'
});
});
});
</script>
想控制它的速度，怎么写。 展开
$(document).ready(function(){
$("button").click(function(){
$("div").animate({
height:'toggle'
});
});
});
</script>
想控制它的速度，怎么写。 展开
4个回答
展开全部
1、首先双击打开HBuilderX工具，新建一个HTML5页面，并引入jquery文件，如下图所示。
2、在<body></body>标签元素内，插入一个label和button，如下图所示。
3、保存代码并打开浏览器，预览页面效果结果出现报错。
4、检查代码发现，按钮点击事件，调用animate，这里的样式属性需要使用驼峰结构。
5、再次保存代码并在浏览器查看打印结果，结果发现animated不是函数。
6、返回到HBuilderX工具，修改代码animate，这样就完成了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$(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 函数执行完之后，要执行的函数。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
animate的第二个参数就是用来控制动画速度的，比如：
<script>
$(document).ready(function(){
$("button").click(function(){
$("div").animate({
height:'toggle'
},1500); //动画将在1.5秒内完成
});
});
</script>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你好 控制速度 只需要加一点点就好了 代码如下
$("div").animate({height:"toggle"},200） 200的单位是毫秒
希望能帮到你 谢谢
$("div").animate({height:"toggle"},200） 200的单位是毫秒
希望能帮到你 谢谢
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
