殷德瑶博客
喜欢的歌,静静地听!喜欢的人,远远地看!

开灯关灯JQUERY特效

殷德瑶 2015-9-18 emlog教程 评论 1426 次
在网上看电影视频时,页面上都是开灯关灯的效果,其实这是一个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>
没有标签!

发表评论


粤ICP备15078261号 Powered by 黑暗之夜
Theme by 殷德瑶博客