开灯关灯JQUERY特效

殷德瑶 2015-9-18 emlog教程评论 4846 次

在网上看电影视频时，页面上都是开灯关灯的效果，其实这是一个jquery特效。
演示：开灯关灯JQUERY特效
<script>
$(document).ready(function(){
$("#shadow").css("height", $(document).height()).hide();
$(".lightSwitcher").click(function(){
$("#shadow").toggle();
if ($("#shadow").is(":hidden"))
$(this).html("关灯").removeClass("turnedOff");
else
$(this).html("开灯").addClass("turnedOff");
});
});
</script>

没有标签！