云主机测评网云主机测评网云主机测评网

云主机测评网
www.yunzhuji.net

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

织梦CMS的网站添加飘浮广告可以通过修改模板文件或使用插件实现。

织梦CMS(DedeCMS)网站上添加飘浮广告,可以通过以下步骤实现:

准备工作

1、准备广告图片

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

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

通过浏览器访问该图片的路径(如https://www.112.run/upload/y20241218/2naodzpsc00.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="https://www.112.run/upload/y20241218/2naodzpsc00.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官方文档或寻求专业帮助。

打赏
版权声明:主机测评不销售、不代购、不提供任何支持,仅分享信息/测评(有时效性),自行辨别,请遵纪守法文明上网。
文章名称:《如何在织梦CMS中设置和添加飘浮广告?》
文章链接:https://www.yunzhuji.net/yunfuwuqi/236630.html

评论

  • 验证码