用jQuery制作动画效果

最新推荐文章于 2023-08-10 16:36:12 发布

原创最新推荐文章于 2023-08-10 16:36:12 发布 · 772 阅读

1 ·

CC 4.0 BY-SA版权

博客介绍了使用jQuery实现元素动画效果的方法。首先导入jQuery，接着设置点击事件，为元素添加背景颜色、宽高并定位，最后引入按钮，使用animate函数实现动画，设置高度、事件和速度。

在这里插入图片描述
（1.）导入jquery
2.

（2.）然后弄个点击事件，在里面加上一个背景颜色，宽高为100像素和70像素，给他个定位（注意，一定要加定位，不加定位动画效果就出不来）。
3.

最后是jquery，给他引入按钮，animate是用来做动画效果的，我给他的高度就是他的动画，opacity是事件，后面的slow是速度。动画效果就这些代码即可。