1、创建一个名为“topwindows.html”的网页文件。
2、网页浮动窗口对应的部分代码如下所示：<html><style>.img_wd{font-size:30padding-top:20pxtext-align:leftpadding-left:70pxline-height:40pxbackground:url(110.jpg)topcenterno-repeatwidth:252pxheight:127pxline-heiht:10pxtext-align:centerfont-family:"微软雅黑,仿宋,楷体,黑体"。
3、color:?fafafatext-shadow:rgba(255,255,255,0.5)05px6px,rgba(255,255,255,0.2)1px3px3px}</style><body><divclass="img_wd"style="">青春就是这么任性！<Br>YoungerGOO。
4、接着将如图所示的代码添加到主页<Body>和</Body>之间：其中标签"fdck”中的属性SRC指向浮动窗口的网页地址。
5、需要将以上所有代码（包括JS脚本）全部放置在<body>和</body>之间。
6、最后查看一下浮动窗口的效果，会发现浮动窗口在网页中不断的移动，当鼠标悬停其上时会停止移动，点击“隐藏”按钮将自动隐藏悬浮窗口。
制作方法：
将下列代码输入html软件
页面初始化效果：
问题分析：
HTML中的浮动窗口，可以使用CSS的定位方式完成，同时使用这种方式来完成这个功能也是一种较为简单的方式，只需要有HTML以及CSS的知识就可以完成了。
举例如下：
在以下示例中，将演示页面左右两侧分别放置一个高度为500像素，宽度为200像素的浮动窗口。示例中使用的定位方式为：固定定位（fixed），所有它们将永远的跟随页面进行滚动。
超文本标记语言，标准通用标记语言下的一个应用。
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）