首页 > 软件开发 > JQUERY >

jquery如何实现淡入和淡出效果

来源:互联网 2023-03-16 23:54:00 版权归原作者所有,如有侵权,请联系我们

在jquery中,可以通过fadeToggle()方法来实现淡入和淡出效果,下面我给大家介绍下jquery如何实现淡入和淡出效果tw9办公区 - 实用经验教程分享!

jquery如何实现淡入和淡出效果tw9办公区 - 实用经验教程分享!

工具/原料

  • 华硕S14
  • window10家庭版
  • Hbuilder

方法/步骤

  • 1

    打开编辑器,新建study.html页面,并在页面头部引入jquery插件tw9办公区 - 实用经验教程分享!

    jquery如何实现淡入和淡出效果tw9办公区 - 实用经验教程分享!

  • 2

    在页面的body区域,新建一div标签和一个按钮标签用来测试tw9办公区 - 实用经验教程分享!

    jquery如何实现淡入和淡出效果tw9办公区 - 实用经验教程分享!

  • 3

    在script标签里给按钮加上点击事件,触发div的显示和隐藏tw9办公区 - 实用经验教程分享!

    jquery如何实现淡入和淡出效果tw9办公区 - 实用经验教程分享!

  • 3
  • 4

    在浏览器中打开页面测试一下效果tw9办公区 - 实用经验教程分享!

    jquery如何实现淡入和淡出效果tw9办公区 - 实用经验教程分享!

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


    标签: HTMLCSSJQUERY

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