$('#btn').on('click', function(e) {
$('#skm_LockPane').addClass('LockOn');
var millisecondsToWait = 100;
setTimeout(function() {
$('#skm_LockPane').removeClass('LockOn');
}, millisecondsToWait);
});Run Code Online (Sandbox Code Playgroud)
.LockOff {
display: none;
visibility: hidden;
}
.LockOn {
overflow: hidden;
display: block;
visibility: visible;
position: absolute;
z-index: 999;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: blue;
text-align: center;
padding-top: 20%;
filter: alpha(opacity=75);
opacity: 0.5;
}Run Code Online (Sandbox Code Playgroud)
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="skm_LockPane" class="LockOff"></div>
<button id="btn">Click!</button>Run Code Online (Sandbox Code Playgroud)
我正在使用
getUserMedia“ Click!”按钮上的HTML5 捕获图片。单击按钮时,我需要屏幕上的本机摄像头(如闪光灯)。我尝试使用上面的代码,但仍然缺乏这种感觉。尝试以下链接,我想要类似的效果:演示