符合web标准且可单独关闭的多幅左右悬浮广告[JS悬浮]

作者: unvs 分类: Web前端 发布时间: 2011-03-10 12:42 ė12,163 views 6没有评论

<SCRIPT language="JavaScript">
//符合web标准且可单独关闭的多幅左右悬浮广告
<!–
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_left2(){
    left2.style.visibility=’hidden’;
}
function close_right1(){
    right1.style.visibility=’hidden’;
}
function close_right2(){
    right2.style.visibility=’hidden’;
}
//显示样式
document.writeln("<style type=\"text\/css\">");
document.writeln("#leftDiv,#rightDiv{width:100px;height:100px;background-color:#fff;position:absolute;}");
document.writeln(".itemFloat{width:100px;height:auto;line-height:5px}");
document.writeln("<\/style>");
//以下为主要内容
document.writeln("<div id=\"leftDiv\" style=\"top:40px;left:5px\">");
//——左侧各块开始
//—L1
document.writeln("<div id=\"left1\" class=\"itemFloat\">");
document.writeln("<embed src=http://www.unvs.cn/blog/ad/dlFlash.swf width=100 height=300></embed>");
document.writeln("<br><a href=\"javascript:close_left1();\" title=\"关闭上面的广告\">×<\/a><br><br><br><br>");
document.writeln("<\/div>");
//—L2
document.writeln("<div id=\"left2\" class=\"itemFloat\">");
document.writeln("<a target=_blank href=http://blog.unvs.cn><img border=0 src=http://www.unvs.cn/blog/ad/adshu.gif></a>");
document.writeln("<br><a href=\"javascript:close_left2();\" title=\"关闭上面的广告\">×<\/a>");
document.writeln("<\/div>");
//——左侧各块结束
document.writeln("<\/div>");
document.writeln("<div id=\"rightDiv\" style=\"top:40px;right:5px\">");
//——右侧各块结束
//—R1
document.writeln("<div id=\"right1\" class=\"itemFloat\">");
document.writeln("<a target=_blank href=http://dl.unvs.cn><img border=0 src=http://www.unvs.cn/blog/ad/dlFlash_xkjy1.gif></a>");
document.writeln("<br><a href=\"javascript:close_right1();\" title=\"关闭上面的广告\">×<\/a><br><br><br><br>");
document.writeln("<\/div>");
//—R2
document.writeln("<div id=\"right2\" class=\"itemFloat\">");
document.writeln("<a target=_blank href=http://blog.unvs.cn><img border=0 src=http://www.unvs.cn/blog/ad/adshu.gif></a>");
document.writeln("<br><a href=\"javascript:close_right2();\" title=\"关闭上面的广告\">×<\/a>");
document.writeln("<\/div>");
//——右侧各块结束
document.writeln("<\/div>");
</SCRIPT>

本博文章基本上属于原创或收集整理,都是心血结晶。
欢迎转载分享,转载请注明出处,谢谢!
本文地址:符合web标准且可单独关闭的多幅左右悬浮广告[JS悬浮]

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Ɣ回顶部