Question

求一个碰到网页边框后会自动反弹的漂浮广告代码。

一些网站是有自动漂浮的招聘广告，会一直在网页内反弹漂浮。这个图层怎么制作

Answer 1

var xPos_AdFloat = 300;
var yPos_AdFloat = 200;
var yon = 0;
var xon = 0;
var pause_AdFloat = true;
var interval_AdFloat;
function changePos(){
var width = document.body.clientWidth;
var height = document.body.clientHeight;
var Hoffset = document.getElementById('imgAd_AdFloat').offsetHeight;
var Woffset = document.getElementById('imgAd_AdFloat').offsetWidth;
document.getElementById('imgAd_AdFloat').style.left = (xPos_AdFloat + document.body.scrollLeft)+"px";
document.getElementById('imgAd_AdFloat').style.top = (yPos_AdFloat + document.body.scrollTop)+"px";
if (yon){
yPos_AdFloat = yPos_AdFloat + 1;
}
else{
yPos_AdFloat = yPos_AdFloat - 1;
}
if (yPos_AdFloat < 0){
yon = 1;
yPos_AdFloat = 0;
}
if (yPos_AdFloat >= (height - Hoffset)){
yon = 0;
yPos_AdFloat = (height - Hoffset);
}
if (xon){
xPos_AdFloat = xPos_AdFloat + 1;
}
else{
xPos_AdFloat = xPos_AdFloat - 1;
}
if (xPos_AdFloat < 0){
xon = 1;
xPos_AdFloat = 0;
}
if (xPos_AdFloat >= (width - Woffset)){
xon = 0;
xPos_AdFloat = (width - Woffset);
}
}
function startAd(){
document.getElementById('imgAd_AdFloat').style.display = 'block';
interval_AdFloat = setInterval('changePos()', 30);
}
function stopAd(){
document.getElementById('imgAd_AdFloat').style.display = 'none';
}
function pause_resume(){
if(pause_AdFloat){
clearInterval(interval_AdFloat);
pause_AdFloat = false;
}
else{
interval_AdFloat = setInterval('changePos()',30);
pause_AdFloat = true;
}
}