Dolly’ll never go away again

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

主页 » 日志随笔 » [jquery代码]适合做关灯看视频、阅读

Gyue2345 2017-02-07 4:57 LJY2345 | 评论关闭 13

评分 1 次，平均分 5.0 ：

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

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

js控制部分

close//开关

1

close//开关

highlight//不黑内容

1	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>

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

博主作者：Gyue2345 关注：4 粉丝：0最后编辑于：2017年7月20日

LJY IT BLOG的站长。

相关文章

您也可以使用第三方帐号快捷登录

扫一扫二维码分享

繁