Code Tắt mở đèn - hiệu ứng Jquery tiết kiệm điện cho website

trước khi dùng

demo sau khi dùng

mô tả : 1 thanh điều khiển được fix ở cuối trình duyệt,

 hiện thị  nút bật tắt  cho website xem ở chế độ bật hay tắt đèn

Demo http://tvvn.tk/ 

 ứng dụng :
B1 : add style css :
.lightSwitcher {
 z-index:113;
 padding:0;
 margin:0;
 color:#99FF33;
 outline:none;
 text-decoration:none;
}
.lightSwitcher:hover, .lightSwitcher:active, .lightSwitcher:link, .lightSwitcher:visited {
 text-decoration:underline;
 color:#99FF00;
}
#command {
 z-index:113;
 position:relative;
 padding:0;
 margin:0px;
 text-align:center;
}
#shadow {
 background-image:url('http://i113.photobucket.com/albums/n212/04b2/shade1x1.png');
 left:0;
 top:0;
 width:100%;
 z-index:100;
 position:absolute;
 height: 677px;
 display: none;
}
.turnedOff {
 color:#ffff00;

}
.div_fix {
 position: fixed;
 width: 100%;
 height: 18px;
 z-index: 114;
 left: 0pt;
 bottom: 0pt;
 border-top: 1px solid #646464;
 padding: 2px 5px;
 background-color:#323232;
 font-family: tahoma;
 font-size: 10pt;
 font-weight: bold;
}
B2 add thư viện jquery
<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'></script>
add code
<script type='text/javascript'>
            $(document).ready(function(){
                $("#shadow").css("height", $(document).height()).hide();
                $(".lightSwitcher").click(function(){
                    $("#shadow").toggle();
                    if ($("#shadow").is(":hidden"))
                        $(this).html("Tắt Đèn ").removeClass("turnedOff");
                     else
                        $(this).html("Bật Đèn ").addClass("turnedOff");
                });
               
            });

        </script>
B3    chèn mã html vào trước </body>
 <div class="div_fix">
  <div style="float:left;width:10%;">
    <div id="command"><a class="lightSwitcher" href="#">Tắt Đèn</a></div>
  </div>
</div>
<div id="shadow" ></div>
ngoài ứng dụng ta có thể sử dụng online leaf cho tiết kiệm hơn phát triển ứng dụng nguồn
http://www.jankoatwarpspeed.com/examples/TurnOffTheLights/