对联漂浮跟随可关闭广告
2010-05-05 12:14
169 查看
<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;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=images/duilian.swf width=100 height=300></embed>");
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:40px;right:5px\">");
//------右侧各块结束
//---R1
document.writeln("<div id=\"right1\" class=\"itemFloat\">");
document.writeln("<embed src=images/duilian.swf width=100 height=300></embed>");
document.writeln("<br><a href=\"javascript:close_right1();\" title=\"关闭上面的广告\">× 关闭<\/a><br><br><br><br>");
document.writeln("<\/div>");
//------右侧各块结束
document.writeln("<\/div>");
</SCRIPT>
//符合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;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=images/duilian.swf width=100 height=300></embed>");
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:40px;right:5px\">");
//------右侧各块结束
//---R1
document.writeln("<div id=\"right1\" class=\"itemFloat\">");
document.writeln("<embed src=images/duilian.swf width=100 height=300></embed>");
document.writeln("<br><a href=\"javascript:close_right1();\" title=\"关闭上面的广告\">× 关闭<\/a><br><br><br><br>");
document.writeln("<\/div>");
//------右侧各块结束
document.writeln("<\/div>");
</SCRIPT>
相关文章推荐
- 带关闭按钮的跟随窗口移动对联广告代码
- 符合W3C标准布局的js对联跟随广告(js版+css)
- js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
- 对联广告 可关闭
- 漂浮广告可关闭
- 不用js多浏览器兼容纯DIV/CSS对联漂浮广告代码
- Flash对联广告及关闭按钮的制作
- 网页JS弹出广告代码,头部,右下角,网页中漂浮,对联广告代码等大全
- 对联广告 可关闭
- 双边可关闭对联广告!
- JS打造的一款可关闭的对联广告
- JS上下自动漂浮广告,可关闭
- 漂浮广告,关闭按钮
- 纯DIV/CSS对联漂浮广告代码
- js 实现页面两边广告, 可关闭对联广告 随滚动条滚动 符合w3c标准
- js实现跟随鼠标移动且带关闭功能的图片广告实例
- JS实现可关闭的对联广告效果代码
- Javascript实现带关闭按钮的网页漂浮广告代码
- flash对联广告代码: 两边显示 不移动 可关闭
- Flash对联广告的关闭按钮讨论