开发者社区> 问答> 正文

animate()方法,如何让鼠标悬停一次只运动一次,而不是像带记忆一样悬停几次就运动几次。

在使用animate()方法时,发现鼠标连续离开悬停几次,div(id=box)会运动几次,如何让鼠标悬停一次div就运动一次,而不是像带记忆一样悬停几次就运动几次。

<html>
<head>
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>

<script type="text/javascript">
$(document).ready(function()
  {
  $("#box").mouseover(function(){
    $("#box").animate({height:"300px"},"slow");
  });
  $("#box").mouseout(function(){
    $("#box").animate({height:"100px"});
  });
});
</script>
</head>
<body>
<div id="box" style="background:#98bf21;height:100px;width:100px;margin:6px;">
</div>
</body>

展开
收起
小旋风柴进 2016-05-31 10:57:05 2475 0
0 条回答
写回答
取消 提交回答
问答分类:
问答地址:
问答排行榜
最热
最新

相关电子书

更多
3D动画的菜谱式灯光与云渲染 立即下载
数据如何让运动更好玩 立即下载
数据如何让运动更好玩有趣 立即下载