在一个网页中怎样做一个悬浮窗口，并在右上角有关闭按钮的。
最新回答
抹不掉的痛
2026-05-01 08:53:40
1、首先打开dw之后，新建一个html简单项目，输入项目名称后，就能新建一个html文件了。
2、这时候在dw中就可以看到简单的基本代码，此时就能添加按钮并设置跳转页面。
3、为了测试点击按钮跳转的测试，在这里利用button标签新建一个按钮。
4、然后在这里可以添加一个a标签，然后编写一个测试的Http地址。
5、但是只要测试，对于href属性，只要写上一个
井号
就能测试按钮的跳转。
6、最后在这里按下预览这个命令按钮，就能成功开始测试在dw中，按钮跳转页面的命令。
沉鱼落雁
2026-07-16 14:48:23
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>右侧浮动窗口代码演示</title>
</head>
<body>
<table height=1000><tr><td>演示效果看右侧，右侧调用页面为right.htm</td></tr></table>
<!-- 浮动广告代码开始 -->
<div id="ShowAD" style="position:absolute; z-index: 100;">
<div style="width:155;height:18px;font-size:14px;font-weight:bold;text-align:left;CURSOR: hand;" onClick="closead();"><font
color=ff0000>关闭</font></div>
<IFRAME allowTransparency="true" marginwidth=0 marginheight=0 src="right.htm" frameborder=0 width=155 scrolling=no
height=530></IFRAME>
</div>
<script>
var bodyfrm = ( document.compatMode.toLowerCase()=="css1compat" ) ? document.documentElement : document.body;
var adst = document.getElementById("ShowAD").style;
adst.top = ( bodyfrm.clientHeight -530-22 ) + "px";
adst.left = ( bodyfrm.clientWidth -155 ) + "px";
function moveR() {
adst.top = ( bodyfrm.scrollTop + bodyfrm.clientHeight - 530-22) + "px";
adst.left = ( bodyfrm.scrollLeft + bodyfrm.clientWidth - 155 ) + "px";
}
setInterval("moveR();", 80);
function closead()
{
adst.display='none';
}
</script>
<!-- 浮动广告代码结束 -->
</body>
</html>
热门标签
