在織夢dedecms的網站上添加漂浮廣告其實很簡單,這篇文章主要講的是在織夢網站首頁添加漂浮廣告。
我們用本地搭建的織夢默認模板演示。
1、準備一個廣告圖片
準備一個廣告圖片,命名為漂浮.gif,設置好圖片大小150*150,之后把圖片放到織夢默認模板的images目錄中,路徑為 empletsdefaultimages,通過瀏覽器訪問這個圖片的路徑為http://localhost/templets/default/images/漂浮.gif,訪問一下,確??梢哉TL問這個圖片。
2、創建一個新廣告
(1)后臺——模塊——廣告管理——增加一個新廣告,如下圖
(2)之后就打開了廣告創建窗口,如下圖
填寫廣告位標識:indexfd;廣告位名稱:首頁浮動廣告;
廣告內容填寫下面的代碼:
<divid="ad"style="position:absolute"><ahref="http://www.lazybirdfly.com">
<imgsrc="http://localhost/templets/default/images/漂浮.gif"border="0"></a>
</div>
<script>
varx=50,y=60
varxin=true,yin=true
varstep=1
vardelay=10
varobj=document.getElementById("ad")
functionfloatAD(){
varL=T=0
varR=document.body.clientWidth-obj.offsetWidth
varB=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}
}
varitl=setInterval("floatAD()",delay)
obj.onmouseover=function(){clearInterval(itl)}
obj.onmouseout=function(){itl=setInterval("floatAD()",delay)}
</script>
備注:
我們可以通過控制代碼中的參數來控制漂浮廣告。
<ahref="http://www.lazybirdfly.com">用來控制漂浮廣告跳轉到你想指定的網站。
<imgsrc="http://localhost/templets/default/images/漂浮.gif"border="0">用來調用廣告圖片。
varstep=1用來控制圖片運動的速度。
3、調用廣告
打開首頁模板index.htm,在代碼的最后的位置,即</body>之前,添加{dede:myadname='indexfd'/}。
之后生成一下首頁,就應該能看到漂浮廣告了。