[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)
除特别注明外,本站文章均采用BY-NC-SA协议授权,转载请注明来自:https://www.ljy2345.com/2017/02/jquery%e4%bb%a3%e7%a0%81%e9%80%82%e5%90%88%e5%81%9a%e5%85%b3%e7%81%af%e7%9c%8b%e8%a7%86%e9%a2%91%e3%80%81%e9%98%85%e8%af%bb/
Comments | NOTHING