JavaScript 实用------网站两边横幅
2009-07-30 11:20
399 查看
不会写但能用也很重要
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>对联广告 - 51windows.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body style="margin:0px;">
<div align="center">
<center>
<table border="1" width="776" height="3000" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="top"><div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>页<br>面<br>区<br>域</div></td>
</tr>
</table>
</center>
</div>
<script LANGUAGE="Javascript">
<!--
var showad = true;
var Toppx = 60; //上端位置
var AdDivW = 100; //宽度
var AdDivH = 360; //高度
var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条
var MinScreenW = 1024; //显示广告的最小屏幕宽度象素
var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>'
var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>广<br>告<br>内<br>容</div>';
document.write ('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
document.write ('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
function scall(){
if(!showad){return;}
if (window.screen.width<MinScreenW){
alert("临时提示:/n/n显示器分辨率宽度小于"+MinScreenW+",不显示广告");
showad = false;
document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
return;
}
var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2;
document.getElementById("Javascript.LeftDiv").style.display="";
document.getElementById("Javascript.LeftDiv").style.top=document.body.scrollTop+Toppx;
document.getElementById("Javascript.LeftDiv").style.left=document.body.scrollLeft+Borderpx;
document.getElementById("Javascript.RightDiv").style.display="";
document.getElementById("Javascript.RightDiv").style.top=document.body.scrollTop+Toppx;
document.getElementById("Javascript.RightDiv").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.RightDiv").offsetWidth-Borderpx;
}
function hidead()
{
showad = false;
document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</script>
</body>
</html>
<!--网页两边条幅开始 -->
<script language="javascript">
<!--
function closeleft(){
leftsp.style.visibility="hidden";
}
function closeright(){
rightsp.style.visibility="hidden";
}
var lastScrollL=-140;//左边距离顶部距离
var lastScrollR=-140;//右边距离顶部距离
function heartBeat0(){
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollL);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.leftsp.style.pixelTop+=percent;lastScrollL=lastScrollL+percent;
}
function heartBeat1(){
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollR);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.rightsp.style.pixelTop+=percent;lastScrollR=lastScrollR+percent;
}
window.setInterval("heartBeat0()",10);
window.setInterval("heartBeat1()",10);
-->
</script>
<DIV id="rightsp" style="Z-INDEX:1000; right:4px; POSITION:absolute;"><TABLE cellSpacing="0" cellPadding="0" width="100"><TR><TD bgcolor=#fedc04 height=20 align= center style="CURSOR: hand" onClick="closeright()"><font color="#000000">关 闭</font></TD></TR><tr><td><img src="r.jpg" width=100 border=0></td></tr></table></DIV>
<DIV id="leftsp" style="Z-INDEX:1000; left: 4px; POSITION: absolute;"><TABLE cellSpacing="0" cellPadding="0" width="100"><TR><TD height=20 bgcolor=#fedc04 align="center" style="CURSOR: hand" onClick="closeleft()"><font color="#000000">关 闭</font></TD></TR><tr><td><img src="l.jpg" width=100 border=0></td></tr></table></DIV>
<!--网页两边条幅结束 -->
转自:http://hi.baidu.com/shanhailin1226/blog/item/cdfedb1e7dc5e61b413417f4.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>对联广告 - 51windows.Net</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body style="margin:0px;">
<div align="center">
<center>
<table border="1" width="776" height="3000" cellspacing="0" cellpadding="0">
<tr>
<td width="100%" valign="top"><div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>页<br>面<br>区<br>域</div></td>
</tr>
</table>
</center>
</div>
<script LANGUAGE="Javascript">
<!--
var showad = true;
var Toppx = 60; //上端位置
var AdDivW = 100; //宽度
var AdDivH = 360; //高度
var PageWidth = 800; //页面多少宽度象素下正好不出现左右滚动条
var MinScreenW = 1024; //显示广告的最小屏幕宽度象素
var ClosebuttonHtml = '<div align="right" style="position: absolute;top:0px;right:0px;margin:2px;padding:2px;z-index:2000;"><a href="javascript:;" onclick="hidead()" style="color:red;text-decoration:none;font-size:12px;">关闭</a></div>'
var AdContentHtml = '<div align="center" style="color:green;font-size:23pt;font-family:黑体;"><br><br>广<br>告<br>内<br>容</div>';
document.write ('<div id="Javascript.LeftDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
document.write ('<div id="Javascript.RightDiv" style="position: absolute;border: 1px solid #336699;background-color:#EEEEE2;z-index:1000;width:'+AdDivW+'px;height:'+AdDivH+'px;top:-1000px;word-break:break-all;display:none;">'+ClosebuttonHtml+'<div>'+AdContentHtml+'</div></div>');
function scall(){
if(!showad){return;}
if (window.screen.width<MinScreenW){
alert("临时提示:/n/n显示器分辨率宽度小于"+MinScreenW+",不显示广告");
showad = false;
document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
return;
}
var Borderpx = ((window.screen.width-PageWidth)/2-AdDivW)/2;
document.getElementById("Javascript.LeftDiv").style.display="";
document.getElementById("Javascript.LeftDiv").style.top=document.body.scrollTop+Toppx;
document.getElementById("Javascript.LeftDiv").style.left=document.body.scrollLeft+Borderpx;
document.getElementById("Javascript.RightDiv").style.display="";
document.getElementById("Javascript.RightDiv").style.top=document.body.scrollTop+Toppx;
document.getElementById("Javascript.RightDiv").style.left=document.body.scrollLeft+document.body.clientWidth-document.getElementById("Javascript.RightDiv").offsetWidth-Borderpx;
}
function hidead()
{
showad = false;
document.getElementById("Javascript.LeftDiv").style.display="none";
document.getElementById("Javascript.RightDiv").style.display="none";
}
window.onscroll=scall;
window.onresize=scall;
window.onload=scall;
//-->
</script>
</body>
</html>
<!--网页两边条幅开始 -->
<script language="javascript">
<!--
function closeleft(){
leftsp.style.visibility="hidden";
}
function closeright(){
rightsp.style.visibility="hidden";
}
var lastScrollL=-140;//左边距离顶部距离
var lastScrollR=-140;//右边距离顶部距离
function heartBeat0(){
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollL);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.leftsp.style.pixelTop+=percent;lastScrollL=lastScrollL+percent;
}
function heartBeat1(){
diffY=document.body.scrollTop;
percent=.1*(diffY-lastScrollR);
if(percent>0)percent=Math.ceil(percent);
else percent=Math.floor(percent);
document.all.rightsp.style.pixelTop+=percent;lastScrollR=lastScrollR+percent;
}
window.setInterval("heartBeat0()",10);
window.setInterval("heartBeat1()",10);
-->
</script>
<DIV id="rightsp" style="Z-INDEX:1000; right:4px; POSITION:absolute;"><TABLE cellSpacing="0" cellPadding="0" width="100"><TR><TD bgcolor=#fedc04 height=20 align= center style="CURSOR: hand" onClick="closeright()"><font color="#000000">关 闭</font></TD></TR><tr><td><img src="r.jpg" width=100 border=0></td></tr></table></DIV>
<DIV id="leftsp" style="Z-INDEX:1000; left: 4px; POSITION: absolute;"><TABLE cellSpacing="0" cellPadding="0" width="100"><TR><TD height=20 bgcolor=#fedc04 align="center" style="CURSOR: hand" onClick="closeleft()"><font color="#000000">关 闭</font></TD></TR><tr><td><img src="l.jpg" width=100 border=0></td></tr></table></DIV>
<!--网页两边条幅结束 -->
转自:http://hi.baidu.com/shanhailin1226/blog/item/cdfedb1e7dc5e61b413417f4.html
相关文章推荐
- 网站设计之常见简单实用的JavaScript特效总结
- 纯Javascript炫酷时钟、滚动文字广告--网站实用实例
- 50个实用的JavaScript工具- - JavaEye技术网站
- 网站设计之常见简单实用的JavaScript特效总结(上篇)
- 13个JavaScript网站制作中实用技巧
- 一些学习前端的网站(html&css&javascript等)持续更新。。。
- 10个非常棒的Ajax及Javascript实例资源网站
- 免备案\免审批号\廉价教你构建自己的网站\域名DNS解析\超实用的端口映射转发
- 实用网站记录
- 收藏网站制作常用经典ajax.prototype.javascript实例打包下载javascript
- Javascript es7中比较实用的两个方法示例
- 网站前端_JavaScript-基础入门.0002.JavaScript快速使用
- 网站前端_JavaScript-基础入门.0009.JavaScript数组类型
- JavaScript实用的一些技巧
- 基于JavaScript实现 网页切出 网站title变化代码
- JavaScript网站设计实践(一)网站结构以及页面效果设计
- [javascript] 封装一个实用的焦点图切换效果【转】
- 【实用】Windows 下载 Python 第三方库的网站
- 几个不错的实用网站