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

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




带关闭按钮的浮动窗口


#fdck?{border:1px?solid?#c0c0c0;margin:0?auto;padding:5px;background:#f0f0f0}



关闭

浮动测试TEST



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?yon?=?1;
yPos?=?0;
}
if?(yPos?>=?(height?-?Hoffset))?{
yon?=?0;
yPos?=?(height?-?Hoffset);
}
if?(xon)?{
xPos?=?xPos?+?step;
}
else?{
xPos?=?xPos?-?step;
}
if?(xPos?xon 

需要浮动的话,只需要在样式上的position设置fixed即可。
比如:




这样写就浮动了,然后只需要用top、bottom、left、right来定位就行了

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

超文本标记语言,标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。

由来

亚博娱乐投注万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。[1]?

定义

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

问题分析:

HTML中的浮动窗口,可以使用CSS的定位方式完成,同时使用这种方式来完成这个功能也是一种较为简单的方式,只需要有HTML以及CSS的知识就可以完成了。

举例如下:

在以下示例中,将演示页面左右两侧分别放置一个高度为500像素,宽度为200像素的浮动窗口。示例中使用的定位方式为:固定定位(fixed),所有它们将永远的跟随页面进行滚动。

HTML代码:


????

我是左侧浮动窗口的内容




????

我是右侧浮动窗口的内容


CSS代码:

body{
????/*
?????*?为body标签设置背景仅仅是为了演示效果。
?????*?与浮动窗口本身无关。
?????*/
????background-color:?#ccc;
}
#left,?#right{
????position:?fixed;
????top:?100px;
????width:?200px;
????height:?500px;
????line-height:?500px;
????text-align:?center;
????border:?1px?solid?#000;
????background-color:?#FFF;
}
#left{
????left:?50px;
}
#right{
????right:?50px;
}

页面初始化效果:

http://zhidao.baidu.com/question/1499460892217497339.html