jquery如何使用animate

 时间:2026-05-01 06:18:40

1、新建一个HTML文档,并引入jquery

jquery如何使用animate

2、定义一个元素,并将其设置为一个长宽为100px的蓝色方块,示例:

<p style="width:100px; height:100px;  background:blue">

jquery如何使用animate

3、保存以上内容,并在浏览器预览效果

jquery如何使用animate

4、为元素设置animate()动画方法,使其被点击之后,在3秒之中实现宽度变大,高度变小,成为一个长方形,示例:

    $(function(){

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

            $(this).animate({width:"300px",height:"50px"},3000);

        })

    })

jquery如何使用animate

5、保存以上文件,就可以在浏览器预览一个基本的jquery的animate()的动画效果

jquery如何使用animate

  • 怎么修改硬盘磁盘盘符图标
  • linux下安装双网卡
  • 斗破苍穹怎么关闭点地t移动功能
  • 10KV高压无线核相仪使用步骤
  • QQ浏览器中如何设置自己的地区?
  • 热门搜索
    可可托海景区 凉拌海蜇丝的做法 孕妇可以吃杏仁 马桶盖怎么换图解 休闲农业与乡村旅游 巴中旅游 中华骏捷怎么样 志高空调质量怎么样 孕妇可以喝啤酒吗 杭州旅游路线