jquery如何将一个div设计成动画,落下弹跳两次后停止?
$("#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;