用DIV完美模拟createPopup 弹出窗口，支持Firefox,ie,chrome

最新推荐文章于 2024-06-02 13:54:40 发布

YIDAY

最新推荐文章于 2024-06-02 13:54:40 发布

阅读量5.1k

点赞数 11

分类专栏： javascript 文章标签： firefox ie div function border table

本文链接：https://blog.csdn.net/YIDAY/article/details/4538900

版权

javascript 专栏收录该内容

5 篇文章 1 订阅

订阅专栏

最近要重构公司的一个站，有一个拾色器只支持IE，不支持FIREFOX CHROME等浏览器，花了点时间对照原来的重写了个。完美实现createPopup方法的弹窗效果，欢迎大家拍砖！

<html> <head> <title>模拟Popup</title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> body{ margin:0; padding:0; text-align:center; } #container{ margin:50px auto; padding:10px auto; } #popupcontent{ position:absolute; border:1px solid #000000; line-height:17px; background-color:#F7F7F4; visibility:hidden; cursor:default; padding:2 5 2 5px; }</style> <mce:script type="text/javascript"></mce:script> </head> <body> <div id="container"> <input type="text" value="" name="neon_color" id="neon_color" οnkeydοwn="colordialog(event)" οnmοusedοwn="colordialog(event)" οnfοcus="colordialog(event)">  <div id="popupcontent"></div> </div> </body> </html>

补增一个效果图！

弹窗效果图

YIDAY

关注

11
点赞
踩
7

收藏

觉得还不错? 一键收藏
1
评论
用DIV完美模拟createPopup 弹出窗口，支持Firefox,ie,chrome

最近要重构公司的一个站，有一个拾色器只支持IE，不支持FIREFOX CHROME等浏览器，花了点时间对照原来的重写了个。完美实现createPopup方法的弹窗效果，欢迎大家拍砖！模拟Popup<!-- body{ margin:0; padding:0; text-align:center;}#container{ margin:50px
复制链接

扫一扫

专栏目录