Nút "Tắt đèn" tạo hiệu ứng giảm ánh sáng cho website

Nút chức năng giảm ánh sáng của màn hình trình duyệt. Một số trình duyệt chưa hỗ trợ chức năng này.

Xem thử

 

<style type="text/css">
.bodynight {
height: 100%;
width: 100%;
position:fixed;
top: 0px;
left: 0px;
background-color: rgb(0, 0, 0);
background-repeat:repeat;
opacity: 0.7;
-moz-opacity: 0.70;
filter: alpha(opacity=70);
z-index: 20;
}
</style>

<div class='bodynight' id='bodynight-code1k-com' name='bodynight'></div>
<script type='text/javascript'>document.getElementsByName("bodynight")[0].style.display = "none";</script>
<a href="#" onclick="document.getElementsByName('bodynight')[0].style.display='';">Tắt đèn</a> <img src="http://ca2.upanh.com/upload/6/908/CS0.11093945_29781_1.png" alt="Code1k.com" style="border:0px;margin:0px;padding:0px;" / >