jq之animate()操作多个属性

无名`

于 2022-01-13 08:46:11 发布

阅读量184

点赞数

分类专栏： jq 文章标签： html javascript jquery

本文链接：https://blog.csdn.net/wanggang182007/article/details/122379653

版权

jq 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jq之demo</title>
    <!--线上jq库-->
    <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>
    <script>
        $(document).ready(function(){
            $("button").click(function(){
                /*动画*/
                $("div").animate({
                    left:'49px',
                    /*透明度*/
                    opacity:'0.5',
                    height:'150px',
                    width:'150px'
                });
            });
        });
    </script>
</head>
<body>
<button>开始</button>
<p>html元素想要移动把position设为relative，fixed或absolute</p>
<div style="background: aqua;height: 50px;width: 60px;position: absolute;">收起/滑下切换</div>
</html>

无名`

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jq之animate()操作多个属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jq之demo</title>  <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script>.
复制链接

扫一扫

专栏目录