2 u014304657 u014304657 于 2015.06.07 12:29 提问

jQuery中animate()方法

怎样用jQuery中的animate()方法让一个图片产生上下晃动的效果呢?或者其它的什么好的方法也可以。最好有演示代码,求帮忙,谢谢

5个回答

u013538542
u013538542   2015.06.07 15:49
已采纳

方法有很多,用定时器,每1秒执行一个事件,上,下

setInterval(functoin(){

$("#div").animate({top:10px});

setInterval(function(){
$("#div").animate({bottom:10px});
},1000);

},1000);

sinat_34598536
sinat_34598536 用这个没有用,用settimeout()也没有用…
一年多之前 回复
u014304657
u014304657 谢谢!
2 年多之前 回复
showbo
showbo   Ds   Rxr 2015.06.07 17:12
datou431
datou431   Rxr 2015.06.09 18:30

用定时器,每1秒执行一个事件

sun_zhipeng
sun_zhipeng   2015.06.07 14:16

http://www.w3school.com.cn/jquery/effect_animate.asp
这个可能对你有帮助,试试吧。

danielinbiti
danielinbiti   Ds   Rxr 2015.06.07 15:07
 <!DOCTYPE html> 
<html>
<head> 
    <script src="http://lib.sinaapp.com/js/jquery/1.8.3/jquery.min.js"></script>
    <style>
    </style>
</head> 
<script>
    function shake(o){
    var $panel = $("#"+o);
    box_top = ($(window).height() -  $panel.height()) / 2;
    $panel.css({'top': box_top,'position':'absolute'});
    for(var i=1; 4>=i; i++){
        $panel.animate({top:box_top-(40-10*i)},50);
        $panel.animate({top:box_top+2*(40-10*i)},50);
    }
  }
</script>
<body> 
    <div id='sidepic'>111111</div>
</body> 
<script>
    shake('sidepic');
    </script>
</html> 
Csdn user default icon
上传中...
上传图片
插入图片