网页设计窗口浮动_html(网页)浮动窗口如何制作html(网页)浮动窗口

1、html(网页)浮动窗口，如何制作html(网页)浮动窗口？

浮动窗口可以很简单的弄个，就是一个div 样式<div style=" position:fixed; top:50%; left:50%; width:100px; height:50px; margin:-25px 0 0 -50px; ">内容</div>

2、如何制作html(网页)浮动窗口？

制作方法：

将下列代码输入html软件

页面初始化效果：

3、有的网页上有一个可以随着窗口的浮动图片怎么做

是这个?
网页上的浮动窗口代码 body 中间加：
<SCRIPT FOR=window EVENT=onload LANGUAGE="JScript">
initAd();//载入页面后，调用函数initAd()
</SCRIPT>
<script language="JScript">

</script>



<div id=AdLayer style='position:absolute; width:61px; height:59px; z-index:20; visibility:hidden;; left: 7px; top: 3px'>
<a href="http://10.69.63.103/zjjt/index.htm">
<img src='http://10.69.63.103/zjjt/BS02064_.gif' border="0"></a>
</div>

4、html里怎么制造浮动窗口？

需要浮动的话，只需要在样式上的position设置fixed即可。
比如：
<div style="position:fixed; z-index:1;">

</div>
这样写就浮动了，然后只需要用top、bottom、left、right来定位就行了

如果需要飘来飘去的浮动，需要配合js来完成，js可以去牛图库上找，里面有很多插件，改下样式就可以使用了。

5、网页中浮动窗口代码？

浮动窗口：

<div id="FloatDiv" style="position:fixed; width:100px; height:100px; visibility:visible; right: 10px; bottom: 10px; border: 0px; background-color: blue"><iframe width=100% height=400 src="其它网页" frameborder=auto scrolling="yes"></iframe></div>

播放音乐：
<iframe width=100% height=400 src="http://www.hcdj.com/bjs0und.htm" frameborder=auto scrolling="yes"></iframe>

6、我想在我设计好的网页中添加一个浮动框，怎么弄啊？？？

在百度查找浮动框代码，加到网页中即可！

7、网页制作中浮动窗口怎样制作

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

8、html中浮动窗口怎么做啊？就是一个小窗口飘在在页面上那种

浮动窗口可以用js实现。带关闭窗口的简单全屏浮动代码如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>带关闭按钮的浮动窗口</title>
</head>
<style type="text/css">
#fdck {border:1px solid #c0c0c0;margin:0 auto;padding:5px;background:#f0f0f0}
</style>
<body>
<div id="img" style="position: absolute; left: 311; top: 815;visibility :hidden;" onmouseover="clearInterval(interval)" onmouseout="interval = setInterval('changePos()', delay)" align="middle">
<span style="CURSOR:hand;color:red;font-weight:bold;font-size:12px" onclick="clearInterval(interval);img.style.visibility = 'hidden'">关闭</span>
<div id="fdck">
浮动测试TEST
</div>
</div>
<script language=javascript>
var xPos = 20;
var yPos = document.body.clientHeight;
var step = 1;
var delay = 30;
var height = 0;
var Hoffset = 0;
var Woffset = 0;
var yon = 0;
var xon = 0;
var pause = true;
var interval;
img.style.top = yPos;
function changePos() {
width = document.body.clientWidth;
height = document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos + document.body.scrollLeft;
img.style.top = yPos + document.body.scrollTop;
if (yon) {
yPos = yPos + step;
}
else {
yPos = yPos - step;
}
if (yPos < 0) {
yon = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset)) {
yon = 0;
yPos = (height - Hoffset);
}
if (xon) {
xPos = xPos + step;
}
else {
xPos = xPos - step;
}
if (xPos < 0) {
xon = 1;
xPos = 0;
}
if (xPos >= (width - Woffset)) {
xon = 0;
xPos = (width - Woffset);
}
}
function start() {
img.style.visibility = "visible";
interval = setInterval('changePos()', delay);
}
start();
</script>
</body>
</html>

粘贴到本地一个记事本，保存为HTML格式打开即可看见。

如果只是固定在一个位置不动，可以在div的style设置‘position:fixed;’即可。

9、html想设置一个窗口固定浮动在页面某个位置的代码是什么啊？

用 CSS 的 fixed 属性值，示例：

.infoWin {
    position: fixed;
    right: 10px;
    bottom: 10px;
    width: 200px;
    height: 120px;
}

上述代码会让 .infoWin 这个元素固定悬浮在页面右下方。

10、如何在网页中设计一个浮动窗口

这里有一个浮动层效果
能自定义定位并随屏滚动而不抖动
还可以设置居中
里面有教程和源码

导航:首页 > 万维百科 > 网页设计窗口浮动

网页设计窗口浮动

与网页设计窗口浮动相关的知识