对联式网页滚动代码

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

<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;"> <!--οnclick="floater1.style.display='none';"-->
<a style="float:right;" href="#" οnclick="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="#" οnclick="javascript:this.parentNode.style.display='none';return false;">[关闭]</a><a href="index.aspx" target="_blank"><img src="../ad/Cmedicinecbase.jpg" border="0"></a></div>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值