Php 隐藏/返回“发送”按钮，单击时具有淡入淡出效果

我想使我的按钮消失2秒淡出，然后重新出现后2秒淡入

有人知道如何使用javascript和CSS实现这一点吗？

---

我不是一个好的JS专家。

这将满足您的需求，但不要指望它解决不了任何垃圾邮件问题：

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

---

这将满足您的需求，但不要指望它解决不了任何垃圾邮件问题：

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

$（“#submitBtn”）.fadeOut（'slow'，function（）{
setTimeout（'$（“#submitBtn”）.fadeIn（“slow”）；2000）；
});

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

$（“#submitBtn”）.fadeOut（'slow'，function（）{
setTimeout（'$（“#submitBtn”）.fadeIn（“slow”）；2000）；
});

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

$（函数（）{
$（“#按钮”）。单击（函数（）{
$（this.fadeOut（'slow'，function（））{
setTimeout（'$（this）.fadeIn（“slow”）；'，2000）；
});
});
});

---

编辑：您可能应该禁用按钮而不是简单的fadeIn/Out-在我工作的公司，我们只是将文本更改为“处理”，用户不能重新单击按钮周期（不会返回）。

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

$（函数（）{
$（“#按钮”）。单击（函数（）{
$（this.fadeOut（'slow'，function（））{
setTimeout（'$（this）.fadeIn（“slow”）；'，2000）；
});
});
});

---

编辑：你可能应该禁用按钮，而不是简单的fadeIn/Out-在我工作的公司，我们只是将文本更改为“处理”，用户不能重新单击按钮周期（不会返回）.

我不认为这是防止垃圾邮件的有效方法。请记住，淡出会影响提交按钮的CSS样式，尽管它是“隐藏”的，但它不会真正停用表单。如果垃圾邮件发送者使用自动程序填写表单并提交表单，将按钮样式设置为隐藏不会阻止这一点。好的。但我仍然想做那个淡入淡出按钮。你试过淡出（2000）和淡入淡出（2000）吗？但这并不是说它可以阻止垃圾邮件。好吧，用户2091820，只要你意识到它的局限性，意识到它不是垃圾邮件的真正解决方案，我在下面添加了一个答案，并在注释中添加了一个JSFIDLE。我不会说这是防止垃圾邮件的有效方法。请记住，淡出会影响提交按钮的CSS样式，尽管它是“隐藏的”，但它并不会真正停用表单。如果垃圾邮件发送者使用自动程序填写表单并提交表单，将按钮样式设置为隐藏不会阻止这一点。好的。但我仍然想做那个淡入淡出按钮。你试过淡出（2000）和淡入淡出（2000）吗？但这并不是说它可以阻止垃圾邮件。好吧，用户2091820，只要你意识到它的局限性，并且意识到它不是垃圾邮件的真正解决方案，我在下面添加了一个答案，并在评论中添加了一个JSFIDLE。下面是一个JSFIDLE，看看这里发生了什么，看看这是否是你想要的…：我会这样做：

$（“#submitBtn”）。单击（function（）{$（this）.fadeOut[…]

因此，当用户单击按钮时，该按钮将消失。否则，当页面加载时，该按钮将消失。下面是一个JSFIDLE，用于查看此处发生的情况，以帮助查看这是否是您想要的…：我将使其成为：

$（“#submitBtn”）。单击（function（）{$（this）。fadeOut[…]

因此，当用户单击按钮时，该按钮将消失。否则，它将在页面加载时消失。谢谢。实际上，我并没有使用该按钮来保护垃圾邮件，我使用该按钮是为了让用户可以停止单击两次（因为他们认为消息没有发送，请使用jQuery btw），然后使用jQuery:，这就是您想要的答案。）谢谢。事实上，我并没有用它来保护垃圾邮件，我用它是为了让用户可以停止点击两次（因为他们认为邮件没有发送，使用jQuery btw），然后这个答案就是你想要的答案，使用jQuery:）