2012-01-13 2 views
0

w3schools - Hide paragraph의 코드를 수정하여 텍스트가 표시되는 데 6 초가 소요되는 표시 버튼을 포함 시켰습니다. 텍스트가 숨겨진 후 다시 표시되기까지 약 3 초가 걸립니다. 이유가 있습니까? 여기 내 수정 된 코드는 (단지 W3 스쿨의 "숨기기 단락"URL에이 코드를 붙여 넣기) :텍스트가 숨겨진 후 표시 속도가 느려짐

<html> 
<head> 
<script type="text/javascript" src="jquery.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
    $("#hide").click(function(){ 
    $("p").hide(3000); 
    }); 
    $("#show").click(function(){ 
    $("p").show(6000); 
    }); 
}); 
</script> 
</head> 
<body> 
<button id = "hide">Hide</button> 
<button id = "show">Show</button> 
<p>This is a paragraph with little content.</p> 
<p>This is another small paragraph.</p> 
</body> 
</html> 
+0

작품 벌금을 속도가 빨라집니다. http://jsfiddle.net/vWLv3/ –

+1

질문은 왜 그렇게 오래 걸리는지에 관한 것입니다. – hvgotcodes

답변

1

나는 그것이 당신이 사용하는 완화와 관련이 있다고 생각합니다. 시도

$(document).ready(function(){ 
    $("#hide").click(function(){ 
    $("p").hide(3000); 
    }); 
    $("#show").click(function(){ 
    $("p").show(6000, 'linear'); 
    }); 
}); 

여기 http://jsfiddle.net/HhubD/

당신이)합니다 (doc 쇼에서 읽을 완화 매개 변수

jQuery를 1.4.3의로
.show([duration] [, easing] [, callback]) 

을 가지고 수 있듯이, 선택적 문자열이 명명 바이올린 완화 기능은 일 수 있습니다. 이징 함수는 애니메이션 내의 다른 지점에서 애니메이션 이 진행되는 속도를 지정합니다. jQuery 라이브러리에 구현 된 인스턴스는 swing이라는 이라는 기본 인스턴스와 선형이라는 일정한 속도로 진행되는 인스턴스입니다. 더 편한 함수는 플러그인, 특히 jQuery UI 제품군을 사용하여 사용할 수 있습니다.

아마 "스윙"느릅 나무를 완화하는 것은 기본이 처음에 느린이며, 그것은 나를 위해

-1

이 때문에 hideshow 인수에 30006000 인수입니다. 그것들은 애니메이션이 얼마나 오랫동안 지속되어야 하는지를 메서드에 알려줍니다. 값을 낮추십시오. 1000 = 1 초.

+1

그의 질문에 대한 대답이 아닙니다. 그는 쇼 방식으로 6000을 설정하고 다시 표시하려면 왜 3 초가 걸릴지 물었습니다! –

+0

@EvilP 처음부터 그 기능을 느리게 만드는 게 느슨한거야 –

+0

exuse me 뭐라 고하니? –

관련 문제