Đâ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:
Đăng nhận xét