如何获得屏幕的中间点？分全送了

document.documentElement.scrollWidth/2
document.documentElement.scrollHeight/2

解决方案 »

  1.   

    //滚动显示在屏幕的中间点
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    <style type="text/css">
    <!--
    #sponsorAdDiv {position:absolute; height:1; width:1px; top:0; left:0;}
    -->
    </style><script type="text/javascript">
    adTime=10;  // seconds ad reminder is shown
    chanceAd=1; // ad will be shown 1 in X times (put 1 for everytime)var ns=(document.layers);
    var ie=(document.all);
    var w3=(document.getElementById && !ie);
    var calunit=ns? "" : "px"
    adCount=0;
    function initAd(){
    if(!ns && !ie && !w3) return;
    if(ie) adDiv=eval('document.all.sponsorAdDiv.style');
    else if(ns) adDiv=eval('document.layers["sponsorAdDiv"]');
    else if(w3) adDiv=eval('document.getElementById("sponsorAdDiv").style');
    randAd=Math.ceil(Math.random()*chanceAd);
            if (ie||w3)
            adDiv.visibility="visible";
            else
            adDiv.visibility ="show";
    if(randAd==1) showAd();
    }
    function showAd(){
    if(adCount<adTime*10){adCount+=1;
    if (ie){documentWidth  =truebody().offsetWidth/2+truebody().scrollLeft-20;
    documentHeight =truebody().offsetHeight/2+truebody().scrollTop-20;}
    else if (ns){documentWidth=window.innerWidth/2+window.pageXOffset-20;
    documentHeight=window.innerHeight/2+window.pageYOffset-20;} 
    else if (w3){documentWidth=self.innerWidth/2+window.pageXOffset-20;
    documentHeight=self.innerHeight/2+window.pageYOffset-20;} 
    adDiv.left=documentWidth-200+calunit;adDiv.top =documentHeight-200+calunit;
    setTimeout("showAd()",100);}else closeAd();
    }
    function closeAd(){
    if (ie||w3)
    adDiv.display="none";
    else
    adDiv.visibility ="hide";
    }function truebody(){
    return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
    }onload=initAd;
    //End-->
    </script>
    </HEAD>
    <BODY>
    <div id="sponsorAdDiv" style="visibility:hidden">
    <table width="450px" height="350px" bgcolor="#008000"><tr><td>
    <table width="445px" height="345px" bgcolor="#F0FFF0"><tr><td align="center" valign="middle"><!--*****EDIT THIS MESSAGE*****-->
    <A HREF="http://www.amazon.com/exec/obidos/redirect-home/wa0c?tag-id=wa0c&placement=home-btn-100x70.gif&site=amazon">
    <IMG SRC="2.gif"></A><p><b>Please take time to show your support<br>
    for this site by visiting one<br>
    of our sponsors during this<br> brief intermission.</b>
    </p>
    <p><A HREF="http://www.amazon.com/exec/obidos/redirect-home/wa0c?tag-id=wa0c&placement=home-logo-130x60b.gif&site=amazon">
    <IMG SRC="1.gif"></A></p>
    <p>(This announcement will close shortly)
    <br><!--*****EDIT THE ABOVE MESSAGE*****-->
    </td></tr></table></td></tr></table>
    </div></BODY>
    </HTML>
      

  2.   

    <body>
    <div id="test" style="position:absolute;background-color:Gray;width:100px;height:100px"></div>
    <div style="height:1800px"></div>
    <script>
    function locateCenter()
    {
    var temp=document.getElementById("test");
    var now=new Date();
    temp.style.pixelTop=Math.round((document.body.clientHeight-100)/2)+document.body.scrollTop;
    temp.style.pixelLeft=Math.round((document.body.clientWidth-100)/2);
    window.status=now.getTime();
    }
    locateCenter();
    window.onscroll=locateCenter;
    </script>
    </body>