⭐ 欢迎来到虫虫下载站！ | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站
📤 上传资源

📄 跟随屏幕移动的图片.txt

📁 网页特效的代码,在美化网页时有很大的作用
💻 TXT
字号:
🔍 
<html>
<head>
<style type="text/css">
#floater {
position: absolute;
left: 500;
top: 146;
width: 125;
visibility: visible;
z-index: 10;
}</style>
<title>跟随屏幕移动的图片</title>
</head><body bgcolor="#009900">
<div ID="floater" style="left: 200px; top: 200px">
<p align="center">
<img SRC="../../../images/flag.gif" border="0" width="85" height="55">
</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;
<!-- STALKER CODE -->
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;
}
}
<!-- /STALKER CODE -->
<!-- DRAG DROP CODE -->
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;
}
<!-- DRAG DROP CODE -->
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>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　&lt;html&gt;<br>
  &lt;head&gt;<br>
  &lt;style type=&quot;text/css&quot;&gt;<br>
  #floater {<br>
  position: absolute;<br>
  left: 500;<br>
  top: 146;<br>
  width: 125;<br>
  visibility: visible;<br>
  z-index: 10;<br>
  }&lt;/style&gt;<br>
  &lt;title&gt;跟随屏幕移动的图片&lt;/title&gt;<br>
  &lt;/head&gt;&lt;body&gt;<br>
  &lt;div ID=&quot;floater&quot; style=&quot;left: 200px; top: 200px&quot;&gt;<br>
  &lt;p align=&quot;center&quot;&gt;<br>
  &lt;img SRC=&quot;../../../images/flag.gif&quot; border=&quot;0&quot; width=&quot;85&quot; height=&quot;55&quot;&gt;<br>
  &lt;/div&gt;&lt;script LANGUAGE=&quot;JavaScript&quot;&gt;<br>
  self.onError=null;<br>
  currentX = currentY = 0;<br>
  whichIt = null;<br>
  lastScrollX = 0; lastScrollY = 0;<br>
  NS = (document.layers) ? 1 : 0;<br>
  IE = (document.all) ? 1: 0;<br>
  &lt;!-- STALKER CODE --&gt;<br>
  function heartBeat() {<br>
  if(IE) { diffY = document.body.scrollTop; diffX = document.body.scrollLeft; }<br>
  if(NS) { diffY = self.pageYOffset; diffX = self.pageXOffset; }<br>
  if(diffY != lastScrollY) {<br>
  percent = .1 * (diffY - lastScrollY);<br>
  if(percent &gt; 0) percent = Math.ceil(percent);<br>
  else percent = Math.floor(percent);<br>
  if(IE) document.all.floater.style.pixelTop += percent;<br>
  if(NS) document.floater.top += percent; <br>
  lastScrollY = lastScrollY + percent;<br>
  }<br>
  if(diffX != lastScrollX) {<br>
  percent = .1 * (diffX - lastScrollX);<br>
  if(percent &gt; 0) percent = Math.ceil(percent);<br>
  else percent = Math.floor(percent);<br>
  if(IE) document.all.floater.style.pixelLeft += percent;<br>
  if(NS) document.floater.left += percent;<br>
  lastScrollX = lastScrollX + percent;<br>
  }<br>
  }<br>
  &lt;!-- /STALKER CODE --&gt;<br>
  &lt;!-- DRAG DROP CODE --&gt;<br>
  function checkFocus(x,y) { <br>
  stalkerx = document.floater.pageX;<br>
  stalkery = document.floater.pageY;<br>
  stalkerwidth = document.floater.clip.width;<br>
  stalkerheight = document.floater.clip.height;<br>
  if( (x &gt; stalkerx &amp;&amp; x &lt; (stalkerx+stalkerwidth)) &amp;&amp; (y &gt; stalkery &amp;&amp; y &lt; (stalkery+stalkerheight))) return true;<br>
  else return false;<br>
  }<br>
  function grabIt(e) {<br>
  if(IE) {<br>
  whichIt = event.srcElement;<br>
  while (whichIt.id.indexOf(&quot;floater&quot;) == -1) {<br>
  whichIt = whichIt.parentElement;<br>
  if (whichIt == null) { return true; }<br>
  }<br>
  whichIt.style.pixelLeft = whichIt.offsetLeft;<br>
  whichIt.style.pixelTop = whichIt.offsetTop;<br>
  currentX = (event.clientX + document.body.scrollLeft);<br>
  currentY = (event.clientY + document.body.scrollTop); <br>
  } else { <br>
  window.captureEvents(Event.MOUSEMOVE);<br>
  if(checkFocus (e.pageX,e.pageY)) { <br>
  whichIt = document.floater;<br>
  StalkerTouchedX = e.pageX-document.floater.pageX;<br>
  StalkerTouchedY = e.pageY-document.floater.pageY;<br>
  } <br>
  }<br>
  return true;<br>
  }<br>
  function moveIt(e) {<br>
  if (whichIt == null) { return false; }<br>
  if(IE) {<br>
  newX = (event.clientX + document.body.scrollLeft);<br>
  newY = (event.clientY + document.body.scrollTop);<br>
  distanceX = (newX - currentX);    distanceY = (newY - currentY);<br>
  currentX = newX;    currentY = newY;<br>
  whichIt.style.pixelLeft += distanceX;<br>
  whichIt.style.pixelTop += distanceY;<br>
  if(whichIt.style.pixelTop &lt; document.body.scrollTop) whichIt.style.pixelTop = document.body.scrollTop;<br>
  if(whichIt.style.pixelLeft &lt; document.body.scrollLeft) whichIt.style.pixelLeft = document.body.scrollLeft;<br>
  if(whichIt.style.pixelLeft &gt; document.body.offsetWidth - document.body.scrollLeft - whichIt.style.pixelWidth - 20) whichIt.style.pixelLeft = document.body.offsetWidth - whichIt.style.pixelWidth - 20;<br>
  if(whichIt.style.pixelTop &gt; document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5) whichIt.style.pixelTop = document.body.offsetHeight + document.body.scrollTop - whichIt.style.pixelHeight - 5;<br>
  event.returnValue = false;<br>
  } else { <br>
  whichIt.moveTo(e.pageX-StalkerTouchedX,e.pageY-StalkerTouchedY);<br>
  if(whichIt.left &lt; 0+self.pageXOffset) whichIt.left = 0+self.pageXOffset;<br>
  if(whichIt.top &lt; 0+self.pageYOffset) whichIt.top = 0+self.pageYOffset;<br>
  if( (whichIt.left + whichIt.clip.width) &gt;= (window.innerWidth+self.pageXOffset-17)) whichIt.left = ((window.innerWidth+self.pageXOffset)-whichIt.clip.width)-17;<br>
  if( (whichIt.top + whichIt.clip.height) &gt;= (window.innerHeight+self.pageYOffset-17)) whichIt.top = ((window.innerHeight+self.pageYOffset)-whichIt.clip.height)-17;<br>
  return false;<br>
  }<br>
  return false;<br>
  }<br>
  function dropIt() {<br>
  whichIt = null;<br>
  if(NS) window.releaseEvents (Event.MOUSEMOVE);<br>
  return true;<br>
  }<br>
  &lt;!-- DRAG DROP CODE --&gt;<br>
  if(NS) {<br>
  window.captureEvents(Event.MOUSEUP|Event.MOUSEDOWN);<br>
  window.onmousedown = grabIt;<br>
  window.onmousemove = moveIt;<br>
  window.onmouseup = dropIt;<br>
  }<br>
  if(IE) {<br>
  document.onmousedown = grabIt;<br>
  document.onmousemove = moveIt;<br>
  document.onmouseup = dropIt;<br>
  }<br>
  if(NS || IE) action = window.setInterval(&quot;heartBeat()&quot;,1);<br>
  &lt;/script&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
  &lt;p&gt;　&lt;/p&gt;<br>
&lt;/body&gt;&lt;/html&gt;</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
<p>　</p>
</body></html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -