DEDECMS5.7漂浮广告实例代码

所属分类: CMS教程 / dedecms 阅读数: 635
收藏 0 赞 0 分享

在网站上一般都有很多的广告位,只是很多人都不知道要怎么样添加,这里教给大家一种做漂浮广告的方法,也让自己的网站上有很多广告位存在。  

首先在广告管理增加一个新广告,然后复制以下广告代码:

<div id="ad" style="position:absolute"><a href="">
<img src="/templets/tupian/漂浮.jpg" 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
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>

把上面的代码黏贴到你想要广告出现的地方,但是要注意代码中的漂浮.jpg,要修改成自己广告图片在地方,然后把代码粘贴到网站模板的body之间。

以上代码很简单,大家可以本次测试下,有问题可以联系脚本之家小编补充讨论。

更多精彩内容其他人还在看

织梦dedecms后台栏目怎么显示没有审核的文档数量

这篇文章主要为大家详细介绍了织梦后台栏目怎么显示没有审核的文档数量,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,有需要的朋友可以收藏方便以后借鉴
收藏 0 赞 0 分享

DedeCMS调用栏目名称限制字数的方法

在本篇文章里小编给大家整理了关于DedeCMS调用栏目名称限制字数的方法以及实例代码,需要的朋友们参考下。
收藏 0 赞 0 分享

DedeCMS织梦自定义表单增加验证码的实例代码

在本篇文章里小编给大家分享的是一篇关于DedeCMS织梦自定义表单增加验证码的实例代码,需要的朋友们可以测试下。
收藏 0 赞 0 分享

如何修改DedeCMS中的提示信息

在本篇文章里小编给大家整理的是关于修改DedeCMS织梦网站中的提示信息的相关知识点,需要的朋友们可以参考学习下。
收藏 0 赞 0 分享

DedeCMS织梦修改文章时不自动更新发布时间的解决方法

在本篇文章里小编给大家整理的是关于DedeCMS织梦修改文章时不自动更新发布时间的解决方法和代码,需要的朋友们可以本地测试下。
收藏 0 赞 0 分享

dedecms新增字段调用实例方法

在本篇文章里小编给大家整理的是关于dedecms新增字段调用实例方法,需要的朋友们可以测试学习下。
收藏 0 赞 0 分享

DEDECMS不能切换皮肤 验证码不显示的解决办法

在本篇文章里小编给大家分享的是关于DEDECMS不能切换皮肤 验证码不显示的解决办法,有此需要的朋友们可以学习下。
收藏 0 赞 0 分享

DedeCMS设置网站全站伪静态的方法

在本篇内容里我们给大家带来的是关于DedeCMS设置网站全站伪静态的方法和实例代码,需要的朋友们可以测试下。
收藏 0 赞 0 分享

Dede5.7文章图片alt自动调用文章标题的方法

在本篇文章里小编给各位整理了关于Dede5.7文章图片alt自动调用文章标题的方法和代码,有需要的朋友们可以参考下。
收藏 0 赞 0 分享

dedecms限制上一篇、下一篇的标题字数的方法

在本篇文章里小编给大家整理了关于dedecms限制上一篇、下一篇的标题字数的方法,有此需要的读者们可以参考下。
收藏 0 赞 0 分享
查看更多