0

これは、browserName='mybrowser' の場合にのみメニューを表示する必要があるメニュー項目です。それ以外の場合は、メニューを非表示にする必要があります。メニューを非表示にして表示する方法を教えてください。状態を確認するためにJavaScriptコードを使用しています。 

<div id="ddtopmenubar" class="mattblackmenu">
        <ul>
          <li><a href="web-hosting.php" rel="ddsubmenu1">HOSTING SERVICES</a> </li>
          <li><a href="price-match.php" rel="ddsubmenu2">PRICE MATCH</a> </li>
          <li><a href="ircd-accounts.php" rel="ddsubmenu3">IRC/UNIX</a> </li>
          <li><a href="https://clients.santrex.net/knowledgebase.php" rel="ddsubmenu4">SUPPORT</a></li>
          <li id="last"><a href="ourhistory.php" rel="ddsubmenu5">ABOUT SANTREX</a></li>
        </ul>
      </div>
4

5 に答える 5

2

メニューを非表示にするコード:

document.getElementById('ddtopmenubar').style.display = 'none';

メニューを表示するコード:

document.getElementById('ddtopmenubar').style.display = 'block';
于 2012-06-27T07:23:10.393 に答える
0

ブラウザの検出:

var isOpera = !!(window.opera && window.opera.version);  // Opera 8.0+
var isFirefox = testCSS('MozBoxSizing');                 // FF 0.8+
var isSafari = Object.prototype.toString.call(window.HTMLElement).indexOf('Constructor') > 0;
    // At least Safari 3+: "[object HTMLElementConstructor]"
var isChrome = !isSafari && testCSS('WebkitTransform');  // Chrome 1+
var isIE = /*@cc_on!@*/false || testCSS('msTransform');  // At least IE6
        if(isIE==true)//If IE, change it to any other as per need
        document.getElementById('ddtopmenubar').style.display = 'none';

Safari-Chrome テストを除いて、各テストは他のテストから完全に独立しています。信頼できる方法で Chrome を検出するには、Safari を除外する必要があります。どちらも Webkit プレフィックスを共有しているためです。ただし、ユーザーが Chrome 15 以降を使用しているかどうかだけを知りたい場合は、次の方法も使用できます。

 var isChrome = !!(window.chrome && chrome.webstore && chrome.webstore.install);

ここでフィドル：http://jsfiddle.net/9zxvE/9/

または、ブラウザの検出が必要ない場合

if( browserName='mybrowser' )
 document.getElementById('ddtopmenubar').style.display = 'none';
于 2012-06-27T07:25:26.100 に答える
0

デモを参照してください: http://jsfiddle.net/rathoreahsan/cQPtk/2/

Javascript: 

    var mybrowser = navigator.appName;

    if (mybrowser == 'Netscape') /* Change browser name accordingly */
        { document.getElementById('ddtopmenubar').style.display = 'block' }
    else
        { document.getElementById('ddtopmenubar').style.display = 'none' }
于 2012-06-27T07:43:11.783 に答える
0 
document.getElementById('ddtopmenubar').style.display = 'none';
document.getElementById('ddtopmenubar').style.display = 'block';
于 2012-06-27T07:47:15.400 に答える
-1

jQuery を使用します。

これを行う1つの方法は次のとおりです。

http://jsfiddle.net/S8rtj/

于 2012-06-27T07:27:57.067 に答える