一个导航栏(可供配置的)【apymenu.js与data-css.js】

1.apymenu.js

控制显示的apymenu.js文件因为太大，所以放在附件中了，因为在IE和FireFox中都能正常显示，但在Google浏览器中就会出现问题，故解决办法为：

 先定位到IIIla()中去：

/**
 * @description 此處添加了補充：(navigator.vendor.indexOf("Google") != -1
 * @type 
 * @author peter(2010/1/13)
 */
var II1a = (parseInt(navigator.productSub) >= 20020000) && (
 navigator.vendor.indexOf("Apple Computer") != -1 || (navigator.vendor.indexOf("Google") != -1)
),
 IIIlI = II1a && (navigator.product == "Gecko");

 这样后在Google浏览器中就能够正常显示了

 

2.供配置的data-css.js文件：

var cssStyle=1;
var cssClass="topMenu";
var topDY=-4;
var DX=0;
var blankImage="img/blank.gif";
var isHorizontal=1;
var menuWidth="100%";
var absolutePos=0;
var posX=20;
var posY=10;
var floatable=0;
var floatIterations=5;
var movable=0;
var moveCursor="move";
var moveImage="img/movepic4.gif";
var moveWidth=12;
var moveHeight=18;
var fontStyle="normal 8pt Tahoma";
var fontColor=["#3B3B3B","#FFFFFF"];
var fontDecoration=["none","none"];
var itemBackColor=["#FFFFFF","#4D74FD"];
var itemBorderWidth=0;
var itemAlign="left";
var itemBorderColor=["",""];
var itemBorderStyle=["solid","solid"];
var itemBackImage=["",""];
var itemSpacing=0;
var itemPadding=2;
var itemCursor="default";
var itemTarget="_blank";
var iconTopWidth=16;
var iconTopHeight=16;
var iconWidth=16;
var iconHeight=16;
var menuBackImage="";
var menuBackColor="#FFFFFF";
var menuBorderColor="#BFBFBF #737373 #4D4D4D #AAAAAA ";
var menuBorderStyle=["solid"];
var menuBorderWidth=1;
var subMenuAlign="left";
var transparency=100;
var transition=24;
var transDuration=300;

var shadowColor="#AAAAAA";
var shadowLen=0;
var shadowTop=1;

var arrowImageMain=[];
var arrowImageSub=["img/arrow_r.gif","img/arrow_r.gif"];
var arrowWidth=7;
var arrowHeight=7;

var separatorImage="img/separ1.gif";
var separatorWidth="100%";
var separatorHeight="5";
var separatorAlignment="center";
var separatorVImage="img/separv1.gif";
var separatorVWidth="5";
var separatorVHeight=34;

var statusString="text";
var pressedItem=0;

var itemStyles = [
   ["CSS=topItemNormal,topItemOver", "itemWidth=160"],
   ["CSS=itemNormal,itemOver"],
   ["CSS=itemNormal,itemOver", "itemWidth=250"],
];

var menuStyles = [
   ["CSS=submenu"],
];

var menuItems = [
   ["<img src='img/blank.gif' width=10 height=29>",,,,,,],
   ["Home","testlink.html","img/new1-05.gif","img/new1-05.gif","Home Tip","_blank","0",],
   ["Our Products","testlink.html","img/new1-08.gif","img/new1-08.gif","Our Products Tip",,"0",],
     ["|Product1","testlink.html","img/new1-08.gif","img/new1-08.gif","Product Tip",,"1","0"],
     ["|Product2","testlink.html","img/new1-08.gif","img/new1-08.gif","Product Tip",,"1",],

       ["||Documentation","testlink.html","img/new1-08.gif","img/new1-08.gif","Product Tip",,"1","0"],
       ["||Support","testlink.html","img/new1-08.gif","img/new1-08.gif","Product Tip",,"1",],
       
     ["|Product3","testlink.html","img/new1-08.gif","img/new1-08.gif","Product Tip",,"1"],
     ["|Product4","testlink.html","img/new1-08.gif","img/new1-08.gif","Product Tip",,"1",],
     ["|Product5","testlink.html","img/new1-08.gif","img/new1-08.gif","Product Tip",,"1",],
   ["More Info","testlink.html","img/new4-0985.gif","","",,"0",],
   ["Javascript calls","","img/new4-038.gif","","",,"0",],
     ["|Click to call message box","javascript:alert('Hello world!')","img/b09.gif","img/b092.gif",,,"2","0"],
     ["|Click to call confirmation dialog","javascript:confirm('Do you want to confirm?')","img/b09.gif","img/b092.gif",,,"2"],
     ["|Open 'Testlink' page in 680x600 window","javascript:open('testlink.html','_blank','scrollbars,width=680,height=600')","img/b09.gif","img/b092.gif",,,"2"],
   ["Contact Us","mailto:[e-mail]","img/new4-098.gif","img/new4-098.gif","Contact Us Tip",,"0",],
];

apy_init();