특정 시간 동안 표시되도록 요소에 시간 지연을 설정하는 가장 좋은 방법은 나타나지만 사라질 때 페이드 인 및 페이드 아웃 효과가있는 것은 무엇입니까? jQuery에서 fadeToggle() 함수를 사용하여이 작업을 수행 할 수 있습니까?fadeToggle()이있는 요소의 시간 지연?
내 현재 응용 프로그램의 예 : "복사"http://loremipsum.li
... 당신은 '복사'버튼이 클립 보드에 복사 텍스트를 클릭하고 나타납니다 캡션, 그러나 어떤 전환 효과도없이, 나는 달성하려는 것입니다.
의견이 있으십니까?
당신이 사용할 수있는 jQuery의 delay() :
$(this).fadeToggle().delay(500).fadeToggle()
시간 (밀리 초)입니다.
delay
나중에 이동합니다.
http://jsfiddle.net/astynax777/wxRRS/
$('#foo').delay(3000).fadeIn('slow').delay(3000).fadeOut('slow');
U는이 같은 시도 할 수 있습니다 -
바이올린 - 매개 변수에 대한 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>