如何在织梦CMS中设置和添加飘浮广告？

在织梦CMS（DedeCMS）网站上添加飘浮广告，可以通过以下步骤实现：

准备工作

1、准备广告图片：

创建一个尺寸为150×150像素的广告图片，命名为“漂浮.gif”。

将此图片放置在织梦CMS默认模板的images目录下，路径通常是templetsdefaultimages。

通过浏览器访问该图片的路径（如http://localhost/templets/default/images/漂浮.gif），确保图片可以正常显示。

创建新广告

1、进入后台管理：

登录织梦CMS后台管理系统。

2、添加新广告：

导航至“模块” > “广告管理” > “增加一个新广告”。

3、填写广告信息：

广告位标识：设置为一个唯一的标识符，如“indexfd”。

广告位名称：设置为易于识别的名称，如“首页浮动广告”。

：填写或粘贴以下JavaScript代码，用于控制广告的浮动效果：

<div id="ad" style="position:absolute"><a rel="nofollow noopener noreferrer" href="http://www.example.com"><img src="http://localhost/templets/default/images/漂浮.gif" border="0"></a></div>
<script>
var x = 50, y = 60;
var xin = true, yin = true;
var step = 1;
var delay = 10;
var obj = document.getElementById("ad");
function floatAD() {
    var L = T = 0;
    var R = document.body.clientWidth obj.offsetWidth;
    var B = document.body.clientHeight obj.offsetHeight;
    obj.style.left = x + document.body.scrollLeft + 'px';
    obj.style.top = y + document.body.scrollTop + 'px';
    x = x + step * (xin ? 1 : 1);
    if (x < L) { xin = true; x = L; }
    if (x > R) { xin = false; x = R; }
    y = y + step * (yin ? 1 : 1);
    if (y < T) { yin = true; y = T; }
    if (y > B) { yin = false; y = B; }
}
var itl = setInterval(floatAD, delay);
obj.onmouseover = function () { clearInterval(itl); };
obj.onmouseout = function () { itl = setInterval(floatAD, delay); };
</script>

注意：请将<a>标签中的href属性值替换为您希望点击广告后跳转到的网站URL。

调用广告

1、打开首页模板：找到并打开首页模板文件index.htm。

2、插入广告代码：在</body>标签之前，添加以下代码来调用刚刚创建的广告：

{dede:myad name='indexfd'/}

3、生成首页：保存更改后，重新生成首页，此时您应该能够在网站首页看到飘浮广告了。

相关问答FAQs

问题1：如何调整飘浮广告的速度？

解答：要调整飘浮广告的速度，您可以修改JavaScript代码中的step变量值，将step的值从1改为2，可以使广告移动速度加快一倍；将其改为0.5，则会使广告移动速度减慢一半。

问题2：飘浮广告能否设置成只在特定页面显示？

解答：是的，飘浮广告可以通过设置广告位标识来控制在特定页面显示，在需要显示飘浮广告的页面模板中，插入相应的广告调用代码即可，如果不希望某个页面显示飘浮广告，只需不在该页面模板中插入广告调用代码即可。

步骤和代码示例基于织梦CMS的通用操作和JavaScript基础知识，实际操作中可能会因织梦CMS版本、模板结构等因素略有不同，如果您遇到问题，建议查阅织梦CMS官方文档或寻求专业帮助。