现在的位置: 首页 > 综合 > 正文

对联式网页滚动代码

2013年10月02日 ⁄ 综合 ⁄ 共 1862字 ⁄ 字号 评论关闭

将下面这段脚本放到页面中:

<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>

抱歉!评论已关闭.