Question

在元素上设置时间延迟以使其显示特定时间的最佳方法是什么，但在出现和消失时会有淡入和淡出效果？可以使用jQuery中的fadeToggle（）函数来完成吗？

我当前申请的示例：http://loremipsum.li

...当您点击“复制”按钮时，它会将文本复制到剪贴板并显示“已复制”！标题，但没有任何过渡效果，这是我想要实现的目标。

有什么想法吗？

Answer 1

您可以使用jQuery的delay()：

$(this).fadeToggle().delay(500).fadeToggle()

时间以毫秒为单位。

delay：http://api.jquery.com/delay/

Answer 2

你好。

http://jsfiddle.net/astynax777/wxRRS/

$('#foo').delay(3000).fadeIn('slow').delay(3000).fadeOut('slow');

Answer 3

你也可以尝试这样的事情 -

小提琴 - http://jsfiddle.net/swapnesh/wkhPS/

检查.fadeToggle( [duration ] [, easing ] [, complete ] )方法http://api.jquery.com/fadeToggle/

中的参数

<!DOCTYPE html>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $(".copy").show().fadeToggle(3000);
  });
});
</script>
</head>
<body>

<div class="copy" style="display:none;">copied!!</div>
<button>Copy</button>


</body>
</html>

元素的时间延迟有fadeToggle（）？

3 个答案: