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

制作方法：

将下列代码输入html软件

页面初始化效果：

问题分析：

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

举例如下：

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

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

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

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

HTML是超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

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

网页的本质就是超级文本标记语言，通过结合使用其他的Web技术，可以创造出功能强大的网页。因而，超级文本标记语言是万维网编程的基础，也就是说万维网是建立在超文本基础之上的。

扩展资料：

HTML语言作为一种网页编辑语言，易学易懂，能制作出精美的网页效果，其作用如下：

1、格式化文本。如设置标题、字体、字号、颜色设置文本的段落、对齐方式等。

2、建立超链接。通过超链接检索在线的信息，只需用鼠标单击，就可以到达任何一处。

3、创建列表。把信息用一种易读的方式表现出来。

4、插入图像。使网页图文并茂，还可以设置图像的各种属性，如大小、边框、布局等。

5、建立表格。表格为浏览者提供快速找到需要信息的显示方式，还能用表格来设定整个网页布局。

6、加入多媒体。可以在网页中加入音频、视频、动画，还能设定播放的时间和次数。

7、交互式窗体、计数器等。为获取远程服务而设计窗体，可用于检索信息、定购产品等。

参考资料：百度百科-HTML

JavaScript d窗共有三种

1、window.alert("sometext")

2、window.confirm("sometext")

3、window.prompt("sometext","defaultvalue")

但是这3种方法都不能做一个大小固定的小窗口，要做大小固定的d窗，需要我们自己在HTML文档中编写：

HTML：

.btn：点击button后d窗出现

.close：点击X后d窗消失

.con：是d窗内容区

.bk：屏蔽页面其他内容，d窗出现时，d窗的z-index最大，其他内容不能进行 *** 作

CSS：

JQ：

页面展现效果：

1、点击按钮

2、出现一个自己控制的500*200的d框，同时浏览区背景为灰色

3、点击红色区域右上角X号，d窗会消失

---