蓝叶

蓝叶分享emlog模版、emlog插件、zblog插件、zblog模版、帝国模版、绿色软件、蓝叶原创作品等众多精选好资源。
现在位置:首页 > 网站设计 > 开灯关灯JQUERY特效

开灯关灯JQUERY特效

蓝叶    网站设计    2011-01-20    11329    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
搜狗高速模式下关了灯无法开灯了。
加载中....
快捷导航 返回顶部
付费服务
音乐欣赏
友情链接
保存桌面
给我留言
返回顶部