小编Gir*_*mar的帖子

使用HTML5和jQuery在按钮单击上获得类似于照相机的快门闪光效果

$('#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 捕获图片。单击按钮时,我需要屏幕上的本机摄像头(如闪光灯)。我尝试使用上面的代码,但仍然缺乏这种感觉。尝试以下链接,我想要类似的效果:演示

css jquery html5

4
推荐指数
1
解决办法
3167
查看次数

标签 统计

css ×1

html5 ×1

jquery ×1