多语言展示
当前在线:1172今日阅读:84今日分享:32

怎么在网页中添加浮动窗口

在网页制作或网站设计过程中,我们可能需要给网站主页添加浮动窗口,以展示具有“核心”或“宣传”意义的内容,同时此浮动窗口具有鲜明标记、引人注目的效果。以下就与大家分享一下给网页中添加浮动窗口的方法。
方法/步骤
1

首先我们创建一个名为“topwindows.html”的网页文件,其中的内容将被展示主页浮动窗口中。

2

网页浮动窗口对应的部分代码如下所示:

青春就是这么任性!
Younger GOOD 

3

接着将如图所示的代码添加到主页和之间:其中标签'fdck”中的属性SRC指向浮动窗口的网页地址。

4

5

接下来我们需要添加浮动窗口随时运行的行为,在此小编利用JS脚本语言来实现。对应代码如下:

6

在此需要说明一点,我们需要将以上所有代码(包括JS脚本)全部放置在和之间。

7

最后查看一下浮动窗口的效果,会发现浮动窗口在网页中不断的移动,当鼠标悬停其上时会停止移动,点击“隐藏”按钮将自动隐藏悬浮窗口。

8

浮动窗口代码实例对应的文件目录如图所示:

推荐信息