单击时具有淡入淡出效果的隐藏/返回发送按钮 - Hiding/Return send button with a fade effect on click

Hiding/Return send button with a fade effect on click

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

有人知道如何使用javascript和CSS吗？我不是一个好的JS专家。

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

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

这将慢慢淡出按钮，然后当它淡出后，它将等待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>

执行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>

edit：你可能应该禁用按钮，而不是简单的fadeIn/Out——在我工作的公司，我们只是将文本改为"处理"，用户无法重新点击按钮周期（它不会回来）。