0

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

我当前应用的例子：http: //loremipsum.li

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

有什么想法吗？

4

3 回答 3

5

您可以使用 jQuery 的delay()：

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

时间以毫秒为单位。

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

于 2013-04-08T19:22:11.657 回答
1

给你。

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

$('#foo').delay(3000).fadeIn('slow').delay(3000).fadeOut('slow');
于 2013-04-08T19:22:39.133 回答
0

你也可以试试这样的 -

小提琴 - 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>
于 2013-04-08T19:29:36.627 回答