蓝叶博客

青春是一个充满活力的季节,即便是我们失去了天使的翅膀,只要我们还有一颗青春的心,那么我们的生活依然能够如阳光般灿烂!......
现在位置:首页 > 网站设计 > 开灯关灯JQUERY特效

开灯关灯JQUERY特效

蓝叶    网站设计    2011-01-20    5921    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>

评论一下 分享本文 赞助蓝叶

赞助蓝叶X

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

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