Tạo hiệu ứng TẮT ĐIỆN cho Blog - Sưu tầm và chia sẻ mã (Code) nhúng Blog (Java Script/HTML)

Mẫu

<script type="text/javascript" src="http://nl-bloggervn-data.googlecode.com/files/jquery.min.js"></script>
<script type="text/javascript">
(function(){
   var im2 = new Image();
   im2.src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjf-RheR-mYqDUNw4J6AGRNerNNZVyNQ61hZvncVKQSUX0rNpydD9tWTX5mPm_2ZlhlnzbYVAwyp5Zp7NXEQSWI0UwoT-W5L3N1e7HSznF_Wtu4XVPwrjm4hDOpC6hszWPv69flPCx2Z6k/s800/nL-Mus%25202.jpg';
   jQuery(function($){
      var w = $(window), dimmer = $('<div style="position:fixed;z-index:-1;top:0;left:0;display:none;background-color:#000;"><\/div'),
      im1 = $('#onoff').toggle(lightsOut, lightsOn).css({zIndex: 11, position: 'relative', cursor: 'pointer'}).attr('src');
      function dresize(){dimmer.css({height: w.height(), width: w.width()});}
      function lightsOut(){this.title = this.alt = 'Lights On'; this.src = im2.src; dimmer.stop().css({zIndex: 10}).animate({opacity: 0.85, duration: 'slow'});}
      function lightsOn(){this.title = this.alt = 'Lights Off'; this.src = im1; dimmer.stop().css({zIndex: -1}).animate({opacity: 0, duration: 'slow'});}
      dresize();
      $('body').append(dimmer.css({opacity: 0, display: 'block'}));
      w.resize(dresize);
   });
})();
</script>
<img id="onoff" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW6EguJGBUWyWoLPc_1fHbE0sYaJnnAEks3mv55wEKSOBFO_D_fg_tVxw7Ti9sF48cNkoyhbyAuY4qXZAsA8470lEHjhgYlZ97gqt-SOq7USiK816_JXvsqy1oHZ6nvZSK3xsx9OjiWXs/s800/nL-Mus.jpeg" width="alt=" lights off" title="lights off" /><br />