Bookmark and Share

Lee's 程序人生

HTML CSS Javascript XML AJAX ATLAS C# C++ 数据结构 软件工程 设计模式 asp.net Java 数字图象处理 Sql 数据库
  博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

右下角浮动窗口

Posted on 2010-02-23 21:15  analyzer  阅读(671)  评论(0)    收藏  举报

<!–弹出页–>
        <style type="text/css">
<!–
.STYLE1 {font-size: 12px}

.yangshi a:link,.yangshi a:visited{
color:#333333;}
.yangshi a:link a:hover{
color:#333333;}
–>
</style>
<div id=eMeng style="background-color:#ffffff ;BORDER-RIGHT: #455690 1px solid;VISIBILITY: hidden; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 700px; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 362px; 

BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 422px;"> 
<table width="361" border="0" cellspacing="0" cellpadding="0" class="yangshi">
  <tr>
    <td height="29"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
      <tr>
        <td width="320" background="http://img.chetx.com/chetx/bbs/tankuang/main_05.jpg"> </td>
        <td width="15"><span id="tomin"><img src="http://img.chetx.com/chetx/bbs/tankuang/main_02.jpg" width="15" height="29" alt="" onClick="hidePop();"></span><span onclick ="showPop()" id ="tomax" style 

="display:none ;"><img src="http://img.chetx.com/chetx/bbs/tankuang/main_26.jpg" border="0"></span></td>
        <td width="17"><img src="http://img.chetx.com/chetx/bbs/tankuang/main_27.jpg" width="17" height="29" alt="" onClick="HideDiv();" id ="tomax"></td>
        <td width="9" background="http://img.chetx.com/chetx/bbs/tankuang/main_07.jpg"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
      </tr>
    </table></td>
  </tr>
  <tr>
    <td><div id="allcontent"><table  width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="3" background="http://img.chetx.com/chetx/bbs/tankuang/main_09.jpg"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="7"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
          </tr>
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="6"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
                <td width="138"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td><a target="_blank" href="http://bbs.chetx.com/235/438_9814262_9814448_1/_1.htm"><img height="93" alt="" width="138" border="0" 

src="http://img1.chetx.com/news/2009_04/03/1238749529187.jpg" /></a></td>
                  </tr>
                  <tr>
                    <td height="2"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
                  </tr>
                  <tr>
                    <td height="20" align="center" bgcolor="#E8F3FD"><span class="STYLE1"><a class="tanchu" target="_blank" href="http://bbs.chetx.com/235/438_9814262_9814448_1/_1.htm"><font 

color="#ff0000">419公益活动招募热心车友</font></a></span></td>
                  </tr>
                </table></td>
                <td width="9"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
                <td valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
                  <tr>
                    <td height="23" class="STYLE1">·<a class="tanchu" target="_blank" href="http://b
bs.chetx.com/235/438_9782992_9782992.htm"><font color="#000000">车天下悦动第三期团购正火热报名

</font></a></td>
                  </tr>
                  <tr>
                    <td height="23" class="STYLE1">·<a class="tanchu" target="_blank" href="http://bbs.chetx.com/235/438_9781131_9781131.htm"><font color="#000000">大众明锐斯柯达团购正火热报名中

</font></a></td>
                  </tr>
                  <tr>
                    <td height="23" class="STYLE1">·<a class="tanchu" target="_blank" href="http://bbs.chetx.com/235/438_9801466_9801466.htm"><font color="#000000">车天下卡罗拉团购正在火热报名中

</font></a></td>
                  </tr>
                  <tr>
                    <td height="23" class="STYLE1">·<a class="tanchu" target="_blank" href="http://bbs.chetx.com/235/438_9801362_9801362.htm"><font color="#000000">车天下锋范第二期团购正在报名中

</font></a></td>
                  </tr>
                  <tr>
                    <td height="23" class="STYLE1">·<a target="_blank" href="http://bbs.chetx.com/488/993_9763427_9763427.htm"><font color="#000000">丰田卡罗拉广州团购正火热报名中</font></a></td>
                  </tr>
                </table></td>
                <td width="6"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td height="7"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
          </tr>
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td height="5" background="http://img.chetx.com/chetx/bbs/tankuang/main_22.jpg"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
              </tr>
              <tr>
                <td height="10" bgcolor="#E8F3FD"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
              </tr>
              <tr>
                <td bgcolor="#E8F3FD"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="10"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td height="20"><span class="STYLE1"><a class="tanchu" target="_blank" href="http://bbs.chetx.com/299/268_9800727_9800727.htm"><font color="#000000">车天下骐达三期团购后续报道

</font></a></span></td>
                      </tr>
                      <tr>
                        <td height="20"><span class="STYLE1"><a class="tanchu" target="_blank" href="http://bbs.chetx.com/278/391_9797845_9797845.htm"><font color="#000000">车天下乐风二期团购后续报道

</font></a></span></td>
              &
nbsp;       </tr>
                      <tr>
                        <td height="20"><span class="STYLE1"><a class="tanchu" target="_blank" href="http://bbs.chetx.com/235/438_9802182_9802182.htm"><font color="#000000">雅力士第四期团购火热报名中

</font></a></span></td>
                      </tr>
                    </table></td>
                    <td width="13" align="center"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
                      <tr>
                        <td height="20" class="STYLE1">| </td>
                      </tr>
                      <tr>
                        <td height="20" class="STYLE1">| </td>
                      </tr>
                      <tr>
                        <td height="20" class="STYLE1">| </td>
                      </tr>
                    </table></td>
                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td height="20"><span class="STYLE1"><a class="tanchu" target="_blank" href="http://xueche.chetx.com/tuanbao/baoming.aspx?id=48"><font color="#ff0000">交运驾校:全部费用仅2450元

</font></a></span></td>
                      </tr>
                      <tr>
                        <td height="20"><span class="STYLE1"><a class="tanchu" target="_blank" href="http://xueche.chetx.com/tuanbao/baoming.aspx?id=49"><font color="#000000">北京海淀驾校团体报名大优惠

</font></a></span></td>
                      </tr>
                      <tr>
                        <td height="20"><a class="tanchu" target="_blank" href="http://bbs.chetx.com/434/863_9800410_9800410.htm"><font color="#000000">心爱宠物趣味生活-有奖SHOW</font></a></span></td>
                      </tr>
                    </table></td>
                    <td width="10"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
                  </tr>
                </table></td>

              </tr>
              <tr>
                <td height="10" bgcolor="#E8F3FD"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
        <td width="3" background="http://img.chetx.com/chetx/bbs/tankuang/main_15.jpg"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
      </tr>
    </table></div></td>
  </tr>
  <tr>
    <td height="3" background="http://img.chetx.com/chetx/bbs/tankuang/main_24.jpg"><img src="http://img.chetx.com/chetx/bbs/tankuang/space.gif" width="1" height="1"></td>
  </tr>
</table></div>
<!– End ImageReady Slices –><
br/><!–以下是js代码,替换内容是请不要替换–>
<script src="http://bbs.chetx.com/js/bbsplay0408.js" language=javascript></script>
<script language="javascript">
 function HideDiv()
 {
   document.getElementById('eMeng').style.visibility='hidden'; 
   if(objTimer) window.clearInterval(objTimer) 
 }
 function hidePop()
 {
   var allc = document.getElementById("allcontent");
   allc.style.display='none';
    document.getElementById("tomin").style.display='none';
   document.getElementById("tomax").style.display='';
 }
 function showPop()
 {
   var allc = document.getElementById("allcontent");
   allc.style.display='';
   document.getElementById("tomin").style.display='';
   document.getElementById("tomax").style.display='none';
 }
</script>
<script language=JavaScript> 
window.onload = getMsg; 
window.onresize = resizeDiv; 
window.onerror = function(){} 
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0; 
//设置Cookie
function bbsPlaySetCookie(name,value)

    var dateTime=new Date();
    //var ms = 24*60*60*30*1000;//36000000; 一个月
    var ms = 2*60*60*1000;//两个小时
    //var ms = 1000;//10秒
    dateTime.setTime(dateTime.getTime()+ms); 
    //dateTime.setHours(dateTime.getHours()+ 23);
    var str =name+"="+value; 
    str+="; expires="+dateTime.toGMTString();
    str+="; path=/";
    str+="; domain=chetx.com";    
    document.cookie=str; 

function bbsPlaygetCookie(sName)   
{   
    var aCookie = document.cookie.split(";");
    for (var i=0; i<aCookie.length; i++)
    {
        var aCrumb = aCookie[i].split("=");
        var bCrumb = aCrumb[0];
        bCrumb=bCrumb.replace(/^\s+/, "");
        bCrumb=bCrumb.replace(/\s+&/, "");
        if (sName == bCrumb)
        {
            if(aCrumb.length > 1)
            {
            return aCrumb[1];
            }
            else
            {
            return "";
            }
        }
    }
    return "";
}

function getMsg() 

    // var _getCookie = getCookie("ChetxBBs_POP"); 
    var _gettimes = bbsPlaygetCookie("ChetxBBs_POP_times");       

    if(_gettimes == "") 
    { 
        //newCookie("ChetxBBs_POP","timearea",1);
        bbsPlaySetCookie("ChetxBBs_POP_times","1");
        try{ 
            divTop = parseInt(document.getElementById("eMeng").style.top,10) 
            divLeft = parseInt(document.getElementById("eMeng").style.left,10) 
            divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10) 
            divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10) 
            docWidth = document.documentElement.clientWidth; 
            docHeight = document.documentElement.clientHeight; 
            document.getElementById("eMeng").style.top = parseInt(document.documentElement.scrollTop,10) + docHeight + 10;// divHeight 
            document.getElementById("eMeng").style.left = parseInt(document.documentElement.scrollLeft,10) + docWidth - divWidth 
            document.getElementById("eMeng").style.visibility="visible" 
            objTimer = window.setInterval("moveDiv()",10) 
        } 
        catch(e){} 
    }
    /*else if(_gettimes=="1")
    {
       bbsPlaySetCookie("ChetxBBs_POP_times","1")
        try{ 
            divTop = parseInt(document.getElementById("eMeng").style.top,10) 
            divLeft = parseInt(document.getElementById("eMeng").style.left,10) 
            divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10) 
            divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10) 
            docWidth = document.documentElement.clientWidth; 

            docHeight = document.documentElement.clientHeight; 

            document.getElem
entById("eMeng").style.top = parseInt(document.documentElement.scrollTop,10) + docHeight + 10;// divHeight 
            document.getElementById("eMeng").style.left = parseInt(document.documentElement.scrollLeft,10) + docWidth - divWidth 
            document.getElementById("eMeng").style.visibility="visible" 
            objTimer = window.setInterval("moveDiv()",10) 
      } 
       catch(e){} 
    }*/
    //else
    //{
        
    //} 


function resizeDiv() 

    try{ 
        divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10) 
        divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10) 
        docWidth = document.documentElement.clientWidth; 
        docHeight = document.documentElement.clientHeight; 
        document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.documentElement.scrollTop,10); 
        document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.documentElement.scrollLeft,10); 
    } 
    catch(e){} 


function moveDiv() 

    try 
    { 
        if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.documentElement.scrollTop,10))) 
        { 
            window.clearInterval(objTimer) 
            objTimer = window.setInterval("resizeDiv()",1) 
        } 
        divTop = parseInt(document.getElementById("eMeng").style.top,10) 
        document.getElementById("eMeng").style.pixelTop = divTop - 1 
    } 
    catch(e){} 


function closeDiv() 

    document.getElementById('eMeng').style.visibility='hidden'; 
    if(objTimer) window.clearInterval(objTimer) 

</script>
        <!–弹出页结束–>