[jquery代码]适合做关灯看视频、阅读

gyue2345·2017-02-07·45 次阅读··

[jquery代码]适合做关灯看视频、阅读演示

点击button激活关灯，再次点击开灯。

js控制部分

close//开关

highlight//不黑内容

<script>
 $(".button").click(function(e) {
 var this$ = $(this);
 if ($('.overlay').hasClass('close')) {
 $('.overlay').css("display","initial");
 $('.overlay').removeClass('close');
 $('#main').addClass('highlight');
 } else {
 $('.overlay').css("display","none");
 $('.overlay').addClass('close');
 $('#main').removeClass('highlight');
 
 }
 })
 </script>

详细：https://www.ljy2345.com/test/%E9%BB%91%E5%A4%9C%E6%A8%A1%E5%BC%8F/

历史上的文章

• 2019:  tinection主题实现导航条下滑自动隐藏方法( 3)
• 2019:  WordPress如何自定义一个post_type，reviwe重写链接( 0)
• 2016:  纯代码实现WordPress自动生成页面静态缓存( 0)
• 2016:  纯代码实现WordPress用户邮箱登录( 0)