欢迎来到站圈网!

php远程媒体七牛摇摇node

投稿中心

DedeCMS

当前位置: 主页 > CMS教程 > DedeCMS

DEDECMS5.7漂浮广告实例代码

时间:2020-04-11|作者:dede58|点击:

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

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

<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之间。

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

版权声明:本文内容由小编收集网络,均来自网络用户自发贡献,版权归原作者所有,Web前端、电脑编程学习类网站不拥有其著作权,亦不承担相应法律责任。具体规则请查看《Web前端、电脑编程学习类网站用户服务协议》和《Web前端、电脑编程学习类网站知识产权保护指引》。如果您发现本站中有涉嫌抄袭的内容,填写联系本站管理员,一经查实,管理员将立刻删除涉嫌侵权内容。

上一篇:DEDECMS删除指定ip的评论方法

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

本文标题:DEDECMS5.7漂浮广告实例代码

本文地址:https://www.zhano.cn/DedeCMS/2196.html

AD300

广告投放 | 联系我们 | 版权申明 | SiteMap

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:15234109 | 邮箱:15234109#qq.com(#换成@)

Copyright © 2019-2022 豫ICP备19001789号