jquery开关灯案例_jquery实现开关灯

开关灯.html:

开关灯

.off{ background-color:#000000;}

.hidDiv{ display:none;}

.showDiv{ display:block;

position:absolute;top:0px;left:0px;

width:1000px;height:800px;

border:1px solid #000;

background-color:Gray;

z-index:99;

filter:Alpha(Opacity=70);

opacity: 0.7;

}

#divShow{position:absolute;z-index:100;}

$(function () {//文档解析完后执行

$("#btnOO").click(function () {//为id=btnOO的按钮添加一个点击事件方法

//$("body").toggleClass("off"); //点击的时候为body 添加/移除 名为off的类选择器

if ($("#shadowDiv").attr("class") == "showDiv") {//执行关灯操作

$("#shadowDiv").attr("class", "hidDiv");

} else $("#shadowDiv").attr("class", "showDiv");

});

})