网站漂浮代码问题
发布网友
发布时间:2022-04-26 05:56
我来回答
共3个回答
热心网友
时间:2022-06-24 11:02
自己换张图片!点击body看看效果!
<html>
<head>
</head>
<body>
<div id="AdImg" style="width:100px;height:120px;position:absolute;top:260px;left:450px">
<img src="images/2.gif">
</div>
<script>
var divsizex;
var divsizey;
var aim;
var pointX=0;
var pointY=0;
var width;
var height;
var bx=0;
var by=0;
document.body.onmousedown=ChangeLocation;
function ChangeLocation()
{
var x=event.clientX;
var y=event.clientY;
if(event.button==1)
{
aim = document.getElementById("AdImg");
pointX=x;
pointY=y;
width=document.body.clientWidth;
height=document.body.clientHeight;
divsizex=100;
divsizey=120;
aim.style.left=x;
aim.style.top=y;
movelittle();
}
}
function movelittle()
{
if(document.all)
{
AdImg.style.left=pointX;
AdImg.style.top=pointY;
if(bx)
{
pointX=pointX+1;
}else{
pointX=pointX-1;
}
if(pointX<0)
{
bx=1;
pointX=0;
}
if(pointX>=(width-divsizex))
{
bx=0;
pointX=(width-divsizex)
}
if(by)
{
pointY=pointY+1;
}else{
pointY=pointY-1;
}
if(pointY<0)
{
by=1;
pointY=0;
}
if(pointY>=(height-divsizey))
{
by=0;
pointY=(height-divsizey)
}
}
if(document.all)
{
setTimeout('ChangeLocation()',100) ;//设定层移动的速度
setTimeout('movelittle()',100) ;
}
}
</script>
</body>
</html>
热心网友
时间:2022-06-24 11:03
在漂浮的图片上加z-index:1;
热心网友
时间:2022-06-24 11:03
你找的那个代码是那样的,换个代码.