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

见演示：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 回答
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 回答
-1

使用 jQuery。

这是一种方法：

http://jsfiddle.net/S8rtj/

于 2012-06-27T07:27:57.067 回答