CSSのドロップダウンメニューは、マウスの外側に表示されます

Question

誰もこれを行うには、最善の方法で光を当てることはできますか？

私は今日suckerfishの息子に基づいてCSSドロップダウンメニューを作成しました。私はマウスの上でマウスで見えるようになる<ul>が2秒間画面上にとどまるように、JSで少し強調したい。

はここで任意のリンクやアドバイスは素晴らしいだろうフェイクドロップダウンCSSメニュー

http://www.eagleworks.co.uk/test/cssdropdown/

へのリンクです。あなたはタイムアウトを使って、これを行うことができます

おかげで、すべての

Answer 1

。次のような

何か作業をする必要があります：マウスアウトを変更し、それぞれのタイムアウトを設定し、クリアするためにマウスオーバーその後var theTimeout = null;

：

は、グローバル変数を作成します。

sfEls[i].onmouseover=function() { 
    clearTimeout(theTimeout); 
    this.className+=" sfhover"; 
} 
sfEls[i].onmouseout=function() { 
    var self = this; 
    theTimeout = setTimeout(function(){ 
     self.className=this.className.replace(new RegExp(" sfhover\\b"), ""); 
    },2000); 
} 

あなたは彼らにあなたが別のメニューを開くたびに上書きされないように、あなたはタイムアウトの配列を必要とするページでこれらのドロップダウンを複数持っている場合。