主页 / 问题 / 1594847
Accepted
Tamo Tamm
Asked:2024-09-25 19:12:50 +0000 UTC2024-09-25 19:12:50 +0000 UTC

动画重启

  • 772

这段代码如何实现更新效果？猫可以工作，但是当您按刷新时没有任何效果，并且不清楚是否有任何变化

<a href="javascript://" id="recurl">refresh</a>

<div id="recomb">$COM_BODY$</div>

<script type="text/javascript">
  $('#recurl').click(function() {
    random = Math.floor(Math.random() * 9999);
    $.get('$REQUEST_URI$?' + random, function(data) {
      $('#recomb').html($('#recomb', data).html());
    });
  });
</script>
javascript

1 个回答

  1. Best Answer

    为了看到效果，需要添加

    例如，让我们添加一些css，然后在脚本中，在该行之后click，添加我们的css $('#recomb').addClass('flash');以查看“闪烁” $COM_BODY$（我们在最后删除它）

    另外不要忘记包括图书馆jQuery

    $('#recurl').click(function() {
  //убираем для повторного срабатывания
  $('#recomb').removeClass('flash');
  setTimeout(function() {
    $('#recomb').addClass('flash'); //добавили
  }, 10);
  var random = Math.floor(Math.random() * 9999);
  $.get('$REQUEST_URI$?' + random, function(data) {
    $('#recomb').html($('#recomb', data).html());
    setTimeout(function() {
      $('#recomb').removeClass('flash'); //убрали
    }, 500);
  });
});
    .recomb.flash {
  animation: flash 0.5s ease-in-out;
}

@keyframes flash {
  50%{color:#fff;text-shadow:0 -1px rgba(0,0,0,.3),0 0 5px #f03000,0 0 8px #f80000;
}
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

<a href="javascript://" id="recurl">refresh</a>
<div id="recomb" class="recomb">$COM_BODY$</div>

    动画，你可以选择这里，这里，这里

    *我搜索了“css闪烁动画”（**但是在ru.SO测试窗口中看不到效果）

    • 1

相关问题