jQuery怎样给元素设置动画效果

 时间:2024-10-13 21:16:28

1、首先,在HTM雉搽妤粲L页面设置一个按钮,并且设置一个div,接下来我们开始给这个div设置动画效果。这里我就给div添加一个类名,方便待会设置它的css样式。

jQuery怎样给元素设置动画效果

2、如图,我就设置.animate这个类的属性,并且引入jQuery插件。

jQuery怎样给元素设置动画效果

3、接着我们再自己定义一个函数,这样可以方便给事件绑定函数。

jQuery怎样给元素设置动画效果

4、然后我们在animate函数里面书写代码,如图,因为我们需要给.animate对应的div设置动画,所以我们要先获取到它

jQuery怎样给元素设置动画效果

5、获取到div之后,接着调用animate方法,这个方法时jQuery插件封装好的,跟我们自定义的animate函数不一样哦,

jQuery怎样给元素设置动画效果

6、如图,我们可以在animate方法里面老揉孟阼写上两个参数,第一个参数要用花括号包裹起来,在花括号里面可以设置width,height等数字属性,

jQuery怎样给元素设置动画效果

7、然后设置第二个参数,第二个参数表示的是整个动画效果完成所需要的时间,这里我就设置成4000,表示4秒,

jQuery怎样给元素设置动画效果

8、之后,我们把自定义的animate函数绑定到按钮的点击事件。

jQuery怎样给元素设置动画效果
  • JSP页面添加背景音乐
  • jquery如何动态添加图片
  • hbuilderx怎么设置向下插入空行
  • AxureRP如何设置元件位置
  • HBuilder如何设置字体大小
  • 热门搜索
    福州三江口文化旅游城 组团旅游网 平江旅游景点大全 塞舌尔旅游攻略 湖北省旅游景点大全 澳大利亚旅游费用 安徽九华山旅游攻略 安昌古镇旅游攻略 土耳其旅游报价 窑湾古镇旅游攻略