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

434 阅读 0 评论 287 点赞

我是靠谱客的博主文静自行车，这篇文章主要介绍用DIV完美模拟createPopup 弹出窗口(修正版)，支持Firefox,ie,chrome，现在分享给大家，希望可以做个参考。

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

<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需刷新才能执行]