dedecms右侧悬浮_织梦dedecms网站上添加漂浮广告
在織夢(mèng)dedecms的網(wǎng)站上添加漂浮廣告其實(shí)很簡單,這篇文章主要講的是在織夢(mèng)網(wǎng)站首頁添加漂浮廣告。
我們用本地搭建的織夢(mèng)默認(rèn)模板演示。
1、準(zhǔn)備一個(gè)廣告圖片
準(zhǔn)備一個(gè)廣告圖片,命名為漂浮.gif?,設(shè)置好圖片大小150*150?,之后把圖片放到織夢(mèng)默認(rèn)模板的images目錄中,路徑為templetsdefaultimages?,通過瀏覽器訪問這個(gè)圖片的路徑為http://localhost/templets/default/images/漂浮.gif?,訪問一下,確保可以正常訪問這個(gè)圖片。
2、創(chuàng)建一個(gè)新廣告
(1)后臺(tái)——模塊——廣告管理——增加一個(gè)新廣告,如下圖
(2)之后就打開了廣告創(chuàng)建窗口,如下圖
填寫廣告位標(biāo)識(shí):indexfd?;廣告位名稱:首頁浮動(dòng)廣告?;
廣告內(nèi)容填寫下面的代碼:
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?
if?(x?>?R){?xin?=?false;?x?=?R}
y?=?y?+?step*(yin?1:-1)
if?(y?
if?(y?>?B)?{?yin?=?false;?y?=?B?}
}
var?itl=?setInterval("floatAD()",?delay)
obj.οnmοuseοver=function(){clearInterval(itl)}
obj.οnmοuseοut=function(){itl=setInterval("floatAD()",?delay)}
備注:
我們可以通過控制代碼中的參數(shù)來控制漂浮廣告。
?用來控制漂浮廣告跳轉(zhuǎn)到你想指定的網(wǎng)站。
用來調(diào)用廣告圖片。
var?step?=?1??用來控制圖片運(yùn)動(dòng)的速度。
3、調(diào)用廣告
打開首頁模板index.htm?,在代碼的最后的位置,即
總結(jié)
以上是生活随笔為你收集整理的dedecms右侧悬浮_织梦dedecms网站上添加漂浮广告的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: html5怎么设置字体闪动,HTML最简
- 下一篇: 运营商服务器系统,浪潮服务器助力运营商三