本文提供了一个使用HTML与JavaScript实现的弹窗示例代码，通过创建弹窗并设置样式及行为来展示网页元素。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
<!--
//popup窗体 开始-------------------------------------------------------------------
var oPopup, oPopupBody, oPopTimer
function popInit(){
<wbr><wbr><wbr></wbr></wbr></wbr> if (window.document.all){
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopup</wbr></wbr></wbr></wbr></wbr></wbr></wbr> = window.createPopup()
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody</wbr></wbr></wbr></wbr></wbr></wbr></wbr> = oPopup.document.body;
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.style.background</wbr></wbr></wbr></wbr></wbr></wbr></wbr>="#000"
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.style.fontSize</wbr></wbr></wbr></wbr></wbr></wbr></wbr>="12px"
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.style.textAlign</wbr></wbr></wbr></wbr></wbr></wbr></wbr>="center"
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.style.padding</wbr></wbr></wbr></wbr></wbr></wbr></wbr>="2px 2px 0px 2px"<wbr><wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> var s = oPopup.document.createStyleSheet();<wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> s.addRule (</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>'a:link','color:red;')
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> s.addRule (</wbr></wbr></wbr></wbr></wbr></wbr></wbr>'a:visted','color:red;')
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> s.addRule (</wbr></wbr></wbr></wbr></wbr></wbr></wbr>'a:hover','color:gold;')
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.attachEvent(</wbr></wbr></wbr></wbr></wbr></wbr></wbr>'onmouseout',hidePop)
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.attachEvent(</wbr></wbr></wbr></wbr></wbr></wbr></wbr>'onmouseover',clrPopTimer)
<wbr><wbr><wbr> }<br> }<br></wbr></wbr></wbr>function showPop(){<wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> if (window.document.all){
<wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> var xp =<wbr></wbr> 200, yp<wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr> =<wbr></wbr> 100, ww<wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr> =<wbr></wbr> 180, wh<wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr> =<wbr></wbr> 50, txt = '<div><a href="">sdfsdfsggggg</a></div>'
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.innerHTML</wbr></wbr></wbr></wbr></wbr></wbr></wbr> = txt
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopup.show( xp, yp, ww, wh )<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.innerHTML</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>=txt
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopup.show(xp,yp,ww,wh)<br><wbr><wbr><wbr> }<br> }<br></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>function hidePop(){
<wbr><wbr><wbr></wbr></wbr></wbr> if (window.document.all)
<wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> if (oPopup.isOpen)
<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopTimer</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> = setTimeout("oPopup.hide()",1000)<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br> }<br></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>function clrPopTimer(){
<wbr><wbr><wbr> clearTimeout(oPopTimer)<br> }<br><br></wbr></wbr></wbr>//popup窗体 结束-------------------------------------------------------------------<wbr><wbr><wbr></wbr></wbr></wbr>
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
popInit()
showPop()<wbr><wbr><wbr><br></wbr></wbr></wbr> //-->
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title> new document </title>
<meta name="generator" content="editplus" />
<meta name="author" content="" />
<meta name="keywords" content="" />
<meta name="description" content="" />
<script type="text/javascript">
<!--
//popup窗体 开始-------------------------------------------------------------------
var oPopup, oPopupBody, oPopTimer
function popInit(){
<wbr><wbr><wbr></wbr></wbr></wbr> if (window.document.all){
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopup</wbr></wbr></wbr></wbr></wbr></wbr></wbr> = window.createPopup()
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody</wbr></wbr></wbr></wbr></wbr></wbr></wbr> = oPopup.document.body;
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.style.background</wbr></wbr></wbr></wbr></wbr></wbr></wbr>="#000"
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.style.fontSize</wbr></wbr></wbr></wbr></wbr></wbr></wbr>="12px"
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.style.textAlign</wbr></wbr></wbr></wbr></wbr></wbr></wbr>="center"
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.style.padding</wbr></wbr></wbr></wbr></wbr></wbr></wbr>="2px 2px 0px 2px"<wbr><wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> var s = oPopup.document.createStyleSheet();<wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> s.addRule (</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>'a:link','color:red;')
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> s.addRule (</wbr></wbr></wbr></wbr></wbr></wbr></wbr>'a:visted','color:red;')
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> s.addRule (</wbr></wbr></wbr></wbr></wbr></wbr></wbr>'a:hover','color:gold;')
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.attachEvent(</wbr></wbr></wbr></wbr></wbr></wbr></wbr>'onmouseout',hidePop)
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.attachEvent(</wbr></wbr></wbr></wbr></wbr></wbr></wbr>'onmouseover',clrPopTimer)
<wbr><wbr><wbr> }<br> }<br></wbr></wbr></wbr>function showPop(){<wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> if (window.document.all){
<wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> var xp =<wbr></wbr> 200, yp<wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr> =<wbr></wbr> 100, ww<wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr> =<wbr></wbr> 180, wh<wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr> =<wbr></wbr> 50, txt = '<div><a href="">sdfsdfsggggg</a></div>'
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.innerHTML</wbr></wbr></wbr></wbr></wbr></wbr></wbr> = txt
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopup.show( xp, yp, ww, wh )<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br><wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopupBody.innerHTML</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>=txt
<wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopup.show(xp,yp,ww,wh)<br><wbr><wbr><wbr> }<br> }<br></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>function hidePop(){
<wbr><wbr><wbr></wbr></wbr></wbr> if (window.document.all)
<wbr><wbr><wbr><wbr><wbr><wbr><wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> if (oPopup.isOpen)
<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr> oPopTimer</wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr> = setTimeout("oPopup.hide()",1000)<wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><wbr><br> }<br></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr></wbr>function clrPopTimer(){
<wbr><wbr><wbr> clearTimeout(oPopTimer)<br> }<br><br></wbr></wbr></wbr>//popup窗体 结束-------------------------------------------------------------------<wbr><wbr><wbr></wbr></wbr></wbr>
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
popInit()
showPop()<wbr><wbr><wbr><br></wbr></wbr></wbr> //-->
</script>
</body>
</html>
扫一扫
2079
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
