jQuery自定义动画animate

代码示例：

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>24-jQuery自定义动画效果animate</title>
        <style type="text/css">
            div {
                height: 200px;
                width: 200px;
                background-color: pink;
                position: relative;
                left: 1000px;
                top: 2600px;
            }
        </style>
    </head>
    <body>
        <button>动起来</button>
        <div></div>
    </body>
    <script src="jquery-3.6.0.js" type="text/javascript" charset="utf-8"></script>
    <script type="text/javascript">
        $(function() {
            $("button").click(function() {
                $("div").animate({
                    left: 500,
                    top: 300,
                    opacity: 0.4,
                    width: 500
                }, 500)
            })
        })
    </script>
</html>
复制代码

 

posted @   今天穿秋裤了吗  阅读(40)  评论(0)  编辑  收藏  举报
相关博文：
·  jQuery属性操作
·  动画函数-给不同元素记录不同定时器
·  jQuery自定义动画效果animate
·  jQuery自定义动画animate()
·  jQuery 效果
阅读排行：
· 10年+ .NET Coder 心语 ── 封装的思维：从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 周边上新：园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源！
· 提示词工程——AI应用必不可少的技术
点击右上角即可分享
微信分享提示
AI IDE Trae