js根据用户浏览器类型调用不同菜单效果

js根据用户浏览器类型调用不同菜单效果

<html>
<head>
<SCRIPT LANGUAGE="JavaScript">
<!--
var bV=parseInt(navigator.appVersion);
var NS4=(document.layers) ? true : false;
var IE4=((document.all)&&(bV>=4))?true:false;
var ver4 = (NS4 || IE4) ? true : false;

function expandIt(){return}
function expandAll(){return}
function nomsg(){self.status="";}

if(ver4){
  isExpanded = false;

function getIndex(el) {
   ind = null;
   for (i=0; i<document.layers.length; i++) {
 whichEl = document.layers[i];
 if (whichEl.id == el) {
    ind = i;
    break;
 }
   }
   return ind;
}

function arrange() {
   nextY = document.layers[firstInd].pageY + document.layers[firstInd].document.height;
   for (i=firstInd+1; i<document.layers.length; i++) {
 whichEl = document.layers[i];
    if (whichEl.visibility != "hide") {
  whichEl.pageY = nextY;
  nextY += whichEl.document.height;
    }
   }
}

function initIt(){
   if (NS4) {
 for (i=0; i<document.layers.length; i++) {
    whichEl = document.layers[i];
  if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";
 }
 arrange();
   }
   else {
 tempColl = document.all.tags("DIV");
 for (i=0; i<tempColl.length; i++) {
    if (tempColl(i).className == "child") tempColl(i).style.display = "none";
 }
   }
}

function expandIt(el) {
   if (!ver4) return;
   if (IE4) {expandIE(el)} else {expandNS(el)}
}

function expandIE(el) {
   whichEl = eval(el + "Child");
   whichIm = event.srcElement;

if (whichEl.style.display == "none") {
 whichEl.style.display = "block";
 whichIm.src = "bullet-minus.gif"; 
   }
   else {
 whichEl.style.display = "none";
 whichIm.src = "bullet-plus.gif";
   }
}

function expandNS(el) {
   whichEl = eval("document." + el + "Child");
   whichIm = eval("document." + el + "Parent.document.images['imEx']");
   if (whichEl.visibility == "hide") {
 whichEl.visibility = "show";
 whichIm.src = "bullet-minus.gif";
   }
   else {
 whichEl.visibility = "hide";
 whichIm.src = "bullet-plus.gif";
   }
   arrange();
}

function showAll() {
   for (i=firstInd; i<document.layers.length; i++) {
 whichEl = document.layers[i];
 whichEl.visibility = "show";
   }
}

function expandAll(isBot) {
   newSrc = (isExpanded) ? "bullet-plus.gif" : "bullet-minus.gif";

if (NS4) {
        document.images["imEx"].src = newSrc;
 for (i=firstInd; i<document.layers.length; i++) {
  whichEl = document.layers[i];
  if (whichEl.id.indexOf("Parent") != -1) {
     whichEl.document.images["imEx"].src = newSrc;
  }
  if (whichEl.id.indexOf("Child") != -1) {
     whichEl.visibility = (isExpanded) ? "hide" : "show";
  }
 }

arrange();
 if (isBot && isExpanded) scrollTo(0,document.layers[firstInd].pageY);
   }
   else {
 divColl = document.all.tags("DIV");
 for (i=0; i<divColl.length; i++) {
  if (divColl(i).className == "child") {
     divColl(i).style.display = (isExpanded) ? "none" : "block";
  }
 }
 imColl = document.images.item("imEx");
 for (i=0; i<imColl.length; i++) {
  imColl(i).src = newSrc;
 }
   }

isExpanded = !isExpanded;
}

with (document) {
   write("<STYLE TYPE='text/css'>");
   if (NS4) {
 write(".parent {position:absolute; visibility:hidden}");
 write(".child {position:absolute; visibility:hidden}");
 write(".regular {position:absolute; visibility:hidden}")
   }
   else {
 write(".child {display:none}")
   }
   write("</STYLE>");
}

onload = initIt;

}
//-->
</SCRIPT>

<head>
<title>精品欣赏</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<link rel="stylesheet" href="../nav/GX.CSS" type="text/css">
</head>

<body bgcolor="#FFFFFF" text="#000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="778" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td>
      <!--#include file='title.asp'-->
    </td>
  </tr>
</table>
<table border=0 cellpadding=0 cellspacing=0 width="770" align="center">
  <tr>
    <td valign=top width=619 height=0>
      <table border="0" cellspacing="0" cellpadding="0" align="center" width="100%">
        <tr>
          <td colspan="4">当前位置：首页&gt;设计装修&gt;&gt;装饰材料&gt;&gt;&gt;家具精品&gt;&gt;&gt;&gt;精品欣赏</td>
        </tr>
        <tr>
          <td colspan="4">[ <a href="chantai.asp">餐台</a>]&nbsp; [ <font color="#FF0000"><a href="chaji.asp">茶几</a></font>
            ]&nbsp;&nbsp; [ <a href="bed.asp">床</a> ]&nbsp;&nbsp;[ <a href="bed.asp">柜</a>
            ] [ <a href="shafa.asp">沙发</a><font color="#FF0000"> </font>] [ <font color="#FF0000">办公家具</font>
            ] [ <a href="cook.asp">厨房家具</a> ]</td>
        </tr>
        <tr>
          <td width="25%">
            <div align="center"><img src="../IMAGES/fruniture2/office/office01.jpg" width="130" height="130" border="1"></div>
          </td>
          <td width="25%">
            <div align="center"><img src="../IMAGES/fruniture2/office/office02.jpg" width="130" height="130" border="1"></div>
          </td>
          <td width="25%">
            <div align="center"><img src="../IMAGES/fruniture2/office/office03.jpg" width="130" height="130" border="1"></div>
          </td>
          <td>
            <div align="center"><img src="../IMAGES/fruniture2/office/office04.jpg" width="130" height="130" border="1"></div>
          </td>
        </tr>
        <tr>
          <td>
            <div align="center">001</div>
          </td>
          <td>
            <div align="center">002</div>
          </td>
          <td>
            <div align="center">003</div>
          </td>
          <td>
            <div align="center">004</div>
          </td>
        </tr>
        <tr>
          <td>
            <div align="center"><img src="../IMAGES/fruniture2/office/office05.jpg" width="130" height="130" border="1"></div>
          </td>
          <td>
            <div align="center"><img src="../IMAGES/fruniture2/office/office06.jpg" width="130" height="130" border="1"></div>
          </td>
          <td>
            <div align="center"><img src="../IMAGES/fruniture2/office/office07.jpg" width="130" height="130" border="1"></div>
          </td>
          <td>
            <div align="center"><img src="../IMAGES/fruniture2/office/office08.jpg" width="130" height="130" border="1"></div>
          </td>
        </tr>
        <tr>
          <td>
            <div align="center">005</div>
          </td>
          <td>
            <div align="center">006</div>
          </td>
          <td>
            <div align="center">007</div>
          </td>
          <td>
            <div align="center">008</div>
          </td>
        </tr>
        <tr>
          <td>
            <div align="center"><img src="../IMAGES/fruniture2/office/office09.jpg" width="130" height="130" border="1"></div>
          </td>
          <td>
            <div align="center"><img src="../IMAGES/fruniture2/office/office10.jpg" width="130" height="130" border="1"></div>
          </td>
          <td>
            <div align="center"><img src="../IMAGES/fruniture2/office/office11.jpg" width="130" height="130" border="1"></div>
          </td>
          <td>
            <div align="center"><img src="../IMAGES/fruniture2/office/office12.jpg" width="130" height="130" border="1"></div>
          </td>
        </tr>
        <tr>
          <td>
            <div align="center">009</div>
          </td>
          <td>
            <div align="center">010</div>
          </td>
          <td>
            <div align="center">011</div>
          </td>
          <td>
            <div align="center">012</div>
          </td>
        </tr>
      </table>
    </td>
    <td align=middle rowspan=6 valign=top width=144>
    
    </td>
  </tr>
  <tr>
    <td valign=top> </td>
  </tr>
</table>
<table width="770" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td>
   
    </td>
  </tr>
</table>
</body>
</html>

时间： 2024-09-12 13:06:34

js根据用户浏览器类型调用不同菜单效果的相关文章

js判断用户浏览器类型

js判断用户浏览器类型 var lang = new Array(); var userAgent = navigator.userAgent.toLowerCase(); var is_opera = userAgent.indexOf('opera') != -1 && opera.version(); var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgent.indexOf('f

js检测用户浏览器类型

提示:您可以先修改部分代码再运行 浏览器名称: 版本号: 代码名称: 用户代理标识: 提示:您可以先修改部分代码再运行

js判断用户浏览器类型并判断支持事件

var isMozilla = (typeof document.implementation != 'undefined') && (typeof document.implementation.createDocument != 'undefined') && (typeof HTMLDocument!='undefined'); var isIE = window.ActiveXObject ? true : false; var isFirefox = (navig

js判断用户浏览器类型代码

<script type="text/javascript"> var userAgent = navigator.userAgent.toLowerCase(); var is_opera = userAgent.indexOf('opera') != -1 && opera.version(); var is_moz = (navigator.product == 'Gecko') && userAgent.substr(userAgen

javascript userAgent 获取用户浏览器类型

网页特效 useragent 获取用户浏览器类型 var useragent = navigator.useragent.tolowercase(); useragent属性语法 navigator.useragent; useragent属性说明 属性   描述   appcodename   获取浏览器的代码名称.   appminorversion   获取应用程序的次版本值.   appname   获取浏览器的名称.   appversion   获取浏览器运行的平台和版本.   br

JS+CSS实现六级网站导航主菜单效果_javascript技巧

本文实例讲述了JS+CSS实现六级网站导航主菜单效果.分享给大家供大家参考.具体如下: 这是一款JS+CSS实现支持6级的网站导航主菜单,级级相信够大家用了,外观蓝色风格,也是使用最多的一种菜单颜色,而且菜单的兼容性非常好,支持IE6\IE7\IE8,火狐.GG浏览器等不同内核的主流浏览器. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-6l-web-nav-menu-demo/ 具体代码如下: <!DOCTYPE html PU

js实现的简洁网页滑动tab菜单效果代码_javascript技巧

本文实例讲述了js实现的简洁网页滑动tab菜单效果代码.分享给大家供大家参考.具体如下: 这里介绍的是一款风格简洁的网页滑动门代码,基于JS和Div+CSS实现.滑动门菜单,只需鼠标放上去就切换的菜单,和网页选项卡只是操作形式上的不同而已,滑动门改选项卡只需将门菜单中的onmouseover换成onclick就行了,这样换了之后,切换内容需要鼠标点击门菜单才可以. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-css-div-hd-tab

js实现的黑背景灰色二级导航菜单效果代码_jquery

本文实例讲述了js实现的黑背景灰色二级导航菜单效果代码.分享给大家供大家参考.具体如下: 这是一款js实现的黑背景灰色二级导航菜单,兼容IE6.firefox的js+css横向二极导航菜单.挺简洁,不过很清新,二级菜单是水平显示在主菜单的下方,采用流行的微软雅黑字体,若不想用这种字体,可换成默认的宋体即可. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/js-black-bgcolor-2level-nav-style-codes/ 具体代码如

js基于面向对象实现网页TAB选项卡菜单效果代码_javascript技巧

本文实例讲述了js基于面向对象实现网页TAB选项卡菜单效果代码.分享给大家供大家参考.具体如下: 这是一款自动的网页TAB,基于面向对象的选项卡菜单,由于时间关系只做了简单的实现,界面没有美化,不多做介绍了. 先来看看运行效果截图: 在线演示地址如下: http://demo.jb51.net/js/2015/js-mxdx-tab-cha-style-codes/ 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitio