JS实现任意随页面滚动的对联浮漂代码
当前位置:首页 - 代码技巧 - JS实现任意随页面滚动的对联浮漂代码

  百度联盟里面的左右滚动代码很神奇,添加到任意页面都能运行,于是找到它的JS ,修改处如下代码,留着总会有用到的。

  

<SCRIPT language="JavaScript">
lastScrollY = 0;
function heartBeat(){
var diffY;
if (document.documentElement && document.documentElement.scrollTop)
diffY = document.documentElement.scrollTop;
else if (document.body)
diffY = document.body.scrollTop
else
{/*Netscape stuff*/}
//alert(diffY);
percent=.1*(diffY-lastScrollY);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.getElementById("leftDiv").style.top = parseInt(document.getElementById("leftDiv").style.top)+percent+"px";
document.getElementById("rightDiv").style.top = parseInt(document.getElementById("rightDiv").style.top)+percent+"px";
lastScrollY=lastScrollY+percent;
//alert(lastScrollY);
}
//下面这段删除后,对联将不跟随屏幕而移动。
window.setInterval("heartBeat()",1);
//-->
//关闭按钮
function close_left1(){
    left1.style.visibility='hidden';
}
function close_right1(){
    right1.style.visibility='hidden';
}
//显示样式
document.writeln("<style type=\"text\/css\">");
document.writeln("#leftDiv,#rightDiv{width:86px;height:276px;position:absolute;}");
document.writeln(".itemFloat{width:86px;height:auto;line-height:5px}");
document.writeln("<\/style>");
//以下为主要内容
document.writeln("<div id=\"leftDiv\" style=\"top:100px;left:5px\">");
//------左侧各块开始
//---L1
document.writeln("<div id=\"left1\" class=\"itemFloat\">");
document.writeln("<a href='http://club.66wz.com/wzmjzk/t/960.html' target='_blank'><img src='images/dl1.jpg' border='0'></a>");
document.writeln("<br><a href=\"javascript:close_left1();\" title=\"关闭\">×<\/a><br><br><br><br>");
document.writeln("<\/div>");
//------左侧各块结束
document.writeln("<\/div>");
document.writeln("<div id=\"rightDiv\" style=\"top:100px;right:5px\">");
//------右侧各块结束
//---R1
document.writeln("<div id=\"right1\" class=\"itemFloat\">");
document.writeln("<a href='http://www.wenming.cn/jwmsxf_294/zggygg/' target='_blank'><img src='images/dl2.jpg' border='0'></a>");
document.writeln("<br><a href=\"javascript:close_right1();\" title=\"关闭\">×<\/a><br><br><br><br>");
document.writeln("<\/div>");
//------右侧各块结束
document.writeln("<\/div>");
</SCRIPT>

  其中,需要修改的地方我都已经标注了,直接拿来就能用,伸手党的福利~

本文 暂无 评论

Top

分享:

支付宝

微信

如果问题完美解决了,可以给木子我打赏,6元就够我吃个泡面,感恩不尽!