|
藍森林 http://www.lslnet.com 2006年8月25日 8:28
 [緊急求助] 一段JS控制的菜單代碼
從國外的站點挖出來的代碼 我想把下面的細長條的菜單個數減少為8個 但是自己改的時候一直不成功 請大家幫忙改下這個 謝謝
[code]
<html>
<head>
<script language="JavaScript">
var pageAt = "pics";
</script>
<script language="JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
// build array to preload images for mouseOvers
arImageSrc = new Array (
"images/menu/bioHi.gif",
"images/menu/contactHi.gif",
"images/menu/eventsHi.gif",
"images/menu/messageHi.gif",
"images/menu/musicHi.gif",
"images/menu/newsHi.gif",
"images/menu/newsletterHi.gif",
"images/menu/picsHi.gif",
"images/menu/shopHi.gif",
"images/menu/studioHi.gif",
"images/menu/pressHi.gif",
"images/num/bio.gif",
"images/num/contact.gif",
"images/num/events.gif",
"images/num/message.gif",
"images/num/music.gif",
"images/num/news.gif",
"images/num/newsletter.gif",
"images/num/pics.gif",
"images/num/shop.gif",
"images/num/studio.gif"
)
// define array elements as images for preload
arImageList = new Array ();
for (counter in arImageSrc) {
arImageList[counter] = new Image();
arImageList[counter].src = arImageSrc[counter];
}
function doMouseover(imgNameA,imgPathA,imgNameB,imgPathB,imgNameC,imgPathC)
{
if (imgNameA && imgPathA)
{
document[imgNameA].src=imgPathA;
}
if (imgNameB && imgPathB)
{
document[imgNameB].src=imgPathB;
}
if (imgNameC && imgPathC)
{
document[imgNameC].src=imgPathC;
}
}
function doMouseout(imgNameA,imgPathA,imgNameB,imgPathB,imgNameC,imgPathC)
{
if (imgNameA && imgPathA)
{
document[imgNameA].src=imgPathA;
}
if (imgNameB && imgPathB)
{
document[imgNameB].src=imgPathB;
}
if (imgNameC && imgPathC)
{
document[imgNameC].src=imgPathC;
}
}
//-->
</script>
</head>
<body bgcolor="#202223" text="#000000" onLoad="MM_preloadImages('images/menu/bioHi.gif','images/menu/newsHi.gif','images/menu/musicHi.gif','images/menu/studioHi.gif','images/menu/picsHi.gif','images/menu/shopHi.gif','images/menu/eventsHi.gif','images/menu/newsletterHi.gif','images/menu/contactHi.gif','images/menu/messageHi.gif')">
<table width="170" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="170" valign="top">
<script language="JavaScript">
// BUILD MAIN title
document.write("<img src=\"images/num/"+pageAt+".gif\" width=\"170\" height=\"38\" name=\"numeric\"><img src=\"images/spacer.gif\" width=\"1\" height=\"27\">");
// end build title
</script>
<script language="JavaScript">
// BUILD MAIN MENU
if (pageAt == 'bio')
{
document.write("<img name=\"Image1\" border=\"0\" src=\"images/menu/bioHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"bio.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image1','','images/menu/bioHi.gif',1); doMouseover('numeric','images/num/bio.gif')\"><img name=\"Image1\" border=\"0\" src=\"images/menu/bio.gif\" width=\"170\" height=\"14\"></a>");
}
if (pageAt == 'news')
{
document.write("<img name=\"Image2\" border=\"0\" src=\"images/menu/newsHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"news.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image2','','../images/menu/newsHi.gif',1); doMouseover('numeric','images/num/news.gif')\"><img name=\"Image2\" border=\"0\" src=\"images/menu/news.gif\" width=\"170\" height=\"14\"></a>");
}
if (pageAt == 'press')
{
document.write("<img name=\"Image2A\" border=\"0\" src=\"images/menu/pressHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"press.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image2A','','../images/menu/pressHi.gif',1); doMouseover('numeric','images/num/press.gif')\"><img name=\"Image2A\" border=\"0\" src=\"images/menu/press.gif\" width=\"170\" height=\"14\"></a>");
}
if (pageAt == 'music')
{
document.write("<img name=\"Image3\" border=\"0\" src=\"images/menu/musicHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"music.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image3','','../images/menu/musicHi.gif',1); doMouseover('numeric','images/num/music.gif')\"><img name=\"Image3\" border=\"0\" src=\"images/menu/music.gif\" width=\"170\" height=\"14\"></a>");
}
if (pageAt == 'studio')
{
document.write("<img name=\"Image4\" border=\"0\" src=\"images/menu/studioHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"studio.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image4','','../images/menu/studioHi.gif',1); doMouseover('numeric','images/num/studio.gif')\"><img name=\"Image4\" border=\"0\" src=\"images/menu/studio.gif\" width=\"170\" height=\"14\"></a>");
}
if (pageAt == 'pics')
{
document.write("<img name=\"Image5\" border=\"0\" src=\"images/menu/picsHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"pics.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image5','','../images/menu/picsHi.gif',1); doMouseover('numeric','images/num/pics.gif')\"><img name=\"Image5\" border=\"0\" src=\"images/menu/pics.gif\" width=\"170\" height=\"14\"></a>");
}
if (pageAt == 'shop')
{
document.write("<img name=\"Image6\" border=\"0\" src=\"images/menu/shopHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"shop.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image6','','../images/menu/shopHi.gif',1); doMouseover('numeric','images/num/shop.gif')\"><img name=\"Image6\" border=\"0\" src=\"images/menu/shop.gif\" width=\"170\" height=\"14\"></a>");
}
if (pageAt == 'events')
{
document.write("<img name=\"Image7\" border=\"0\" src=\"images/menu/eventsHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"events.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image7','','../images/menu/eventsHi.gif',1); doMouseover('numeric','images/num/events.gif')\"><img name=\"Image7\" border=\"0\" src=\"images/menu/events.gif\" width=\"170\" height=\"14\"></a>");
}
if (pageAt == 'message')
{
document.write("<img name=\"Image8A\" border=\"0\" src=\"images/menu/messageHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"message.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image8A','','../images/menu/messageHi.gif',1); doMouseover('numeric','images/num/message.gif')\"><img name=\"Image8A\" border=\"0\" src=\"images/menu/message.gif\" width=\"170\" height=\"14\"></a>");
}
if (pageAt == 'newsletter')
{
document.write("<img name=\"Image8\" border=\"0\" src=\"images/menu/newsletterHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"newsletter.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image8','','../images/menu/newsletterHi.gif',1); doMouseover('numeric','images/num/newsletter.gif')\"><img name=\"Image8\" border=\"0\" src=\"images/menu/newsletter.gif\" width=\"170\" height=\"14\"></a>");
}
if (pageAt == 'contact')
{
document.write("<img name=\"Image9\" border=\"0\" src=\"images/menu/contactHi.gif\" width=\"170\" height=\"14\">");
}
else
{
document.write("<a href=\"contact.htm\" onMouseOut=\"MM_swapImgRestore(); doMouseout('numeric','images/num/'+pageAt+'.gif')\" onMouseOver=\"MM_swapImage('Image9','','../images/menu/contactHi.gif',1); doMouseover('numeric','images/num/contact.gif')\"><img name=\"Image9\" border=\"0\" src=\"images/menu/contact.gif\" width=\"170\" height=\"14\"></a>");
}
// end build menu
</script>
</td>
</tr>
</table>
</body>
</html>
[/code] |
|
