现在位置:首页 > 网站设计 > 开灯关灯JQUERY特效

开灯关灯JQUERY特效

作者:蓝叶 分类:网站设计 时间:2011-01-20 浏览:11665 评论:7

在网上看电影视频时,页面上都是开灯关灯的效果,其实这是一个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>

免责声明:

本页网址:点击复制分享给朋友吧!

本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!

评论列表
挤眼亲亲咆哮开心想想可怜糗大了委屈哈哈小声点右哼哼左哼哼疑问坏笑赚钱啦悲伤耍酷勾引厉害握手耶嘻嘻害羞鼓掌馋嘴抓狂抱抱围观威武给力
提交评论

清空信息
关闭评论
Remote
Remote游客
#6
把浏览器缩小到横向滚动条出来后,点关灯,就有问题了,右边空白。
2011-08-23 17:51回复
月下听荷
月下听荷游客
#5
什么360,搜狗浏览器不是很好啊!很多东西到了那里都变味!
2011-07-15 21:01回复
3w4234
3w4234游客
#4
关灯了以后就没法开灯了啊!希望能补充一下啊!
2011-06-13 21:26回复
蓝叶
蓝叶游客
@3w4234:请问你用的什么浏览器,是IE几。
2011-06-13 21:35回复
匿名
匿名游客
#3
學習了
2011-05-17 19:25回复
sky
sky游客
#2
很不错的效果,我也有个类似的效果的
2011-01-24 23:27回复
罡风行
罡风行游客
#1
搜狗高速模式下关了灯无法开灯了。
2011-01-21 17:59回复
音乐欣赏
返回顶部