آموزش ساخت منوي ناو بري

[RainDigital]

اول سلام
اين منوي ناوبري كه براتون ميزارم رو روش يه كمي فكر كردم بعد ديم اگر اي كد رو خام بزاريد توصفحه جلوي ديد كاربر رو ميگيره براي همين كدي رو بهش اضافه كردم كه اون رو در زماني كه موس روش نيست كمرنگ كنه
اميد وارم خوشتون بياد
اگه نظر نديد ديگه نميزارما(خوب ديگه نزار )

<SCRIPT Language="Javascript1.2">
<!--
//fade
nereidFadeObjects = new Object();
nereidFadeTimers = new Object();

/* object - image to be faded (actual object, not name);
 * destop - destination transparency level (ie 80, for mostly solid)
 * rate   - time in milliseconds between transparency changes (best under 100)
 * delta  - amount of change each time (ie 5, for 5% change in transparency)
 */

function nereidFade(object, destOp, rate, delta){
if (!document.all)
return
    if (object != "[object]"){  //do this so I can take a string too
        setTimeout("nereidFade("+object+","+destOp+","+rate+","+delta+")",0);
        return;
    }
        
    clearTimeout(nereidFadeTimers[object.sourceIndex]);
    
    diff = destOp-object.filters.alpha.opacity;
    direction = 1;
    if (object.filters.alpha.opacity > destOp){
        direction = -1;
    }
    delta=Math.min(direction*diff,delta);
    object.filters.alpha.opacity+=direction*delta;

    if (object.filters.alpha.opacity != destOp){
        nereidFadeObjects[object.sourceIndex]=object;
        nereidFadeTimers[object.sourceIndex]=setTimeout("nereidFade(nereidFadeObjects["+object.sourceIndex+"],"+destOp+","+rate+","+delta+")",rate);
    }
}
//end fade
var menuwidth=110
var offsetleft=10
var offsettop=10

var ns4=document.layers?1:0
var ie4=document.all?1:0
var ns6=document.getElementById&&!document.all?1:0

function makeStatic() {
if (ie4) {
object1.style.pixelTop=document.body.scrollTop+offsettop
}
else if (ns6) {
document.getElementById("object1").style.top=window.pageYOffset+offsettop
}
else if (ns4) {
eval(document.object1.top=eval(window.pageYOffset+offsettop));
}
setTimeout("makeStatic()",0);
}

if (ie4||ns6) {document.write('<span onMouseOver="nereidFade(this,100,50,20)" onMouseOut="nereidFade(this,30,50,5)" id="object1" ALIGN="CENTER" STYLE="Position:absolute; Top:20; Left:'+offsetleft+'; Z-Index:5;cursor:hand;background-color:black;filter:alpha(opacity=20);"><TABLE BORDER="1"  width="'+menuwidth+'" CELLPADDING="0" CELLSPACING="0" BORDERCOLOR="black" bgcolor="white">')}
else if (ns4){ document.write('<LAYER top="20" name="object1" left="'+offsetleft+'" BGCOLOR=black><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="1"><TR><TD><TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" width="'+menuwidth+'">')}

if (ie4||ns6||ns4)
document.write('<TR><TD BGCOLOR="#3399FF" BORDERCOLORDARK="#99CCFF" BORDERCOLORLIGHT="#003399"><P ALIGN=CENTER><FONT SIZE="4" FACE=ARIAL>گشت و گذار</FONT></TD></TR>')

var menui = new Array();
var menul = new Array();
menui[0]="صفحه اصلی";
menui[1]="انجمن های تخصی";
menui[2]="آموزش";
menui[3]="نرم افزار";
menui[4]="سرگرمی";
menui[5]="معرفی";
menui[6]="تبادل بنر";
menui[7]="ایمیل";
menui[8]="<< Back"

menul[0]="http://www.raindigital.com";
menul[1]="http://forum.grmach.com";
menul[2]="http://www.raindigital.com/Learnings/Tranings.htm";
menul[3]="http://www.raindigital.com/products.htm";
menul[4]="http://www.raindigital.com/Fun/Fun.htm";
menul[5]="http://www.raindigital.com/crids.htm";
menul[6]="http://www.raindigital.com/Linking.htm";
menul[7]="http://mail.raindigital.com:8383/";
menul[8]="javascript:history.back();"

for (i=0;i<=menui.length-1;i++)

///////////////////////////////////////////////////////////////
// You can change table cell background colors below.
// Just change the color names to whatever you want,
// but do NOT change any other code.
///////////////////////////////////////////////////////////////

if (ie4||ns6) {document.write('<TR><TD BORDERCOLOR="white" ONCLICK="location=\''+menul[i]+'\'" onmouseover="className=\'menuheader\'" onMouseout="className=\'menu\'"><CENTER><FONT>'+menui[i]+'</FONT></TD></TR>')}
else if (ns4){document.write('<TR><TD BGCOLOR="white"><ILAYER><LAYER width="'+menuwidth+'" onmouseover="bgColor=\'yellow\'" onmouseout="bgColor=\'white\'"><CENTER><A HREF="'+menul[i]+'" class=menulinks>'+menui[i]+'</A></CENTER></LAYER></ILAYER></TD></TR>')}

if (ie4||ns6) {document.write('</TABLE></span>')}
else if (ns4){document.write('</TABLE></TD></TR></TABLE></LAYER>')}

function menu3(){
if (ns6||ie4||ns4)
makeStatic()
}

window.onload=menu3

//-->
</SCRIPT>

كد سي اس اس يادتون نره:

.menuheader {
	BORDER-COLOR : #000000 ;
	cursor : hand ;
	Border-Left : #000000 ;
	Border-Top : #000000 ;
	Padding-Left : 1px ;
	Padding-Top : 1px ;
	Background-Color : #000000 ;
    COLOR: #C9FF64;
    TEXT-DECORATION: none;
    font-weight:bold 
	border-bottom-style: dotted;
    border-bottom-width: 1px;
}

.menu {
	Background-Color : white ;
	COLOR: #33CC33;
	 TEXT-DECORATION: none;
	 FONT-FAMILY: Cut-n-Paste;
}

.home {
	cursor : hand ;
}

.menulinks {
	text-decoration:none;
}
[CODE/]
[URL=http://www.raindigital.com]يه نگاهي به صفحه اول سايتم بندازيد براتون جا ميافته[/URL]