對聯式網頁滾動代碼

將下面這段腳本放到頁面中：

<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 = 0; 
 }
 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; 
  if(IE) document.all.floater1.style.pixelTop += percent;   //這裏是右邊的對聯
  if(NS) document.floater1.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.top += percent;
  if(IE) document.all.floater1.style.pixelLeft += percent;   //這裏是右邊的對聯
  if(NS) document.floater1.top += percent;   //這裏是右邊的對聯
  lastScrollY = lastScrollY + percent;
 } 
} 
if(NS || IE) action = window.setInterval("heartBeat()",1);

//-->
</script>

 

下面是顯示對聯的層，我這裏用的是圖片

<div id="floater" style="position:absolute; left:10px; top:100px; width:113px; height:443px; z-index:1; border:1px none #000000;"> <!--onclick="floater1.style.display='none';"-->
<a style="float:right;" href="#" onclick="javascript:this.parentNode.style.display='none';return false;">[關閉]</a><a href="index.aspx" target="_blank"><img src="../ad/Cmedicinecbase.jpg" border="0"></a></div>
<div id="floater1" style="position:absolute; left:1140px; top:100px; width:113px; height:443px; z-index:1; border:1px none #000000;">
  <a style="float:left;" href="#" onclick="javascript:this.parentNode.style.display='none';return false;">[關閉]</a><a href="index.aspx" target="_blank"><img src="../ad/Cmedicinecbase.jpg" border="0"></a></div>