php - 单击时具有淡入淡出效果的隐藏/返回发送按钮

Question

我想让我的按钮通过淡出消失 2 秒，然后在 2 秒后通过淡入重新出现。

有谁知道如何用 javascript 和 CSS 制作它？我不是一个JS的好专家。

Answer 1

这会做你想做的，但不要指望它解决任何垃圾邮件问题：

<input type='submit' onclick='$(this).fadeOut().delay(2000).fadeIn()'/>

Answer 2

要执行 onclick 功能并将其全部保存在 javascript 代码中：

<input id='button' value='Button Text'>
<script language='javascript'>
$(function() {
  $('#button').click(function(){
    $(this).fadeOut('slow',function() {
      setTimeout('$(this).fadeIn("slow");',2000);
    });
  });
});
</script>

编辑：您可能应该禁用按钮而不是简单的淡入/淡出 - 在我工作的公司，我们只是将文本更改为“处理”，并且用户无法重新单击按钮期间（它不会回来）。

Answer 3

这将使按钮慢慢淡出，然后当它淡出完成后，它将等待 2 秒钟，然后再次淡入。请注意，这不是防止垃圾邮件的有效方法。尽管按钮“隐藏”了 2 秒，但它并没有真正停用表单。如果垃圾邮件发送者使用自动化程序填写并提交表单，则将按钮设置为隐藏不会阻止这种情况。但作为证明，请随意使用下面的代码。

<input id="submitBtn" type="submit" value="Submit my form!"/>
<script type="text/javascript">
    $("#submitBtn").fadeOut('slow',function(){
        setTimeout('$("#submitBtn").fadeIn("slow");',2000);
    });
</script>