js弹出对话框在某些情况下是一个很好的工具,通过半透明的设置,使得弹出对话框在弹出时仍然能够看到网页内容,会让用户有一个很好的界面体验。 而且懒人萱已做过测试,可以兼容现在的所有主流浏览器,所以你可以放心使用。如图所示:


js弹出对话框截图

  另外,此js弹出对话框的div中包含一个iframe用于“载入”loading页面。 当弹出对话框中的内容比较多打开速度比较慢时,可以用loading来提示用户。

  首先,你要先下载js弹出对话框源代码 http://www.po-soft懒人萱.com/blog/xuan/402.html (去掉懒人萱就可以了)。下载js弹出对话框源代码之后,会有三个实例,分别是:
  一、按钮调用onclick事件。
  二、文字链接并使用样式。
  三、自定义对话框大小。

  如果设计的弹出对话框很漂亮,用的PNG格式,那么你就要用到另外一个IE6下PNG图片透明效果的JS特效代码,地址是:http://www.cnblogs.com/posoft/archive/2009/08/27/1554809.html,两者相结合,就可以制作出非常漂亮的弹出对话框,如果其中有什么问题可以留言给我,尽量给你满意的答复!

转载于:https://www.cnblogs.com/posoft/archive/2009/08/26/1554177.html

js弹出对话框(半透明背景,兼容各浏览器)相关推荐

  1. js弹出对话框的方法总结

    1.最基本的js弹出对话框窗口代码 <script LANGUAGE="javascript"> window.open (" 地址 ") < ...

  2. js“弹出对话框”和“弹出窗口”详解

    JS中showModalDialog 详细使用 基本介绍:           showModalDialog()         (IE 4+ 支持)           showModelessD ...

  3. 九种js弹出对话框的方法

    [1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: 复制代码代码如下: <script LANGUAGE="javascript"& ...

  4. java在后台输出js弹出对话框

    http://blog.163.com/yurong_1987@126/blog/static/4751786320092711596354/ 实现方法分为两种: 一.直接在后台打印js对话框,原理如 ...

  5. 九种js弹出对话框的实现方法

    原文地址:九种js弹出对话框的实现方法 作者:哼哼哈哈 网络编程中,经常要用到 js弹出对话框 http://www.cnxwlm.com/network-biancheng/baidu_313/来增 ...

  6. html js弹出等待框,九种js弹出对话框的方法总结

    [1.最基本的js弹出对话框窗口代码] 这是最基本的js弹出对话框,其实代码就几句非常简单: 因为这是一段javascripts代码,所以它们应该放在之间.是对一些版本低的浏览器起作用,在这些老浏览器 ...

  7. 用js弹出对话框的一些实用方法

    作者:张铭标 撰写时间:2019年7月 17日 第一种基本的窗口弹出方法: 使用window.open("")括号里面就是你要弹出的页面的路径,用单引号或者双引号都可以.这段代码可 ...

  8. simpleAlert.js弹出对话框插件

    下载地址 simpleAlert.js是一款弹出对话框插件,实用的alert弹出框插件. dd:

  9. js弹出对话框的三种方式(转)

    原文地址:https://www.jb51.net/article/81376.htm javascript的三种对话框是通过调用window对象的三个方法alert(),confirm()和prom ...

最新文章

  1. 深入理解 Linux 的 epoll 机制
  2. 并发编程-06线程安全性之可见性 (synchronized + volatile)
  3. 如何复制粘贴_年终工作总结如何写?复制粘贴肯定不行啦
  4. mysql查询每个机构下的账号总数_MySQL高可用方案:实践篇
  5. 本周的比特币现金市场和商家支持
  6. opencv (一) 学习通过OpenCV图形界面及基础
  7. 花花酱leetcode 题目-二分搜索
  8. Angular4中常用管道
  9. (软件工程复习核心重点)第三章需求分析-第二节:实体联系图(ER图)
  10. 不同版本的Python,如何pip
  11. jumserver 官方文档和
  12. 无线摄像头接有线如何改协议_WiFi中继器——让无线传输更简单
  13. java中composition_Java基础教程之组合(composition)
  14. SkyWalking分布式系统应用程序性能监控工具-中
  15. 鸡兔同笼——算法详解
  16. Cocos2d-x 2.0变速动画深入分析
  17. 极速office(Word)怎么删除页眉
  18. 几个学习Python的网站推荐
  19. 腾讯云产品文档----负载均衡
  20. 《Data-Driven Enhancement of Blurry Retinal Images via GANs》--阅读笔记-MICCAI2019

热门文章

  1. [Pro]斐波那契数列阿【斐波那契数列】
  2. pymysql ︱mysql的基本操作与dbutils+PooledDB使用
  3. 加快网站速度的最佳做法_(4)避免使用css表达式
  4. day_44_Django
  5. java中GC的基本概念
  6. 世界政府峰会发布了《在区块链上构建超互联未来》文件
  7. VMware和VirtualBox中的网络适配器类型及虚拟网络性能优化
  8. eclipse中快捷搜索文件快捷键
  9. vs中未能找到list.cs_意甲7-29 03:45国际米兰vs那不勒斯,国际米兰主场十拿九稳
  10. 比特币交易信息 广播 服务器,《比特币白皮书》区块圣经(3)时间戳服务器(Timestamp serv...