2012-02-24 3 views
0

私はこのJavascript Color Fading Scriptを使用しています。JavaScriptのカラーフェードディレイ

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

Iは、例えば単一背景

の色フェードする5つの異なるリンクを介して活性化するように設定する:


問題http://sandbox.scriptiny.com/fader/fader.html(DIVの背景遷移)シンプルなので、私は色褪せリンクの間にユーザーのための遅延を持つ必要があります。ここで

(。。例ユーザーは、再び色を変更するために3秒を待たなければならない)

はJavascriptカラーフェードファイルです: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トランジション/)? – Nightfirecat

+0

@Nightfirecat私は既に色々な色に背景色をフェードアウトさせる5つのリンクを持っています。その間にjavascriptの遅延を追加するだけで、ユーザーは別の色に変更するのに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

ありがとうございます、あなたは華麗です。 –