首页 > 软件开发 > JQUERY >

怎么用js自己写一个提示框

来源:互联网 2023-03-16 23:54:28 78

用js自己写一个提示框的方法 希望能够帮到你QpG办公区 - 实用经验教程分享!

怎么用js自己写一个提示框QpG办公区 - 实用经验教程分享!

工具/原料

  • Windows系统
  • web开发环境

方法/步骤

  • 1

    首先打开我们的开发环境 如图所示QpG办公区 - 实用经验教程分享!

    怎么用js自己写一个提示框QpG办公区 - 实用经验教程分享!

  • 2

    这是demo的目录结构 接下来会分别看功能的实现QpG办公区 - 实用经验教程分享!

    怎么用js自己写一个提示框QpG办公区 - 实用经验教程分享!

  • 2相关内容未经授权抓取自百度经验
  • 3

    在html代码中引入所需的js和css样式表文件 第二个框是提示框的内容布局 第三个框是我这里做的一个测试按钮QpG办公区 - 实用经验教程分享!

    怎么用js自己写一个提示框QpG办公区 - 实用经验教程分享!

  • 4

    这里是css样式表 主要看红框中的 其他的是自己根据情况定义的 哦QpG办公区 - 实用经验教程分享!

    怎么用js自己写一个提示框QpG办公区 - 实用经验教程分享!

  • 5

    这是效果 当弹出框时 锁定整个html窗口 禁止操作QpG办公区 - 实用经验教程分享!

    怎么用js自己写一个提示框QpG办公区 - 实用经验教程分享!

  • 6

    这个是定义点击按钮执行 以及自定义提示框中按钮的操作js控制语句QpG办公区 - 实用经验教程分享!

    怎么用js自己写一个提示框QpG办公区 - 实用经验教程分享!

  • 7

    执行web项目后 点击右下角的按钮 就会弹出对话框 并且body被锁定 只有点击确定按钮或者左上角的关闭按钮 才能退出提示框哦QpG办公区 - 实用经验教程分享!

    怎么用js自己写一个提示框QpG办公区 - 实用经验教程分享!

  • 注意事项

    • 这是jquery写的 所以记得加载jquery类库哦

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


    标签: JQUERYHTML

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