在jquery中， 可以通过在slideUp中指定秒数， 实现5秒内缓慢隐藏div 。 下面小编举例讲解jquery如何在5秒内缓慢隐藏div 。
文章插图
需要这些哦
jquery+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件， 定名为test.html， 用于讲解jquery若何在5秒内迟缓埋没div 。
文章插图
2在test.html文件内， 利用div标签建立一个模块， 并设置它的class属性为mycd 。
文章插图
3在css标签内， 经由过程class设置div的样式， 界说它的宽度为160px， 高度为160px， 布景颜色为蓝色 。
文章插图
4在test.html文件内， 利用button标签建立一个按钮， 给button按钮绑定onclick点击事务， 当按钮被点击时， 执行closediv()函数 。
文章插图
5在函数内， 经由过程class获得div对象， 并利用slideUp()方式在5秒内埋没div， 注重， 秒数的单元是毫秒 。
文章插图
6【jquery如何在5秒内缓慢隐藏div】在浏览器打开test.html文件， 点击按钮， 查看实现的结果 。
文章插图
文章插图
文章插图
总结：11、利用div标签建立一个模块， 并设置它的class属性为mycd 。 2、在css标签内， 经由过程class设置div的样式， 界说它的宽度为160px， 高度为160px， 布景颜色为蓝色 。 3、在js中， 经由过程class获得div对象， 并利用slideUp()方式在5秒内埋没div， 注重， 秒数的单元是毫秒 。
以上内容就是jquery如何在5秒内缓慢隐藏div的内容啦， 希望对你有所帮助哦！
推荐阅读
- wps演示中如何制作梯形目录样式
- wps演示中如何制作对话框式目录
- wps演示中如何制作倒三角形目录
- wps演示中如何制作红白几何形封面
- 爱奇艺如何设置【我的微服务】
- 家家乐app如何联系客服？
- 完美世界如何删除好友聊天记录
- 港版ipad如何设置隐私照片
- 如何在word中添加图片控件
- 多个Excel单元格中的内容如何合并到一个单元格