在織夢dedecms的網站上添加漂浮廣告其實很簡單，這篇文章主要講的是在織夢網站首頁添加漂浮廣告。

我們用本地搭建的織夢默認模板演示。

1、準備一個廣告圖片

準備一個廣告圖片，命名為漂浮.gif ，設置好圖片大小150*150 ，之后把圖片放到織夢默認模板的images目錄中，路徑為\templets\default\images ，通過瀏覽器訪問這個圖片的路徑為http://localhost/templets/default/images/漂浮.gif ，訪問一下，確保可以正常訪問這個圖片。

 

2、創建一個新廣告

（1）后臺——模塊——廣告管理——增加一個新廣告

（2）之后就打開了廣告創建窗口

填寫廣告位標識：indexfd ；廣告位名稱：首頁浮動廣告 ；

廣告內容填寫下面的代碼：

<div id="ad" style="position:absolute"><a href="www.dede58.com">

<img src="http://localhost/templets/default/images/漂浮.gif" 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>

復制代碼

 

備注：

我們可以通過控制代碼中的參數來控制漂浮廣告。

<a href="www.dede58.com"> 用來控制漂浮廣告跳轉到你想指定的網站。

<img src="http://localhost/templets/default/images/漂浮.gif" border="0">用來調用廣告圖片。

var step = 1  用來控制圖片運動的速度。

 

3、調用廣告

打開首頁模板index.htm ，在代碼的最后的位置，即</body>之前，添加{dede:myad name='indexfd'/} 。

之后生成一下首頁，就應該能看到漂浮廣告了。