首頁 > web前端 > js教程 > Javascript實現帶有關閉按鈕的網頁漂浮廣告代碼_javascript技巧

Javascript實現帶有關閉按鈕的網頁漂浮廣告代碼_javascript技巧

WBOY
發布: 2016-05-16 17:04:10
原創
2148 人瀏覽過
複製程式碼程式碼如下:



帶關閉按鈕的網頁浮動廣告代碼
頭>


Javascript實現帶有關閉按鈕的網頁漂浮廣告代碼_javascript技巧
X;



腳本>
身體>


ff.js程式碼

複製程式碼程式碼如下:
var xPos = 20;
var yPos = document.body.clientHeight
步驟= 11;
var 延遲= 30;
var 高度= 0;
var 霍夫塞特= 0;
var Woffset = 0;
var yon = 0;
var xon = 0 ;
var 暫停= true;
var 間隔;
img.style.top = yPos;
函數changePos() {
width = document.body.clientWidth
高度= document.body.clientHeight;
Hoffset = img.offsetHeight;
Woffset = img.offsetWidth;
img.style.left = xPos document.body.scrollLeft
img.style.top = y.scrollLeft; document.body.scrollTop;
if (yon) {
yPos = yPos 步驟;
}
else {
yPos = yPos - 步驟;
}
ifyPos = yPos 步驟; yon = 1;
yPos = 0;
}
if (yPos >= (高度- Hoffset)) {
yon = 0;
yPos =(高度- 霍夫塞特);
}
if (xon) {
xPos = xPos 步驟;
}
else {
xPos = xPos - 步驟;
}}
if (xPos xon = 1;
xPos = 0;
}
if (xPos >= (寬度- Woffset)) {
xon = 0;
xPos = (寬度- Woffset);
}
}
function start() {
img.style.visibility = "visible";
間隔= setInterval('changePos( )', 延遲);
}
開始();

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板