Javascript - Html kodları

Aşağıdaki kodları <body> kodundan sonra istediğiniz bir yere yapıştırın.

{codecitation class="brush: xml; gutter: false;" width="500px"}

<STYLE type=text/css>A {


COLOR: #ffcc00; FONT-SIZE: 10pt; TEXT-DECORATION: none
}
A:hover {
COLOR: black; TEXT-DECORATION: none
}
A.plain:hover {
COLOR: #ffcc00; FONT-SIZE: 10pt; TEXT-DECORATION: underline
}
#box {
POSITION: absolute; VISIBILITY: hidden; layer-background-color: #004080
}
#limebox {
BACKGROUND-COLOR: #99cc66
}
#bluebox {
BACKGROUND-COLOR: #99cc66
}
#mnubar {
FONT: bold 10pt arial
}
</STYLE>

<SCRIPT language=JavaScript>
ns=window.navigator.appName == "Netscape"
ie=window.navigator.appName == "Microsoft Internet Explorer"

function openIt(x) {
if(ns) {
showbox= document.layers[x+1]
showbox.visibility = "show";
showbox.top=44;

var items = 5 ;
for (i=1; i<=items; i++) {
elopen=document.layers[i]
if (i != (x + 1)) {
elopen.visibility = "hide" }
}
}

if(ie) {
curEl = event.toElement
curEl.style.background = "black"

showBox = document.all.box[x];
showBox.style.visibility = "visible";
showBox.style.top = 46;

var items = 5
for (i=0; i<items; i++) {
elOpen=document.all.box[i]
barEl=document.all.mnubar[i]
if (i != x){
elOpen.style.visibility = "hidden"
barEl.style.background = "black"
}
}
}
}

function closeIt() {
var items = 5
for (i=0; i<items; i++) {
if(ie){
document.all.box[i].style.visibility = "hidden"
barEl=document.all.mnubar[i]
barEl.style.background = "black"
}
if(ns){ document.layers[i+1].visibility = "hide"}
}
}

</SCRIPT>

<STYLE fprolloverstyle>A:hover {
COLOR: #f0ffcc; FONT-WEIGHT: bold
}
</STYLE>

<TABLE bgColor=#004080 border=0 cellPadding=0 height=18 id=mainmenu width=800>
<TBODY>
<TR>
<TD align=middle bgColor=#000000 colSpan=7 noWrap vAlign=center>
<P align=left><B><FONT color=#ffcc00 face=Arial size=4>
<DIV align=center>

ÜST MENÜ</DIV></FONT></B>
<P></P></TD></TR>
<TR>
<TD align=middle bgColor=#000000>
<P align=center><FONT color=#ffcc00><B> </B></FONT><A
href="http://www.uzmanweb.net/" onmouseover=closeIt()><FONT
color=#ffcc00><B>Ana Sayfa</B></FONT></A><FONT
color=#ffcc00><B> </B></FONT><br><br></TD><br>
<TD align=middle bgColor=#000000 noWrap><A
href="#" id=mnubar
onmouseover=openIt(0)><FONT color=#ffcc00>İlk ana menu </FONT></A>
<br><BR></TD>
<TD align=middle bgColor=#000000 noWrap><A
href="/" id=mnubar
onmouseover=openIt(1)><FONT color=#ffcc00>İkinci ana menu </FONT></A>
<br> <BR></TD>
<TD align=middle bgColor=#000000 noWrap><A
href="#" id=mnubar
onmouseover=openIt(2)><FONT color=#ffcc00>Üçüncü ana menu</FONT></A>
<br> <BR></TD>
<TD align=middle bgColor=#000000 noWrap><FONT color=#ffcc00><A
href="#" id=mnubar
onmouseover=openIt(3)><FONT color=#ffcc00>Dördüncü ana menu</FONT></A>
<br><BR></FONT></TD>
<TD align=middle bgColor=#000000 noWrap><A
href="#" id=mnubar
onmouseover=openIt(4)><FONT color=#ffcc00>Beşinci ana menu</FONT></A>
<br> <BR></TD>
<TD align=middle bgColor=#000000 noWrap vAlign=top
width=30> </TD></TR></TBODY></TABLE><BR><BR><br>
<DIV onmouseover=closeIt()><LAYER onmouseover=closeIt()>
<P> </P></LAYER></DIV><!-- Menu 1 -->
<DIV id=box style="LEFT: 120px">
<TABLE border=1 id=bluebox>
<TBODY>
<TR>
<TD><A href="http://www.uzmanweb.net/">İlk alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">İkinci alt
menu</A></TD></TR></TBODY></TABLE></DIV><!-- Menu 2 -->
<DIV id=box style="LEFT: 200px">
<TABLE border=1 id=limebox>
<TBODY>
<TR>
<TD><A href="http://www.uzmanweb.net/">İlk alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">İkinci alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">Üçüncü alt
menu</A></TD></TR></TBODY></TABLE></DIV><!-- Menu 3 -->
<DIV id=box style="LEFT: 240px">
<TABLE border=1 id=bluebox>
<TBODY>
<TR>
<TD><A href="http://www.uzmanweb.net/">İlk alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">İkinci alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">Üçüncü alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">Dördüncü alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">Beşinci alt
menu</A></TD></TR></TBODY></TABLE></DIV><!-- Menu 4 -->
<DIV id=box style="LEFT: 400px">
<TABLE border=1 id=limebox>
<TBODY>
<TR>
<TD><A href="http://www.uzmanweb.net/">İlk alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">İkinci alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">Üçüncü alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">Dördüncü alt
menu</A></TD></TR></TBODY></TABLE></DIV><!-- Menu 5 -->
<DIV id=box style="LEFT: 520px">
<TABLE border=1 id=bluebox>
<TBODY>
<TR>
<TD><A href="http://www.uzmanweb.net/">İlk alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">İkinci alt menu</A></TD>
<TD><A href="http://www.uzmanweb.net/">Üçüncü alt
menu</A></TD></TR></TBODY></TABLE></DIV>

{/codecitation}



Örnek demo için tıklayın >>