一、进入网站后台(仅限拥有该网站建设中心权限的用户)
如图依次点击:::建设中心——文件/模板——首页——代码
二、复制代码
将飘窗代码复制到代码的倒数第二行前,,,即“</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 href="https://answer.eol.cn/fillmess/index?id=526" target="_blank" title="招生咨询智能问答"><img src="images/zx.jpg" alt="麻将胡了2(中国游)官方网站 - IOS/安卓通用版/手机APP下载" 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. 上传至后台图片文件夹中
依次点击上传文件——添加文件——选择图片——上传
五、宣布网站
点击左下角宣布网站——默认选择整个网站——宣布
宣布完成后会见并刷新网页,,,即可看到飘窗。
六、作废飘窗
注释代码:::在代码前后划分加上注释符号<!-- -->
如下所示:::
<!--
飘窗代码
-->
然后生涯——宣布网站
再次启用飘窗要领:::
删除注释符号——宣布网站