2011-08-23

Floatting Banner 스크롤에 관계없이 고정위치


1.  HTML


  <div class="fixed-screen-top" >
  <div id="fixed-screen-top">
   <table border="0" cellpadding="10" cellspacing="0" bgcolor="#000000">
    <tr>
     <td align="center" >
        <!--    Contents -->

      </td>
    </tr>
    <tr>
   <td height="10" align="center" style="background-color:#000000;color:black;"><a href="javascript:floating_close('fixed-screen-top');" style="color:#FFFFFF; text-decoration:none; font-size:12px;"><strong>[¥›±‚]</strong></a></td>
  </tr>
 </table>
</div></div>

2. CSS
   .fixed-screen-top
   {position:fixed;bottom:auto; top:50px; margin-left: 142px;}

   * html .fixed-screen-top  
   {position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+50));}

3. Script for closing

 <script>
  function floating_close(divid) {
             var strObj = document.getElementById(divid);
             strObj.style.display = "none";
   }
  </script>


No comments:

Post a Comment