jQuery学习笔记——自定义动画animate（）详细举例

Ankry果冻

于 2020-04-26 08:18:03 发布

阅读量289

点赞数

分类专栏： JQuery 文章标签： javascript 前端 css

本文链接：https://blog.csdn.net/weixin_41306215/article/details/105761282

版权

这篇博客介绍了如何使用jQuery的animate方法实现一个正方体从left=0平移到left=800并逐渐增大高度，之后再缩小返回的效果。文章强调了animate的四个参数，包括动画属性、时长、执行效果和回调函数，并指出回调函数为实现复杂动画提供了可能性。

摘要由CSDN通过智能技术生成

效果：点击按钮，正方体从左left=0移动到left=800，高度不断增加

到达800后缩小返回

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style type="text/css">
        .wrapper{
            width: 500px;
            height: 300px;
            margin: 100px auto;
        }

        ul{
            list-style: none;
        }
        #div1{
            width: 200px;
            height: 200px;
            position: relative;
            left: 0;
            background-color: cornflowerblue;

        }

        




    </style>
    <script src="jq

最低0.47元/天解锁文章

Ankry果冻

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习笔记——自定义动画animate（）详细举例

效果：点击按钮，正方体从左left=0移动到left=800，高度不断增加到达800后缩小返回<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="wi...
复制链接

扫一扫

专栏目录