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

作者&投稿:宗面 (若有异议请与网页底部的电邮联系)
在一个网页中怎样做一个悬浮窗口,并在右上角有关闭按钮的。~

那个悬浮的窗口样式设置为
position:fixed;
width:100px;
height:100px;
left:50%;
margin-left:-50px;
top:50%;
margin-top:-50px;
margin-left是width的一半
margin-top是height的一半
关闭的话,你可以用jq控制
$(".close").click(function(){
$("DIV").hide();

//DIV是指最外层窗口
});

解决方法
恢复经典主题默认设置,电脑桌面-右键-属性-选择XINDOW XP 经典主题!

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

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

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

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

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

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



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>


怎样制作一个网页
北京网罗天下为您解答:一、准备材料 你首先做一个小计划,准备在主页上告诉人家什么?比如介绍三个方面:自我介绍,我的爱好,我的工作,那你就先起一个总目录(文件夹,比如d:\\html),来放你的所有文件,然后再在这个目录建立三个子目录:myself,interest,job。文件名你可以任意,但最好全部小写,因为...

如何做一个网站
在企业网站建站前的准备做好之后,就可以开始着手搭建网站了。如果你的团队已经具备一些技术能力,就可以按照需求个性化的开发和建设自己的企业网站。如果技术方面不允许,可以使用开源系统,比如织梦、帝国等,进行企业网站的建设。第四步:内容的添加 在企业网站各项功能开发好之后,就可以围绕一个核心主题...

谁能帮我用HTML语言做一个简单的网页?代码就行
第一个html网页 第一个html网页 第一行第一列 第一行第二列 第二行第一列 第二行第二列

网页原型图模板怎么用-如何将一个网页中的元素放到新的原型设计中
这个时候会更关注效率,怎么把一个模块做成多个页面复用的模板,怎么把组件打包分享给其它同事,怎么通过axure进行多人协作共同完成一个原型设计.ui原型图用什么软件做 一、快速原型 快速原型的重点在于快速输出线框原型,交互功能匮乏,也可以说是低保真的原型。其中常用到的工具有:1、Pencil。它是一款开源的...

做一个网页,里面的功能主要是提供软件下载服务,如何实现??
1.做个下载站啊(自己不会的话,可以买个域名空间、安装个网站程序)2.一起下载好些 3.如果是外链型的(就是下载内容存放在其他大网站里的,自己站点下载只是做个下载链接。费用便宜,速度也不用太担心)。如果内容都是存放在自己网站空间里的,至少需要租用微型服务器,费用比较高哦 Q我买域名空间送...

怎样做一个网页查询系统,包括后台前台和数据库,求详细流程
流程是,先找个,网页设计,然后再找个前端开发,最后找一个后台开发,做好网站后,上传至你的服务器上,并做域名捆绑

我想做个网页,在网页的某个地方插入一个框架,点击这个网页的链接就在...
三、制作 开始时建议去下载一个比较简单的网页,在制作软件中将它打开,然后仔细观察人家的网页的构成,模仿它去填充各种元素,实践中再配合着教城,进度会快很多,记得也牢一些。 其实做网页并不难,但要做出有特色的网页来,那就非一朝一夕之功了。 一点个人的粗浅体会,不妥之处敬请指正。 三 网站...

HTML做的网页 如何使当前页面跳转到另一页面锚点处,在线等!!
占位div2 3、浏览器中打开t1页面(以Chrome浏览器为例,其他浏览器操作一样)。4、点击“跳转到t2页面a1”,Chrome浏览器会新开一个标签页打开t2页面,此时锚点a1在浏览器可视范围内并且位于页面的顶端。这样,外部锚点链接就设置成功了。

如何用js做一个网页无限弹出窗口把浏览器弹崩溃
如何用js做一个网页无限弹出窗口把浏览器弹崩溃?如果你想做一个整蛊网页,利用js可以轻易实现。不过小编建议不是非常熟悉的朋友之间不要轻易进行整蛊,否则容易让人心生厌烦。下面,小编就来给大家介绍如何用js做一个无限弹出窗口的网页。打开记事本程序 依次点击菜单“开始”——“程序”——“附件”—...

如何做好一个网页设计师
学习了基础知识,掌握了专业技能后,还需要经过实践锻炼,才能提高网页设计能力。建议进入一个正规的开发团队,学会如何以团队合作的方式开发网站,特别要注意与程序组的合作,以及页面设计与后台程序数据库的配合等。只要这一步能够跨出去,你就离一名优秀的网页设计师不远了。你开始做一个新的设计就是一...

拜城县19899882905: 网页制作中浮动窗口怎样制作
柏瑾高锰: 1.新建一个HTLM的网页. 2.转到"布局"面板,选中"绘制层"按扭,在网页上面画一个图层 3.然后,在图层里放入你想要的内容,比如一张图片等. 4.再次,在窗口栏中,将"时间轴"掉出来.也可Alt+F9. 5.这步最关键,将你绘制的图层用鼠标拖到时间轴上(注意是"拖动"哦),然后将时间上面的选项"自动播放"和"循环"勾起. 6.最后一步.在时间轴第一桢上,点击鼠标左键,选中"录制层路径",然后在网页上拖动你画的图层.这时你会看见拖动图层后面有些小点,那么恭喜你,你这时是在绘制浮动广告的路径,绘完后,保存.预览.完成了.(若想直线运动,可在针上点左键,选"添加关键针",再到网页上移动图层即可,如你懂FLASH,那就简单了)

拜城县19899882905: 在一个网页中怎样做一个悬浮窗口,并在右上角有关闭按钮的. -
柏瑾高锰: 1、首先打开dw之后,新建一个html简单项目,输入项目名称后,就能新建一个html文件了.2、这时候在dw中就可以看到简单的基本代码,此时就能添加按钮并设置跳转页面.3、为了测试点击按钮跳转的测试,在这里利用button标签新建一个按钮.4、然后在这里可以添加一个a标签,然后编写一个测试的Http地址.5、但是只要测试,对于href属性,只要写上一个井号就能测试按钮的跳转.6、最后在这里按下预览这个命令按钮,就能成功开始测试在dw中,按钮跳转页面的命令.

拜城县19899882905: 在一个网页中怎样做一个悬浮窗口,并在右上角有关闭按钮的. -
柏瑾高锰: 那个悬浮的窗口样式设置为 position:fixed; width:100px; height:100px; left:50%; margin-left:-50px; top:50%; margin-top:-50px; margin-left是width的一半 margin-top是height的一半 关闭的话,你可以用jq控制 $(".close").click(function(){$("DIV").hide();//DIV是指最外层窗口 });

拜城县19899882905: 网页中如何加入悬浮窗口?能一直悬浮在浏览器某个地方的.
柏瑾高锰:<a href="word.html" target="test">浮动窗口的内容</a> <iframe height="" width="" name="test" id="test"></iframe>

拜城县19899882905: 怎么在网页设计中设计悬浮? -
柏瑾高锰: 告诉你一个最简单的方法:1、如果想要固定悬浮的元素,使用DIV+CSS就可以实现:<div id=FloatDiv style="width:400px; height:300px; position:absolute; left:10px; right:; top:100px; bottom:; background-color:red; color:white;border: 1 dotted ...

拜城县19899882905: 如何做一个简单的悬浮窗口 -
柏瑾高锰: 使用Dreamweaver软件,打开一个已经编辑完成的html页面.然后打开折叠的body标签,在标签的末尾添加一个DIV在DIV里面加入一个img标签,src指向images文件夹中的一张图片这时的div并没有相应的css样式,只处在整个网页的左下角接下来我们就需要将给其添加一定的css样式,为了简便起见,我的css样式就写在页面的body标签里面了.首先我们要让这个DIV的position样式为fixed,意为相对于屏幕定位.然后将top设为20px;right也设为20px;这样我们的div就固定在相对距离屏幕上方和右方分别20个像素的地方在浏览器中的效果如下图所示

拜城县19899882905: 请问在网页中随机游动的悬浮窗口如何制作 -
柏瑾高锰: <!--将以下代码加入HTML的<Body></Body>之间--><div id="img" style="position:absolute;"><img src="这里填写图片的地址"onClick="pause_resume();"></div><SCRIPT LANGUAGE="JavaScript"><!-- Beginvar xPos = 20;var yPos ...

拜城县19899882905: 网页里的漂浮对话框怎么做? -
柏瑾高锰: 示例: http://www.ijavascript.cn/tools/codedemo/jsad-code-float-right-221/demo1.htm 下载地址: http://www.ijavascript.cn/tools/codedemo/jsad-code-float-right-221/jsad-code-float-right-221.zip 把例子的窗口改改就行

拜城县19899882905: html里怎么制造浮动窗口? -
柏瑾高锰: 需要浮动的话,只需要在样式上的position设置fixed即可. 比如: <div style="position:fixed; z-index:1;"></div> 这样写就浮动了,然后只需要用top、bottom、left、right来定位就行了如果需要飘来飘去的浮动,需要配合js来完成,js可以去牛...

拜城县19899882905: 网页悬浮框怎么做 -
柏瑾高锰: 先看代码运行效果:http://www.119sky.com target="_blank"> http://www.119sky.com/images/logo.gif" border="0">[Ctrl+A 全选 提示:你可先修改部分代码,再按运行] 代码分析:http://www.119sky.com" target="_blank"> http://www....

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网