一、进入网站后台（仅限拥有该网站建设中心权限的用户）
如图依次点击：建设中心——文件/模板——首页——代码
二、复制代码
将飘窗代码复制到代码的倒数第二行前，即“</body>”之前
飘窗代码如下：
<div id="FlAD" style="position:absolute;z-index:10;left:100px;top:100px">
<p style="color:black;float:right;font-size:12px;cursor:pointer;" onClick="img.style.visibility = 'hidden'">关闭</p>
<a target="_blank" title="招生咨询智能问答"><img src="images/zx.jpg" alt="" width="200" border="0" /></a>
</div>
<script type="text/javascript"> var img = document.getElementById('FlAD'); var xPos = 200; var yPos = 200; var step = 1; var delay = 40; 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.documentElement.clientWidth || document.body.clientWidth; height = document.documentElement.clientHeight || document.body.clientHeight; scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft; scrollTop = document.documentElement.scrollLeft || document.body.scrollTop; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; img.style.left = xPos + scrollLeft +'px'; img.style.top = yPos + scrollTop +'px'; 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.visibility = "visible"; interval = setInterval('changePos()', delay); } start(); </script>
三、修改代码
1. 将目标链接修改为想要跳转的访问链接
2. 修改标题名称
3. 点击保存
四、上传飘窗图片
1. 制作飘窗图片
图片宽度为200px，高度可自定义，命名为zx.jpg
如
，像素为：200 * 55
2. 上传至后台图片文件夹中
依次点击上传文件——添加文件——选择图片——上传
五、发布网站
点击左下角发布网站——默认选择整个网站——发布
发布完成后访问并刷新网页，即可看到飘窗。
六、取消飘窗
注释代码：在代码前后分别加上注释符号<!-- -->
如下所示：
<!--
飘窗代码
-->
然后保存——发布网站
再次启用飘窗方法：
删除注释符号——发布网站
