<SCRIPT language=JavaScript>
var xPos = 20;
var yPos = 10;
imgt.style.left= xPos;
imgt.style.top = yPos;
var step = 1;
var delay = 4;
var width,height,Hoffset,Woffset;
var y = 1;
var x = 1;
var interval;
imgt.visibility = "visible";
function changePos()
{
width = document.body.clientWidth;//取得浏览器的宽度
height = document.body.clientHeight;//取得浏览器的高度
Hoffset = imgt.offsetHeight;//取得当前元素(传进来的参数)的高度
Woffset = imgt.offsetWidth;// 取出左边的宽带的宽度
if (y)
{
yPos = yPos + step;
}
else
{
yPos = yPos - step;
}
if (yPos < 0)
{
y = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset))
{
y = 0;
yPos = (height - Hoffset);
}
if (x)
{
xPos = xPos + step;
}
else
{
xPos = xPos - step;
}
if (xPos < 0)
{
x = 1;
xPos = 0;
}
if (xPos >= (width - Woffset))
{
x = 0;
xPos = (width - Woffset);
}
imgt.style.left = xPos ;
imgt.style.top = yPos ;
}
function start()
{
interval = setInterval('changePos()', delay);
}
function pause_resume()
{
clearInterval(interval);
}
start();
</SCRIPT>上面是代码,imgt是一个div的Id,这个js就是控制div在页面上漂浮。在ie6显示正常,火狐不行。
var xPos = 20;
var yPos = 10;
imgt.style.left= xPos;
imgt.style.top = yPos;
var step = 1;
var delay = 4;
var width,height,Hoffset,Woffset;
var y = 1;
var x = 1;
var interval;
imgt.visibility = "visible";
function changePos()
{
width = document.body.clientWidth;//取得浏览器的宽度
height = document.body.clientHeight;//取得浏览器的高度
Hoffset = imgt.offsetHeight;//取得当前元素(传进来的参数)的高度
Woffset = imgt.offsetWidth;// 取出左边的宽带的宽度
if (y)
{
yPos = yPos + step;
}
else
{
yPos = yPos - step;
}
if (yPos < 0)
{
y = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset))
{
y = 0;
yPos = (height - Hoffset);
}
if (x)
{
xPos = xPos + step;
}
else
{
xPos = xPos - step;
}
if (xPos < 0)
{
x = 1;
xPos = 0;
}
if (xPos >= (width - Woffset))
{
x = 0;
xPos = (width - Woffset);
}
imgt.style.left = xPos ;
imgt.style.top = yPos ;
}
function start()
{
interval = setInterval('changePos()', delay);
}
function pause_resume()
{
clearInterval(interval);
}
start();
</SCRIPT>上面是代码,imgt是一个div的Id,这个js就是控制div在页面上漂浮。在ie6显示正常,火狐不行。
中如果浏览器不支持也不会显示了
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT language=JavaScript>
var xPos = 20;
var yPos = 10;
var step = 1;
var delay = 4;
var width,height,Hoffset,Woffset;
var y = 1;
var x = 1;
var interval;
var imgt;
function changePos()
{
width = document.body.clientWidth;//取得浏览器的宽度
height = document.body.clientHeight;//取得浏览器的高度
Hoffset = imgt.offsetHeight;//取得当前元素(传进来的参数)的高度
Woffset = imgt.offsetWidth;// 取出左边的宽带的宽度
if (y)
{
yPos = yPos + step;
}
else
{
yPos = yPos - step;
}
if (yPos < 0)
{
y = 1;
yPos = 0;
}
if (yPos >= (height - Hoffset))
{
y = 0;
yPos = (height - Hoffset);
}
if (x)
{
xPos = xPos + step;
}
else
{
xPos = xPos - step; }
if (xPos < 0)
{
x = 1;
xPos = 0;
}
if (xPos >= (width - Woffset))
{
x = 0;
xPos = (width - Woffset);
}
imgt.style.left = xPos ;
imgt.style.top = yPos ;
}
function start()
{
imgt=document.getElementById("imgt");
imgt.style.left= xPos;
imgt.style.top = yPos;
imgt.visibility = "visible";
interval = setInterval('changePos()', delay);
}
function pause_resume()
{
clearInterval(interval);
} </SCRIPT>
<BODY onload="start();">
<div id="imgt" style="position:absolute;background-color:red;">asdfsf
</div>
</BODY>
</HTML>