一个资源分享、信息整合的综合性站点。

标题: 实例代码教你如何实现织梦模板的漂浮广告 [打印本页]

---

作者: 树苗收集系    时间: 2020-9-13 11:56
标题: 实例代码教你如何实现织梦模板的漂浮广告
网站上一般都有很多的广告位，只是很多人都不知道要怎么样添加，这里教给大家一种做漂浮广告的方法，也让自己的网站上有很多广告位存在。  
首先在广告管理增加一个新广告，然后复制以下广告代码：

1. <div id="ad" style="position:absolute"><a href="">
   
2. <img src="/templets/tupian/漂浮.jpg" border="0"></a>
   
3. </div>
   
4. <script>
   
5.   var x = 50,y = 60
   
6.   var xin = true, yin = true
   
7.   var step = 1
   
8.   var delay = 10
   
9.   var obj=document.getElementById("ad")
   
10.   function floatAD() {
    
11. var L=T=0
    
12. var R= document.body.clientWidth-obj.offsetWidth
    
13. var B = document.body.clientHeight-obj.offsetHeight
    
14. obj.style.left = x + document.body.scrollLeft
    
15. obj.style.top = y + document.body.scrollTop
    
16. x = x + step*(xin?1:-1)
    
17. if (x < L) { xin = true; x = L}
    
18. if (x > R){ xin = false; x = R}
    
19. y = y + step*(yin?1:-1)
    
20. if (y < T) { yin = true; y = T }
    
21. if (y > B) { yin = false; y = B }
    
22.   }
    
23.   var itl= setInterval("floatAD()", delay)
    
24. obj.onmouseover=function(){clearInterval(itl)}
    
25. obj.onmouseout=function(){itl=setInterval("floatAD()", delay)}
    
26. </script>

复制代码

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

---

作者: 淡看红尘轻笑孤    时间: 2020-9-16 16:30
还是看不懂，复杂

---

作者: 薄荷少年微微凉    时间: 2020-9-24 15:12
这个不错，谢谢共享

---

作者: 树上的向日葵    时间: 2020-12-18 13:32
学习一下！十分感谢

---

欢迎光临 一个资源分享、信息整合的综合性站点。 (https://sorv.cn/)

Powered by Discuz! X3.4