jquery如何将一个div设计成动画,落下弹跳两次后停止?

$ ("# Button id ")。单击(函数(){

$("#Divid ")。向下滑动(“毫秒”);//只对display有效:none,向下弹出,slideUp()则相反。

});

基本展示。

让它去指定的位置,

$("#divID ")。css({left:"1px ",top:"1px"})

$("#divID ")。animate();//可以实现动画效果。习俗,我不确定。打几下。。什么意思,但基本上就是这个意思。

问:

能不能把animate设置成弹起来50px然后掉下来,弹起来50px然后掉下来?稳定吗?如果可以,举个例子。麻烦。。。

回答:

& lthtml & gt

& lthead & gt

& lttitle & gt& lt/title & gt;

& ltscript type = " text/JavaScript " src = "/jquery-1 . 6 . 1 . min . js " & gt;& lt/script & gt;

& ltscript type = " text/JavaScript " & gt;

$(function () {

$("#btn1 ")。鼠标输入(

Function () {$ ("# div 1 ")。slide down(1000)}//slide down和slideUp只对显示有效:无。

).单击(函数(){

var div 1 = $(" # div 1 ");//获取jquery对象

var id = setInterval(function(){ div 1 . animate({ top:"+= 30 " },1000)。animate({ top: "-=30" },1000);}, 2000);/*让画面上下浮动,重复一遍。

不要链式控制css属性,应该在fn中。

*/

div1.click(function () {

clear interval(id);//清除计时器

div 1 . stop();//停止动画2参数,1立即停止动画,第二个参数清除动画列表bool。

});

});

});

& lt/script & gt;

& lt/head & gt;

& ltbody & gt

& ltinput ID = " BTN 1 " Type = " Button " value = "单击时我会移动"/& gt;

& ltdiv id = " div 1 " style = " width:300 px;高度:300px位置:绝对;顶配:50px

左:50px背景色:红色;显示:无;" & gt

单击我停止动画。

& lt/div & gt;

& lt/body & gt;

& lt/html & gt;