• 技术文章 >头条

    js中jquery动画移动到最右边

    宋雪维宋雪维2021-03-22 14:37:24原创4563

    一、jquery采用了animate()方法创建自定义的动画

    1、功能：创建自定义动画。

    2、使用语法

    1

    $(selector).animate({params},speed,callback);

    3、使用参数

    params（必须）：定义形成动画的CSS属性。

    speed（可选）：规定效果的时长，它可以取以下值:”slow”、”fast”或毫秒。

    callback（可选）：是动画完成后所执行的函数名称。

    二、js中jquery动画移动到最右边代码实现

    1

    2

    3

    4

    5

    6

    7

    8

    9

    10

    11

    12

    13

    14

    15

    16

    17

    18

    19

    20

    21

    22

    23

    <!DOCTYPE html>

    <html>

    <head>

    <meta charset="utf-8">

    <script src="http://cdn.static.runoob.com/libs/jquery/1.10.2/jquery.min.js">

    </script>

    <script>

    $(document).ready(function(){

      $("button").click(function(){

        $("div").animate({left:'250px'});

      });

    });

    </script>

    </head>

      

    <body>

    <button>开始动画</button>

    <div style="background:#98bf21;height:100px;width:100px;position:absolute;">

    </div>

     

     

    </body>

    </html>

    以上就是jquery采用了animate()方法创建动画移动到最右边的自定义动画效果，是一个很有意思的设计哦~更多JavaScript学习推荐：JavaScript教程。

    本文教程操作环境：windows7系统、jquery3.2.1版本，DELL G3电脑。

    专题推荐：js中jquery动画移动到最右边
    上一篇：implements在java中实现接口的方法 下一篇：java迭代器原理分析

    相关文章推荐

    • python中ansible是什么？• python中elasticsearch是什么？• python中yield from怎么用？• python中Insert函数怎么用？• python中Cumsum函数是什么？• python中Sample函数是什么？

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
    • 

    Python学习网

    首页 首页视频视频手册手册图文图文文章文章社区社区