侧栏广告

来源：互联网发布：windows10平板优化版编辑：程序博客网时间：2024/05/01 10:17

<!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" >
<head>
    <title>无标题页</title>
    <link href="css/flowad.css"  rel="Stylesheet" type="text/css"/>
    <script src="js/jquery-1.2.6.js" type="text/javascript"></script>  
    <script type="text/javascript">
        $(this).scroll(function() { 
            var bodyTop = 0;   
            //pageYOffset,设置或返回当前页面相对于窗口显示区左上角的 Y 位置。
            if (typeof window.pageYOffset != 'undefined') {   //typeof取得类型
                bodyTop = window.pageYOffset;   
            }
            else 
            {   //compatMode，文档模式。
                if (typeof document.compatMode != 'undefined' && document.compatMode != 'BackCompat')
                {   
                    bodyTop = document.documentElement.scrollTop;   
                }   
                else if (typeof document.body != 'undefined') {   
                    bodyTop = document.body.scrollTop;   
                }   
            }
  
            $("#qqonline").css("top", 100 + bodyTop);  
    
            $("#qqonline1").css("top", 100 + bodyTop);
    
        }); 
    </script>
</head>
<body>
    <div style="height:888px; width:700px; background-color:Silver; margin:0 auto;">Hello
    </div>
    <div id="qqonline">  
        <img src="images/left.jpg" style=" width:95px;height:180px" />
    </div>  
     <div id="qqonline1">  
       <img src="images/y3.gif" style=" width:95px;height:180px" />
    </div>
</body>
</html>

css文件

  #qqonline{
            border:0; 
            position:absolute;   
            top:100px;   
            padding:0px;
            width:95px;   
            height:180px;   
        } 
          
        #qqonline1
        {
            margin-right:0px;
            border: 0;  
            position:absolute;   
            top:100px;  
            right:0px;   
            width:95px;   
            height:180px;   
        }   