找回密码
 注册
首页 ≡≡网络技术≡≡ WEB前端 给DX1.5添加自定义首页飘浮广告的方法

给DX1.5添加自定义首页飘浮广告的方法

灰儿 2008-3-10 09:26:29
本帖最后由 灰儿 于 2011-1-1 13:12 编辑

登录DX1.5管理后台,选择[扩展]=》[站点广告]=》[自定义广告位]=》[添加],在新窗口的 [广告 HTML 代码] 位置添加如下代码:
  1. <!--图片漂浮广告代码开始-->
  2. <div id="pf_ad" style="position:absolute">
  3. <!--链接地址--><a HREF="http://www.shfq.com/ad/" target="_blank">
  4. <!--图片地址--><img src="http://www.shfq.com/ad/pic/xymxh.gif" border="0">
  5. </a>
  6. </div>
  7. <script>
  8. var x = 50,y = 60
  9. var xin = true, yin = true
  10. var step = 1
  11. var delay = 10
  12. var obj=document.getElementById("pf_ad")
  13. function floatpf_ad() {
  14. var L=T=0
  15. var R= document.body.clientWidth-obj.offsetWidth
  16. var B = document.body.clientHeight-obj.offsetHeight
  17. obj.style.left = x + document.body.scrollLeft
  18. obj.style.top = y + document.body.scrollTop
  19. x = x + step*(xin?1:-1)
  20. if (x < L) { xin = true; x = L}
  21. if (x > R){ xin = false; x = R}
  22. y = y + step*(yin?1:-1)
  23. if (y < T) { yin = true; y = T }
  24. if (y > B) { yin = false; y = B }
  25. }
  26. var itl= setInterval("floatpf_ad()", delay)
  27. obj.onmouseover=function(){clearInterval(itl)}
  28. obj.onmouseout=function(){itl=setInterval("floatpf_ad()", delay)}
  29. </script>
  30. <!--图片漂浮广告代码结束-->
复制代码
注释:
var x = 50,y = 60  //浮动层的初始位置,分别对应层的初始X坐标和Y坐标
var xin = true, yin = true  //判断层的X坐标和Y坐标是否在在控制范围之内,xin为真是层向右移动,否则向左;yin为真是层向下移动,否则向上
var step = 1  //层移动的步长,值越大移动速度越快
var delay = 10  //层移动的时间间隔,单位为毫秒,值越小移动速度越快


添加过此广告代码后,再点上面的 [内部调用],弹出如下窗口:
ad.GIF

最后再用记事本工具打开论坛根目录下的/template/default/forum/index.htm模版文件,在适当位置添加上面的内部调用代码即可。
如:<!--{ad/custom_2}-->


您需要登录后才可以回帖 登录 | 注册
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。
学习中心
站长自定义文字内容,利用碎片时间,随时随地获取优质内容。
Q设计语言 了解更多
Q Design 提供商家设计所需的指导与资源,帮商家快速完成产品设计、降低生产成本。