花魁直播高品质美女在线视频互动社区 - 花魁直播官方版

 歡迎來到素材無憂網(wǎng),按 + 收藏我們
登錄 注冊 退出 找回密碼

織夢dedecms網(wǎng)站上如何添加漂浮廣告

時(shí)間: 2018-12-02 08:26 閱讀: 作者:素材無憂網(wǎng)

在織夢dedecms的網(wǎng)站上添加漂浮廣告其實(shí)很簡單,這篇文章主要講的是在織夢網(wǎng)站首頁添加漂浮廣告。

我們用本地搭建的織夢默認(rèn)模板演示。

1、準(zhǔn)備一個(gè)廣告圖片

準(zhǔn)備一個(gè)廣告圖片,命名為漂浮.gif ,設(shè)置好圖片大小150*150 ,之后把圖片放到織夢默認(rèn)模板的images目錄中,路徑為\templets\default\images ,通過瀏覽器訪問這個(gè)圖片的路徑為http://localhost/templets/default/images/漂浮.gif ,訪問一下,確??梢哉TL問這個(gè)圖片。

 

2、創(chuàng)建一個(gè)新廣告

(1)后臺——模塊——廣告管理——增加一個(gè)新廣告

(2)之后就打開了廣告創(chuàng)建窗口

填寫廣告位標(biāo)識:indexfd ;廣告位名稱:首頁浮動廣告 ;

廣告內(nèi)容填寫下面的代碼:

<div id="ad" style="position:absolute"><a href="www.dedecms51.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>

復(fù)制代碼

 

備注:

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

<a href="www.dedecms51.com"> 用來控制漂浮廣告跳轉(zhuǎn)到你想指定的網(wǎng)站。

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

var step = 1  用來控制圖片運(yùn)動的速度。

 

3、調(diào)用廣告

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

之后生成一下首頁,就應(yīng)該能看到漂浮廣告了。 


版權(quán)聲明: 本站資源均來自互聯(lián)網(wǎng)或會員發(fā)布,如果侵犯了您的權(quán)益請與我們聯(lián)系,我們將在24小時(shí)內(nèi)刪除!謝謝!

轉(zhuǎn)載請注明: 織夢dedecms網(wǎng)站上如何添加漂浮廣告

標(biāo)簽:  
相關(guān)文章
模板推薦