[jquery代码]适合做关灯看视频、阅读演示
点击button激活关灯,再次点击开灯。
js控制部分
1 |
close//开关 |
1 |
highlight//不黑内容 |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 |
<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/3434.html