您当前的位置：飞翔学院-IT中国 → 编程开发 → JavaScript → 文章内容

浮动的图片

作者:佚名来源:不详发布时间:2008-5-23 9:10:30

请缩放窗口看效果<div id="div" style="position:absolute;left=0;top=0;"><img src="http://www.52z.com/images/cftea.gif"></div><script type="text/javascript"><!--x=y=0;var div=(document.all)?document.all.div.style:document.div;function FixedPos(){  if(document.all)  {      newX=document.body.clientWidth+document.body.scrollLeft-div.pixelWidth-200;      newY=document.body.clientHeight+document.body.scrollTop-div.pixelHeight-200;  }  else  {      newX=window.innerWidth+pageXOffset-div.document.width-200;      newY=window.innerHeight+pageYOffset-div.document.height-200;  }  if(x==0)  {      div.left=x=newX;      div.top=y=newY;  }  if(newX!=x)  {     if(Math.abs(newX-x)>1)        div.left=x+=(newX-x)/10;     else        div.left=x=newX;  }  if(newY!=y)  {     if(Math.abs(newY-y/10)>10)         div.top=y+=(newY-y)/10;     else         div.top=y=newY;  }}setInterval("FixedPos()",50)--></script>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

打印文档
推荐好友
返回顶部
增大字体
减少字体

浮动的图片

分类推荐

热点文章

精采文章

精采文章