用DIV完美模拟createPopup弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome_javascript技巧

来源：动视网责编：小采时间：2020-11-27 20:44:18

用DIV完美模拟createPopup弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome_javascript技巧

用DIV完美模拟createPopup弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome_javascript技巧:补增一个效果图！模拟Popup body{ margin:0; padding:0; text-align:center; } #container{ margin:50px auto; padding:10px auto; } #popupcontent{ position:absolute; border:1px solid #000

推荐度：

点击下载本文 文档为doc格式

导读用DIV完美模拟createPopup弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome_javascript技巧:补增一个效果图！模拟Popup body{ margin:0; padding:0; text-align:center; } #container{ margin:50px auto; padding:10px auto; } #popupcontent{ position:absolute; border:1px solid #000

补增一个效果图！

<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> 
"; 
ocbody += "<tr height=\"20\" width=\"20\"><td align=\"center\"><table style=\" border:1px solid #808080;\" width=\"12\" height=\"12\" bgcolor=\""+e.value+"\"><tr><td></td></tr></table></td><td bgcolor=\"eeeeee\" colspan=\"7\" style=\" font-size:12px;\" align=\"center\">当前颜色</td></tr>"; 
for(var i=0;i<colorlist.length;i++){ 
if(i%6==0) 
ocbody += "<tr>"; 
ocbody += "<td width=\"14\" height=\"16\" style=\" border:1px solid;\" onMouseOut=\"parent.colordialogmouseout(this);\" onMouseOver=\"parent.colordialogmouseover(this);\" onMouseDown=\"parent.colordialogmousedown('"+colorlist[i]+"')\" align=\"center\" valign=\"middle\"><table style=\" border:1px solid #808080;\" width=\"12\" height=\"12\" bgcolor=\""+colorlist[i]+"\"><tr><td></td></tr></table></td>"; 
if(i%6==5) 
ocbody += "</tr>"; 
} 
ocbody += "</table>"; 
 
oPopBody.innerHTML=ocbody;

if (baseText == null) 
 baseText = oPopBody.innerHTML; 
 oPopBody.innerHTML = baseText ; 
 oPopBody.style.visibility = "visible";

}

function hidePopup() 
{ 
 var popUp = document.getElementById("popupcontent"); 
 popUp.style.visibility = "hidden"; 
} 
// --></ script> 
</head> 
<body> 
 
<input type="text" value="" name="neon_color" id="neon_color" onkeydown="colordialog(event)" onmousedown="colordialog(event)" onfocus="colordialog(event)">

</body> 
</html>

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

用DIV完美模拟createPopup弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome_javascript技巧

推荐度：

点击下载本文 文档为doc格式

标签： IE 弹出窗口 ch

热门焦点

用DIV完美模拟createPopup弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome_javascript技巧

用DIV完美模拟createPopup弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome_javascript技巧

用DIV完美模拟createPopup弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome_javascript技巧

最新推荐

猜你喜欢

热门推荐