Thứ Bảy, 1 tháng 6, 2013

[Cải tiến] Script tắt đèn cho website .


Đây là đoạn mã cải tiến từ code cũ về điều chỉnh ánh sáng trong website . Ở phiên bản này fix lỗi mở đèn lại và hiển thị nút Bật Đèn / Tắt Đèn trực quan tại thanh công cụ bên dưới website của bạn.

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js" type="text/javascript"></script>

<script type='text/javascript'> 
//<![CDATA[
$(document).ready(function(){
$("#shadow").css("height", $(document).height()).hide();
$(".lightbutton1k").click(function(){
$("#shadow").toggle();
if ($("#shadow").is(":hidden"))
$(this).html("<img src='http://4.bp.blogspot.com/-jdDwLesgOMo/UBdIihRjxiI/AAAAAAAAJRs/8l8fmTiYJc0/s1600/lightbulb-off-code1k.com.png' alt='' /> Tắt Đèn").removeClass("turnedOff");
else
$(this).html("<img src='http://1.bp.blogspot.com/-deK-wtrmMOw/UBdIjPSa7rI/AAAAAAAAJR0/C0LZ1YtZf24/s1600/lightbulb-on-code1k.com.png' alt='' /> Bật Đèn").addClass("turnedOff");
});

});
//]]>
</script>

<style type="text/css">
.lightbutton1k {
z-index:113;
padding:0;
margin:0;
color:#99FF33;
outline:none;
text-decoration:none;
}

#command {
z-index:113;
position:relative;
padding:0;
margin:0px;
text-align:center;
}

lightbutton1k{
text-decoration:none;
color:white;
}

#shadow {
background-image:url('http://3.bp.blogspot.com/-1RvjzOZLsWM/UBdH1jOyreI/AAAAAAAAJRk/Bmes4O6W98E/s1600/shade-code1k.com.png');
left:0;
top:0;
width:100%;
z-index:100;
position:absolute;
height: 677px;
display: none;
}

.turnedOff {
color:white;
}

.toollightoff1k {
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;
}
</style>

<div class="toollightoff1k">
<div style="float:left;width:10%;">
<div id="command"><a class="lightbutton1k" href="#"><img src='http://4.bp.blogspot.com/-jdDwLesgOMo/UBdIihRjxiI/AAAAAAAAJRs/8l8fmTiYJc0/s1600/lightbulb-off-code1k.com.png' alt='' /> Tắt Đèn</a></div>
</div>
</div>
<div id="shadow" ></div>

  Dán code vào HTML/JA... CHÚC THÀNH CÔNG.

Không có nhận xét nào:

Related Posts Plugin for WordPress, Blogger...
BẤM VÀO ẢNH ĐỂ ĐẾN TRANG CẦN XEM.
QUANGHIEN968.
XEM BỘ ẢNH TẠI ĐÂY.
QUANGHIEN968.
XEM BỘ ẢNH TẠI ĐÂY.
QUANGHIEN968.
XEM BỘ ẢNH TẠI ĐÂY.
QUANGHIEN968.
.XEM BỘ ẢNH TẠI ĐÂY.
Blogger Gadgets
Copyright 2010 CODE968.COM

TRANG CHỦ. | ĐỌC BÁO | L.B.V MÁY TÍNH. | NGHE NHẠC. | XEM PHIM. |