daochichkid
19-03-2012, 06:09 PM
Code: chèn vào footer hoặc header
<!--tắt điện-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
(function(){
var im2 = new Image();
im2.src = './images/benhvienso_sang.png';
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>
</head>
<body>
<img id="onoff" src="./images/benhvienso_toi.png" width="alt="Lights Off" title="Lights Off"><br>
<!--End tắt điện-->
Thay Chữ màu đỏ thành http://benhvienso.net/forums/images/benhvienso_sang.png và benhvienso_toi.png.
Bạn có thể download hình ảnh về rùi thay.
Demo online:
benhvienso.net (http://benhvienso.net)
Góc trái cuối màn hình nhé bạn :D
<!--tắt điện-->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script type="text/javascript">
(function(){
var im2 = new Image();
im2.src = './images/benhvienso_sang.png';
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>
</head>
<body>
<img id="onoff" src="./images/benhvienso_toi.png" width="alt="Lights Off" title="Lights Off"><br>
<!--End tắt điện-->
Thay Chữ màu đỏ thành http://benhvienso.net/forums/images/benhvienso_sang.png và benhvienso_toi.png.
Bạn có thể download hình ảnh về rùi thay.
Demo online:
benhvienso.net (http://benhvienso.net)
Góc trái cuối màn hình nhé bạn :D