随屏幕移动的图片并可任意移动

随屏幕移动的图片并可任意移动

<html>

<head>
<title>随屏幕移动的图片并可任意移动 代码生成器</title>powered by 25175.net

<body>
<div ID="floater" style="left: 400px; top: 300px">
<p align="center"><img SRC="../../../images/cat.jpg" alt="Cat"><br>
<a href="http://www.jzfire.com"><font color="#FF8040">www.jzfire.com</font></p>
</div><script LANGUAGE="JavaScript">
self.onError=null;
currentX = currentY = 0;
whichIt = null;
lastScrollX = 0; lastScrollY = 0;
NS = (document.layers) ? 1 : 0;
IE = (document.all) ? 1: 0;

function heartBeat() {
  if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }
     if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }
  if(diffY != lastScrollY) {
                 percent = .1 * (diffY - lastScrollY);
                 if(percent > 0) percent = Math.ceil(percent);
                 else percent = Math.floor(percent);
     if(IE) document.all.floater.style.pixelTop += percent;
     if(NS) document.floater.top += percent;
                 lastScrollY = lastScrollY + percent;
     }
  if(diffX != lastScrollX) {
   percent = .1 * (diffX - lastScrollX);
   if(percent > 0) percent = Math.ceil(percent);
   else percent = Math.floor(percent);
   if(IE) document.all.floater.style.pixelLeft += percent;
   if(NS) document.floater.left += percent;
   lastScrollX = lastScrollX + percent;
  }
}


function checkFocus(x,y) {
         stalkerx = document.floater.pageX;
         stalkery = document.floater.pageY;
         stalkerwidth = document.floater.clip.width;
         stalkerheight = document.floater.clip.height;
         if( (x > stalkerx && x < (stalkerx+stalkerwidth)) && (y > stalkery && y < (stalkery+stalkerheight))) return true;
         else return false;
}
function grabIt(e) {
  if(IE) {
   whichIt = event.srcElement;
   while (whichIt.id.indexOf("floater") == -1) {
    whichIt = whichIt.parentElement;
    if (whichIt == null) { return true; }
      }
   whichIt.style.pixelLeft = whichIt.offsetLeft;
      whichIt.style.pixelTop = whichIt.offsetTop;
   currentX = (event.clientX + document.body.scrollLeft);
      currentY = (event.clientY + document.body.scrollTop);
  } else {
         window.captureEvents(Event.MOUSEMOVE);
         if(checkFocus (e.pageX,e.pageY)) {
                 whichIt = document.floater;
                 StalkerTouchedX = e.pageX-document.floater.pageX;
                 StalkerTouchedY = e.pageY-document.floater.pageY;
         }
  }
     return true;
}
function moveIt(e) {
  if (whichIt == null) { return false; }
  if(IE) {
      newX = (event.clientX + document.body.scrollLeft);
      newY = (event.clientY + document.body.scrollTop);
      distanceX = (newX - currentX);    distanceY = (newY - currentY);
      currentX = newX;    currentY = newY;
      whichIt.style.pixelLeft += distanceX;
      whichIt.style.pixelTop += distanceY;
   if(whichIt.style.pixelTop < document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;
   if(whichIt.style.pixelLeft < document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;
   if(whichIt.style.pixelLeft > document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;
   if(whichIt.style.pixelTop > document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;
   event.returnValue = false;
  } else {
   whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);
         if(whichIt.left < 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;
         if(whichIt.top < 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;
         if( (whichIt.left + whichIt.clip.width) >= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;
         if( (whichIt.top + whichIt.clip.height) >= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;
         return false;
  }
     return false;
}
function dropIt() {
  whichIt = null;
     if(NS) window.releaseEvents (Event.MOUSEMOVE);
     return true;
}

if(NS) {
  window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);
  window.onmousedown = grabIt;
window.onmousemove = moveIt;
  window.onmouseup = dropIt;
}
if(IE) {
  document.onmousedown = grabIt;
document.onmousemove = moveIt;
  document.onmouseup = dropIt;
}
if(NS || IE) action = window.setInterval("heartBeat()",1);
</script>

</body>

</html>

【内容导航】
第1页：跟随鼠标的图片	第2页：跟着鼠标的图片2
第3页：跟着鼠标旋转的图片	第4页：自由走动的图片
第5页：来回摆动的图片	第6页：乱飞的图片
第7页：浮动图像显示	第8页：将图片固定在左上角
第9页：随屏幕移动的图片并可任意移动	第10页：在页上不停走动的图片
第11页：任意指定图片位置	第12页：向上浮的图片
第13页：往下掉并弹起的图片	第14页：在浏览器窗口外移动的图片
第15页：浮在页面上的图片广告	第16页：随意飘动的图像
第17页：图片穿行	第18页：左右移动的图片
第19页：跟着屏幕走的图片	第20页：将图片固定在左下角
第21页：旋转的图片	第22页：徐徐上升的图片
第23页：页面动态图片	第24页：移动的图片
第25页：鼠标停在文本上图片自动围绕	第26页：滚动图片公告栏
第27页：飞来飞去的图片	第28页：滚动显示图片
第29页：将图片固定在左下角	第30页：将图片固定在右下角
第31页：图片居中	第32页：不停闪烁的图片
第33页：带彩色边框的图片	第34页：点击消失的图片
第35页：定时闪烁的图片	第36页：动感的图片
第37页：抖动的图片

各类动态图片的集合

随屏幕移动的图片并可任意移动