html怎么实现这网页中的悬浮窗？
发布网友
发布时间：2022-04-21 08:18
共1个回答
热心网友
时间：2023-07-12 00:42
<divid="img"style="position:absolute;left:35px;top:556px;width:120;height:172">
<ahref="/"qyml7.htm"><imgborder="0"src="/"lo1.gif"width="140"height="120"></a></p>
</div>
<SCRIPTLANGUAGE="JavaScript">
<!--Begin
varxPos=20;
varyPos=document.body.clientHeight;
varstep=1;
vardelay=30;
varheight=0;
varHoffset=0;
varWoffset=0;
varyon=0;
varxon=0;
varpause=true;
varinterval;
img.style.top=yPos;
functionchangePos(){
width=document.body.clientWidth;
height=document.body.clientHeight;
Hoffset=img.offsetHeight;
Woffset=img.offsetWidth;
img.style.left=xPos+document.body.scrollLeft;
img.style.top=yPos+document.body.scrollTop;
if(yon){
yPos=yPos+step;
}
else{
yPos=yPos-step;
}
if(yPos<0){
yon=1;
yPos=0;
}
if(yPos>=(height-Hoffset)){
yon=0;
yPos=(height-Hoffset);
}
if(xon){
xPos=xPos+step;
}
else{
xPos=xPos-step;
}
if(xPos<0){
xon=1;
xPos=0;
}
if(xPos>=(width-Woffset)){
xon=0;
xPos=(width-Woffset);
}
}
functionstart(){
img.visibility="visible";
interval=setInterval('changePos()',delay);
}
start();
//End-->
</script>
