<style type="text/css">

        .dienmaybeta

        {

            position: fixed;

            bottom: 0px;

            right: 5px;

            z-index: 99999;

        }

        .dienmaybeta .content

        {

            position: relative;

            background-image: url("link hình");

            background-repeat: no-repeat;

            width: 300px;

            height: 250px;

        }

        .dienmaybeta .adstitle

        {

            font-size: 12px;

            text-align: center;

            width: 300px;

            font-weight: bold;

            font-family: Tahoma;

            background-color: transparent;

            height: 15px;

            cursor: pointer;

        }

        .dienmaybeta .adstitle .adsmin

        {

            background-image: url(http://thegioididong.com/Images/Ads/Bottom/button.gif);

            background-position: -30px 0;

            height: 15px;

            width: 30px;

        }

        .dienmaybeta .adstitle .adsmax

        {

            background-image: url(http://thegioididong.com/Images/Ads/Bottom/button.gif);

            background-position: -60px 0;

            height: 15px;

            width: 30px;

        }

    </style>



<div class="dienmaybeta" id="divBetaBanner">

        <div class="adstitle">

            <div style="float: left; width: 218px; display: none; background-color: #fff;" id="divBetaTitle">

                Khuyến mãi giá sốc

            </div>

            <div style="float: right;" class="adsmin" id="divBetaMin" onclick="HideBeta();">

               

            </div>

            <div style="float: right; display: none;" class="adsmax" id="divBetaMax" onclick="ShowBeta();">

               

            </div>

            <div class="clearfloat">

            </div>

        </div>

        <a href='http://www.soft-full.net'

            title="wWw.Soft-Full.Net_Diễn Đàn Tin Học-Công Nghệ Thông Tin Và Âm Nhạc "

            target="_blank">

            <div class="content" id="divBetaContent">

            </div>

            <div style="clear: both;">

            </div>

        </a>

    </div>

<script type="text/javascript">

        setTimeout("HideBeta()", 10000);

        function ShowBeta() {

            var adstitle = document.getElementById('divBetaTitle');

            var adsmax = document.getElementById('divBetaMax');

            var adsmin = document.getElementById('divBetaMin');

            var divleftads = document.getElementById('divBetaContent');



            if (adstitle != null) {

                adstitle.style.display = 'none';

                adstitle.style.border = '0px solid #aaa';

            }



            if (adsmax != null) {

                adsmax.style.display = 'none';

            }



            if (adsmin != null) {

                adsmin.style.display = 'block';

            }



            if (divleftads != null) {

                divleftads.style.display = 'block';

            }

            setTimeout("HideBeta()", 10000);

        }



        function HideBeta() {

            var adstitle = document.getElementById('divBetaTitle');

            var adsmax = document.getElementById('divBetaMax');

            var adsmin = document.getElementById('divBetaMin');

            var divleftads = document.getElementById('divBetaContent');



            if (adstitle != null) {

                adstitle.style.display = 'block';

                adstitle.style.border = '1px solid #aaa';

            }



            if (adsmax != null) {

                adsmax.style.display = 'block';

            }



            if (adsmin != null) {

                adsmin.style.display = 'none';

            }



            if (divleftads != null) {

                divleftads.style.display = 'none';

            }

        }

     

    </script>