用DIV完美模拟createPopup 弹出窗口(修正版)，支持Firefox,ie,chrome

234 阅读 0 评论 155 点赞

补增一个效果图！
弹窗效果图

<html> 
<head> 
<title>模拟Popup</title> 
<style type="text/css"></style><style type="text/css"> 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> 
 
</head> 
<body> 
<div id="container"> 
<input type="text" value="" name="neon_color" id="neon_color" onkeydown="colordialog(event)" onmousedown="colordialog(event)" onfocus="colordialog(event)">

<div id="popupcontent"></div> 
</div> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

本文分类：JavaScript
浏览次数：234 次浏览
发布日期：2022-04-08 22:22:02
本文链接：https://www.uoften.com/article/88654.html

用DIV完美模拟createPopup 弹出窗口(修正版)，支持Firefox,ie,chrome

评论列表共有 0 条评论

发表评论取消回复

用DIV完美模拟createPopup 弹出窗口(修正版)，支持Firefox,ie,chrome

评论列表共有 0 条评论

发表评论 取消回复

发表评论取消回复