首页 > 软件开发 > JQUERY >

【jQuery】使用fadeOut方法实现淡出效果

来源:互联网 2023-03-17 00:50:35 265

jQuery中的fadeOut方法可用于淡出可见元素。1lv办公区 - 实用经验教程分享!

工具/原料

  • 电脑,eclipse工具。

方法/步骤

  • 1

    写入src语句,导入jQuery的包路径,这样就可以使用其语法。1lv办公区 - 实用经验教程分享!

    【jQuery】使用fadeOut方法实现淡出效果。1lv办公区 - 实用经验教程分享!

  • 2

    在body元素标签内,将把此处内容展示在界面上显示出来。1lv办公区 - 实用经验教程分享!

    【jQuery】使用fadeOut方法实现淡出效果。1lv办公区 - 实用经验教程分享!

  • 3

    将元素标签进行效果添加,此处加入点击按钮就会实现淡出的效果。1lv办公区 - 实用经验教程分享!

    【jQuery】使用fadeOut方法实现淡出效果。1lv办公区 - 实用经验教程分享!

  • 4

    选中指定文件,右键选择打开方式下拉框中的Web浏览器打开。1lv办公区 - 实用经验教程分享!

    【jQuery】使用fadeOut方法实现淡出效果。1lv办公区 - 实用经验教程分享!

  • 5

    界面上除了显示出来了一个按钮组件,还有三个颜色显示的div组件。1lv办公区 - 实用经验教程分享!

    【jQuery】使用fadeOut方法实现淡出效果。1lv办公区 - 实用经验教程分享!

  • 5此文章未经授权抓取自百度经验
  • 6

    点击按钮后,可以看到原先显示的三个颜色元素标签,正渐渐淡出直至消失。1lv办公区 - 实用经验教程分享!

    【jQuery】使用fadeOut方法实现淡出效果。1lv办公区 - 实用经验教程分享!

  • 注意事项

    • ​jQuery中的fadeOut方法可用于淡出可见元素。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!1lv办公区 - 实用经验教程分享!


    标签: ECLIPSEJAVAJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码