2012-02-24 5 views
0

이 Javascript 색상 퇴색 스크립트를 사용하고 있습니다. http://sandbox.scriptiny.com/fader/fader.html (사업부 배경 전환)자바 색상 퇴색 지연


문제 :

http://www.scriptiny.com/2008/05/javascript-color-fading-script/

는 I은 단일 배경 예컨대

색상 퇴색 5 개 다른 링크를 통해 활성화되도록 설정 간단합니다, 나는 색상 페이드 링크 사이에 사용자에 대한 지연이 필요합니다.

(. 예 사용자는 다시 색상을 변경하려면 3 초 기다려야 할 것입니다.)

여기

는 자바 스크립트 컬러 페이드 파일입니다 http://pastebin.com/pxWphT2h

어떤 아이디어가 크게 감사합니다, 감사합니다!

+1

[jQuery] (http://jquery.com/). – Blender

+1

색상이 시작된 색상과 다른 색상으로 바뀌지 않는 한 mouseOut에서 [CSS3 사용 고려] (http://net.tutsplus.com/tutorials/html-css-techniques/css-fundametals-css- 3-transitions /)? – Nightfirecat

+0

@Nightfirecat 다른 색상으로 배경색을 퇴색시키는 데 5 개의 링크가 이미 있습니다. 사용자가 다른 색상으로 변경하려면 3 초 정도 기다려야하므로 중간에 자바 스크립트 지연을 추가해야합니다. http : http : : //pastebin.com/pxWphT2h –

답변

1

HTML 파일에서 타이머를 사용하여 색상 변경 기능을 허용하지 않습니다.

<script type="text/javascript"> 
var isOK = true; 
function OK2Go() { 
    if (isOK == true) { 
     isOK = false; 
     setTimeout('isOK = true', 3000); 
     return true; 
    } else { 
     return false;     
    } 
} 
</script> 
... 

<a href="javascript:if(OK2Go()) {colorFade('testdiv7','background','ffffff','e4cdcd',50,15);}">div one</a> 

텍스트가 변경되는 http://jsfiddle.net/ZphLx/의 샘플을 참조하십시오.

+0

감사합니다. 당신은 훌륭합니다. –