html

<div id="container">
            <div id="content">
                <p>網頁內容</p>
                <p>網頁內容</p>
                <p>網頁內容</p>
                <p>網頁內容</p>
                <p>網頁內容</p>
                <p>網頁內容</p>
 

            </div>
            <div id="ad1">
                <a href="javascript:closeWindos('ad1')">
                    <div id="cs">關閉廣告</div>
                </a>
            </div>
            
            <div id="ad2">
                <a href="javascript:closeWindos('ad2')"
 
>
                    <div id="cs">關閉廣告</div>
                </a>
            </div>
        </div>

css

<style>
            *{
                margin: 0;
                padding: 0;
            }
            
            #content{
                width: 600px;
                height
 
: 750px;
                margin: 0 auto;
                background:#cff;
                padding: 50px;
            }
            
            
            /*對聯廣告樣式設定*/
            #ad1,#ad2{
                position:fixed;
                /*對對聯廣告進固定定位*/
                top:50px;
                width: 120px;
                height: 150px;
                background: #9cf;
            }
            #ad1{
                left: 0;
            }
            #ad2{
                right: 0;
            }
            
            
            #cs{
                margin-top: 140px;
                height: 25px;
                line-height: 25px;
                text-align: center;
                font-size: 14px;
                background-color: #999;
            }
            p{
                text-align: center;
            }
        </style>

js

<script>
            function closeWindos(idname){
                var window = document.getElementById(idname)
                window.style.display = "none"//點選連結後，隱藏當前廣告視窗
            }
        </script>