u014304657
L-YASHU
采纳率41.7%
2015-06-07 04:29

jQuery中animate()方法

已采纳

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

  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 复制链接分享
  • 邀请回答

5条回答

  • u013538542 Johnny.Cheung 6年前

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

    setInterval(functoin(){

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

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

    },1000);

    点赞 1 评论 复制链接分享
  • datou431 请叫我头头哥 6年前

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

    点赞 1 评论 复制链接分享
  • showbo GoCityPass新加坡曼谷通票 6年前
    点赞 1 评论 复制链接分享
  • danielinbiti danielinbiti 6年前
     <!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> 
    
    点赞 评论 复制链接分享
  • sun_zhipeng 就是辣么6 6年前

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

    点赞 评论 复制链接分享

相关推荐