[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