無料のCSSドロップダウンメニューフレームワーク

誰でも知っていますか？：

http://lwis.net/free-css-drop-down-menu/

それだけではなく、JavaScriptのフレームワークと-IE6ためにJavaScriptを使用しています。

これをフレームワークなしで実行することはできますか？

2011-10-30 iceteea

あなたの質問にお答えしますが、これは私が過去にこれが好きだった良い選択肢です。http://www.cssplay.co.uk/menus/final_drop.html – david

これはjsライブラリなしで使用できますが、そのまま使用することはできません。あなたは自分でjsを書く必要があります。必要なのは基本的には「ホバー上で、ドロップダウンを表示するスタイルを設定する」、「マウスではドロップダウンを隠すように設定する」です。そのための鍵はattachEvent関数です（IEのみのため、他のブラウザが必要な場合は、ここでコードを変更する必要があります）。

observe(window, "load", function() { 
    observe("button1", "mouseover", function() { 
     document.getElementById("dropdown1").style.display = "block"; 
    }); 
    observe("button1", "mouseout", function() { 
     document.getElementById("dropdown1").style.display = "none"; 
    }); 
});

：、その後、ホバーとマウスアウトのためのコールバックを設定します。次に、ページの読み込みを待つためにその機能を使うことができ

function observe(target, eventType, func, useCapture) { 
    target = (typeof target=="string") ? document.getElementById(target) : target; 
    useCapture = useCapture || false; 

    target.attachEvent("on"+eventType, function(event) {func(event, target)}); 
}

：それはで動作するように簡単ですので、機能でそれを固執する方が良いでしょう

もちろんこれは非常に単純な例です。idを使ってメニューボタンとドロップダウンを取得するだけですが、どのように起動するのかを知ることができます。

出典

2011-10-30 22:42:54 Donamite

それは、そのCSSがベースのフレームワーク、それもそれが

n.parentNode.firstChild.nextSibling.firstChild.nextSibling.style.visibility

= "目に見える" を動作するために有効にJavaScriptを必要とするdosnt JavaScriptを必要とするdosn't

出典

2011-10-30 21:56:30 david

質問をお読みください。サイト自体では、以下も読むことができます： IEのためのJavaScript only。 IE 6以前のJavaScriptコードのみ。一般的なJavaScriptライブラリJqueryまたはScriptaculousで使用できます。それ以外は純粋なCSSです。 – iceteea

私はあなたがそれのためのフレームワークを必要としない、いいえ、IE6のためのjavascriptの小さなビットを使用する方法を例を投稿 – david

無料のCSSドロップダウンメニューフレームワーク

答えて

関連する問題