一个导航栏(可供配置的)【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:support@apycom.com","img/new4-098.gif","img/new4-098.gif","Contact Us Tip",,"0",],];apy_init();?