浮动对联广告代码　支持声明的漂浮代码

最新推荐文章于 2012-11-05 12:14:00 发布

piperzero

最新推荐文章于 2012-11-05 12:14:00 发布

阅读量1.4k

点赞数

分类专栏：网站建设文章标签： border qq function javascript 测试 float

本文链接：https://blog.csdn.net/freejs/article/details/3112365

版权

网站建设专栏收录该内容

740 篇文章 1 订阅

订阅专栏

支持DTD声明的标准漂浮对联代码（浮动对联广告)

郁闷的一天啊！就为了一个漂浮对联广告代码，花了我一个下午的时间！

不知道老板从哪里看到了漂浮对联的样式，一个电话打过来，命令本人下班之前搞定这件事情，起初想着这么简单的事情，一个下午，嘿嘿，其不是很爽！哪里知道不幸的事情接着就来了。

在网上百度了一下“浮动广告”，结果一大堆，随便拿一个来开刀，直接Copy过来，保存html后浏览正常，心想完成任务！但是传到空间中才发现，浮动的代码被凝固了，成了静止状态了！什么原因呢？郁闷ing。本地测试好好的，传到空间中怎么就不行呢，首先想到了JS,可能是直接Copy别人有误的代码吧，但检查后发现一切正常哇，但为什么传上去就不行了呢？

再看一下本地测试页的源代码，对比服务器上的代码发现只是少了声明代码，不会是这里的原因吧。于是把本地测试的页面头部也加上了声明代码DTD，浏览后发现果然是这里的DTD在搞鬼。JS文件中的代码不被

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

声明所认可，你会说去掉不就得了，但这事没有这么简单啊！网站是用DIV＋CSS来架的，去掉它的话，许多CSS样式就得不到发挥，那网页还不得乱晕掉啊！这可怎么办呢，无奈之下只好再检查Copy来的JS代码了，但左看右看都是正确的哇，为什么就不行呢！？

说也奇怪，平时的时间过得总让人觉得太慢，但今天怎么就慢不下来呢，眼看就要下班了，这可怎么搞呢！！完不成岂不是又要被K，郁闷啊！查阅www.w3.org看后发现，惊喜发现要解决此问题，只需将JS文件中的document.body替换为document.documentElement即可！修改过后马上传到空间，刷新一看，兴奋啊，成了！

有待研究啊，web2.0的时代真是精采啊！

随：漂浮对联广告（支持DTD声明）
<script type="text/javascript">
function close_float_right(){divStayTopLeft.style.visibility='hidden';}
if (!document.layers){ document.write('<div id="divStayTopLeft" style="position:absolute;visibility: visible">');}
</script>
<table border="0" cellpadding="0" cellspacing="0" width="107">
<tr>
<td><a title="关闭窗口" href="javascript:close_float_right();void(0);"><img name="qq2_r1_c1" src="qqonline/qq2_r1_c1.gif" width="107" height="24" border="0" alt="关闭窗口"></a></td>
</tr>
<tr>
<td><img name="qq2_r2_c1" src="qqonline/qq2_r2_c1.gif" width="107" height="41" border="0" alt=""></td>
</tr>
<tr>
<td><img name="qq2_r3_c1" src="qqonline/qq2_r3_c1.gif" width="107" height="47" border="0" alt=""></td>
</tr>
<tr>
<td height="23" colspan="2" background="qqonline/qq2_bg.gif" align="center">
<script type="text/javascript">
if (online[0]==0){
document.write("<img src=qqonline/QQoffline.gif border=0 align=middle><a class='qqb' href='tencent://message/?Uin=274578751&Site=eshimai.com&Menu=no' title='我不在线，请留言[在线客服①|QQ:274578751]'><font color=#000000>在线客服①</font></a>");
}
else{
document.write("<img src=qqonline/QQonline.gif border=0 align=middle><a class='qqa' href='tencent://message/?Uin=274578751&Site=eshimai.com&Menu=no' title='在线即时交谈[在线客服①|QQ:274578751]'><font color=#000000>在线客服①</font></a>");
}
</script>
</td>
</tr>
<tr>
<td><img name="qq" src="qqonline/qq.gif" width="107" height="27" border="0" alt=""></td>
</tr>
</table>
<script type="text/javascript" src="online.js"></script>

online.js
var verticalpos="frombottom"
if (!document.layers){
document.write('</div>');
}
function JSFX_FloatTopDiv(){
var startX =0,
startY = 500;
var ns = (navigator.appName.indexOf("Netscape") != -1);
var d = document;

function ml(id){
   var el=d.getElementById?d.getElementById(id):d.all?d.all[id]:d.layers[id];
   if(d.layers)el.style=el;
   el.sP=function(x,y){this.style.left=x;this.style.top=y;};
   el.x = startX;
    if (verticalpos=="fromtop"){
     el.y = startY;
    }
    else{
     el.y = ns ? pageYOffset + innerHeight : document.documentElement.scrollTop + document.documentElement.clientHeight;
     el.y -= startY;
    }
   return el;
}

window.stayTopLeft=function(){
   if (verticalpos=="fromtop"){
    var pY = ns ? pageYOffset : document.documentElement.scrollTop;
    ftlObj.y += (pY + startY - ftlObj.y)/8;
   }
   else{
    var pY = ns ? pageYOffset + innerHeight : document.documentElement.scrollTop + document.documentElement.clientHeight;
    ftlObj.y += (pY - startY - ftlObj.y)/8;
   }
   ftlObj.sP(ftlObj.x, ftlObj.y);
   setTimeout("stayTopLeft()", 10);
}
ftlObj = ml("divStayTopLeft");
stayTopLeft();
}
JSFX_FloatTopDiv();