网站右侧广告悬浮代码html js网站广告悬浮代码

var flo = document.getElementById('flo');

var open = document.getElementById('open');

var max_left = document.documentElement.clientWidth - flo.offsetWidth; //可视区宽度减去div本身的宽度

var max_top = document.documentElement.clientHeight - flo.offsetHeight //可视区高度减去div本身的高度

var t = 1,

l = 1;

function flao() {

var old_left = flo.offsetLeft;

var old_top = flo.offsetTop;

//新的left 和 top

var new_left = old_left + l;

var new_top = old_top + t;

flo.style.left = new_left + 'px';

flo.style.top = new_top + 'px';

if (new_top == max_top || new_top == 0) {

// alert('daodile')

t = -1 * t;

}

if (new_left == max_left || new_left == 0) {

l = -1 * l;

}

}

var timer = setInterval(flao, 10);

flo.onmousemove = function() {

clearInterval(timer)

}

flo.onmouseout = function() {

timer = setInterval(flao, 10);

}

window.onresize = function() {

max_left = document.documentElement.clientWidth - flo.offsetWidth; //可视区宽度减去div本身的宽度

max_top = document.documentElement.clientHeight - flo.offsetHeight //可视区高度减去div本身的高度

flo.style.left = 0 + 'px';

flo.style.top = 0 + 'px';

t = 1, l = 1;

}