在一个网页中怎样做一个悬浮窗口,并在右上角有关闭按钮的。

在一个网页中怎样做一个悬浮窗口,并在右上角有关闭按钮的。效果差不多跟图上的一样,用php要怎样写代码。

1、首先打开dw之后,新建一个html简单项目,输入项目名称后,就能新建一个html文件了。

2、这时候在dw中就可以看到简单的基本代码,此时就能添加按钮并设置跳转页面。

3、为了测试点击按钮跳转的测试,在这里利用button标签新建一个按钮。

4、然后在这里可以添加一个a标签,然后编写一个测试的Http地址。

5、但是只要测试,对于href属性,只要写上一个井号就能测试按钮的跳转。

6、最后在这里按下预览这个命令按钮,就能成功开始测试在dw中,按钮跳转页面的命令。

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2017-10-05
JS的会很简单,而且类似的很多,多找找。

<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>本回答被提问者和网友采纳
相似回答