Code bật tắt DIV cố định ở góc dưới màn hình

Đôi khi lướt web bạn sẽ thấy một số website sử dụng một vùng góc dưới nàm hình bên trái hoặc phải làm quảng cáo.
Code này ngắn gọn và nhẹ nhàng hơn một số code cùng loại, có nút bật/tắt tạm thời. Ứng dụng thủ thuật này vào các việc như ẩn hiện nội dung bài viết, menu click, bật tắt quảng cáo, ...

<script type="text/javascript">
function ad_button_show_hide() { var content = document.getElementById('ad_content'); var hide = document.getElementById('ad_button_show_hide'); if (content.style.display == "none") { content.style.display = "block"; hide.innerHTML = '<a href="javascript:ad_button_show_hide()"> Close</a>'; } else { content.style.display = "none"; hide.innerHTML = '<a href="javascript:ad_button_show_hide()">VIEW</a>'; } }
</script>
<style>
.ad-main-float { position: fixed; bottom: 0px; z-index: 999;left: 0pt;}
* html .ad-main-float{position:absolute;bottom:auto;top:expression(eval (document.documentElement.scrollTop+document.docum entElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))) ;} /* IE6 position fixed Bottom */
#ad_button_show_hide a { background: #A6CAF6; padding: 3px; color: #5788D7;float:right;}
#ad_content {display: block;background:#E8E8FF;}
</style>

<div class="ad-main-float">
<div id="ad_button_show_hide"><a href="javascript:ad_button_show_hide()"> X </a></div>
<div id="ad_content">
<a href="http://bendoi.vn/" target="_blank">
<img src="https://lh3.googleusercontent.com/-zBf8h3gRvXk/UE8ahwocplI/AAAAAAAABAo/I63kMzDT2js/s246/logo-web3.png"/></a>
</div>
</div>

X

thaotrinh lần 1

http://web.bendoi.vn/2013/08/code-bat-tat-div-co-inh-o-goc-duoi-man.html