致力于网页设计制作教程:HTTP://WWW.ASP119.COM
Photoshop教程
网络营销
Flash教程
最近更新
收藏本站
CSS视频教程
CSS中文手册
PHP视频教程
SEO视频教程
JS基础教程
jquery中文手册
首页
网络专题
操作系统
工具软件
网站运营
平面设计
媒体动画
网页制作
网页特效
网络编程
认证考试
当前位置：
首页
>
网页特效
>
综合特效
> 正文
网页两侧滚动对联代码
作者：××× 来源：本站 浏览： 添加日期：2009-2-25 19:09:18
网页两侧滚动对联代码
<html> <head> <title>网页特效|ccap168.cn|---网页两侧滚动对联代码</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>
提示：您可以先修改部分代码再运行
上一篇文章:
教你如何改变网页整体的透明度
下一篇文章:
立体页面效果的特效
相关文章
用JavaScript打造动态尺度的测量
教你如何改变网页整体的透明度
网页两侧滚动对联代码
用js实现QQ抖动功能的实现
Taobao首页商品分类特效代码
相关栏目
图片特效
网页文字特效
网页背景
鼠标代码
时间特效
导航代码
浏览器
综合特效
推荐文章
css+div中实现无缝图片滚动代码
让PNG图片在各种浏览器下透明的方法
根据网站的流量换不同表情的LOGO
在线SEO免费工具测试
加快windows7开机速度的方法
2010年国内SEO缺的不是方法而是方向
PHP ASP JS中循环语句使用比较分析
快速查找网站死连接和处理的方法
2010年计算机等级考试二级C++笔试试题
快速成为SEO高手
