首页 > 织梦学院 > 织梦技巧 >

织梦CMS的网站如何添加飘浮广告

相关案例演示

最近一个朋友找我，想在自己的网站上添加一个飘浮广告，可织梦dedecms模板的广告模块的管理中却没有飘浮广告的类型，怎么办？

自己动手吧！经过网上搜索和自己的尝试，大家可以通过以下步骤实现在织梦dedecms的网站中添加飘浮广告。

下面是步骤：

首先：1.在广告管理增加一个新广告

2.广告代码如下：

</div>

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

obj.style.top = y + document.body.scrollTop

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>

3.把上面代码的这个网址替换成你想点击广告后出现的网址

4.把上面代码的src="/templets/tupian/漂浮.jpg 这一段里的地址换成你的漂浮广告图片地址

5.生成广告代码，然后复制广告代码

6.打开首页模板，把代码放进BODY之间

7.完成

上一篇：随机增加织梦dedecms文章点击数的方法

下一篇：织梦dedeCMS联动类别下拉菜单 For DedeV57 GBK/UTF8

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

来源：网友投稿关注：时间：2019-12-08 10:02

☉首先声明，只要是我们的vip会员所有源码均可以免费下载，不做任何限制(了解更多)
☉本站的源码不会像其它下载站一样植入大量的广告。为了更好的用户体验以后坚持不打水印
☉本站只提供精品织梦源码，源码在于可用，不在多！！希望在这里找到你合适的。
☉本站提供的整站织梦程序，均带数据及演示地址。可以在任一源码详情页查看演示地址
☉本站所有资源（包括源码、模板、素材、特效等）仅供学习与参考，请勿用于商业用途。
☉如有其他问题，请加网站客服QQ进行交流。