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