Question

好的，我知道眨眼很糟糕，但我真的需要这个。录制电话时，我希望代理屏幕闪烁＆＃34;录制。＆＃34;否则我不希望这个词出现。我似乎可以做其中一个，但不是两个。

<head>
<style> span { display:none; } </style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<script src="/jquery.js"></script>
<script src="/jquery.modern-blink.js"></script>
<Script>
function StartRecording($user) {
    $.get("http://172.16.77.22/script.php?agent_user="+$user+"& _
                function=recording&value=START", function( data ) {
    $( "#top_hr").show();
    $( "#bot_hr").show();
            });
        jQuery(function($) {
            $('.js-top-hr').modernBlink();
            $('.js-bot-hr').modernBlink();
    });
}
</script>

这是一个应该受到影响的范围：

<span class="js-top-hr" id=top_hr><hr style="color:red"><font style="color:red">
<center>RECORDING </font></span></center>

...

这里有一个应该可以解决问题的按钮：

button id"="StartRec" name="StartRec" onclick="StartRecording('<?php echo _
     $user;?>');">Start Recording Now!</button>

（不得不关闭打开的标签＆＃34;按钮，因为它不会显示。＆＃34;

任何帮助都非常感谢！

JR

Answer 1

您可以使用javascript / JQuery实现此目的：

<script type="text/javascript">
  setInterval(function(){
      $('.blink').each(function(){
        $(this).css('visibility' , $(this).css('visibility') === 'hidden' ? '' : 'hidden')
      });
    }, 250);
</script>
<span class="js-top-hr blink">RECORDING</span>

或者您也可以使用CSS3：

.blink {
  -webkit-animation: blink 1s step-end infinite;
  animation: blink 1s step-end infinite
}

@-webkit-keyframes .blink {
  67% { opacity: 0 }
}

@keyframes .blink {
  67% { opacity: 0 }
}

然后在按下按钮时分配.blink类。

Source

Answer 2

试试这个：

function StartRecording($user) {
    $.get("http://172.16.77.22/script.php?agent_user="+$user+"& _
                function=recording&value=START", function( data ) {
        $( "#top_hr").show().modernBlink();
        $( "#bot_hr").show().modernBlink();
    });
}

JQuery：使隐藏的跨度可见并闪烁

2 个答案: