Açılır Menü

Sizin için ne faydalıysa, durmadan biz onu yazıyoruz !

Açılır Menü

Açılır Menü html kodu

<SCRIPT language=JavaScript>
<!--
/*************************************
Code in this document is copyright of
Dan Steinman of Industrial Dreams 1998
Available at The Dynamic Duo
http://www.dansteinman.com/dynduo/
*************************************/

n = (document.layers) ? 1:0
ie = (document.all) ? 1:0

function init() {
pulloutActive = 0
if (n) {
pullout1 = document.pulloutInterface.document.pulloutContent.document.pulloutContent1
pullout2 = document.pulloutInterface.document.pulloutContent.document.pulloutContent2
pullout3 = document.pulloutInterface.document.pulloutContent.document.pulloutContent3
pullout4 = document.pulloutInterface.document.pulloutContent.document.pulloutContent4
}
if (ie) {
pullout1 = pulloutContent1.style
pullout2 = pulloutContent2.style
pullout3 = pulloutContent3.style
pullout4 = pulloutContent4.style
}
pulloutShown = pullout1	
pulloutShown.xpos = 0
pulloutNew = "none"	
pulloutNew.xpos = -185
}

function pullout(which) {
if (!pulloutActive && pulloutShown != which) {
pulloutActive = 1 
pulloutNew = which
pulloutNew.xpos = -185
pulloutLeft()
}
}

function pulloutLeft() {
if (pulloutShown.xpos > -185) {
pulloutShown.xpos -= 15
pulloutShown.left = pulloutShown.xpos
setTimeout("pulloutLeft()",30)
}
else {
hide(pulloutShown)
show(pulloutNew)
setTimeout("pulloutRight()",50)
}
}

function pulloutRight() {
if (pulloutNew.xpos < 0) {
pulloutNew.xpos += 15
pulloutNew.left = pulloutNew.xpos
setTimeout("pulloutRight()",30)
}
else {
pulloutShown = pulloutNew
pulloutActive = 0 
}
}

function show(showobj) {
if (n) showobj.visibility = "show"
if (ie) showobj.visibility = "visible"
}
function hide(hideobj) {
if (n) hideobj.visibility = "hide"
if (ie) hideobj.visibility = "hidden"
}

//-->
</SCRIPT>

<STYLE type=text/css>A {
COLOR: #00FFFF; FONT-FAMILY: 'Arial'; FONT-SIZE: 10pt; LINE-HEIGHT: 20pt
}
STRONG {
FONT-FAMILY: 'Arial'; FONT-SIZE: 15pt; FONT-WEIGHT: bold; LINE-HEIGHT: 25pt
}
A:link {text-decoration: none;}
A:visited {text-decoration: none;}
A:active {text-decoration: none;}
A:hover {text-decoration: none;}
P {
FONT-FAMILY: 'Arial'; FONT-SIZE: 10pt; LINE-HEIGHT: 13pt
}
#pulloutInterface {
BACKGROUND-COLOR: #NONE; CLIP: rect(0px 305px 250px 0px); HEIGHT: 250px; LEFT: 180px; POSITION: absolute; TOP: 10px; VISIBILITY: visible; WIDTH: 400px; layer-background-color: #NONE
}
#pulloutSidebar1 {
BACKGROUND-COLOR: #003366; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 5px; WIDTH: 100px; layer-background-color: #DEDEDE
}
#pulloutSidebar2 {
BACKGROUND-COLOR: #003399; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 40px; WIDTH: 100px; layer-background-color: yellow
}
#pulloutSidebar3 {
BACKGROUND-COLOR: #0033cc; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 75px; WIDTH: 100px; layer-background-color: blue
}
#pulloutSidebar4 {
BACKGROUND-COLOR: #0033ff; CLIP: rect(0px 100px 30px 0px); HEIGHT: 30px; LEFT: 5px; POSITION: absolute; TOP: 110px; WIDTH: 100px; layer-background-color: red
}
#pulloutContent {
BACKGROUND-COLOR: #NONE; CLIP: rect(0px 285px 240px 0px); HEIGHT: 240px; LEFT: 110px; POSITION: absolute; TOP: 5px; WIDTH: 285px; layer-background-color: #NONE
}
#pulloutContent1 {
BACKGROUND-COLOR: #003366; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: 0px; POSITION: absolute; TOP: 0px; VISIBILITY: visible; WIDTH: 185px; layer-background-color: #DEDEDE
}
#pulloutContent2 {
BACKGROUND-COLOR: #003399; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: -185px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 185px; layer-background-color: #C5C5C5
}
#pulloutContent3 {
BACKGROUND-COLOR: #0033cc; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: -185px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 185px; layer-background-color: #A2A2A2
}
#pulloutContent4 {
BACKGROUND-COLOR: #0033ff; CLIP: rect(0px 185px 240px 0px); HEIGHT: 240px; LEFT: -185px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; WIDTH: 185px; layer-background-color: #7E7E7E
}
</STYLE>

</head>

<DIV align=center>
<CENTER>
<DIV id=pulloutInterface>
<DIV id=pulloutSidebar1>
<P align=center><A href="javascript:pullout(pullout1)">Başlık 1</A></P></DIV>
<DIV id=pulloutSidebar2>
<P align=center><A href="javascript:pullout(pullout2)">Başlık 2</A></P></DIV>
<DIV id=pulloutSidebar3>
<P align=center><A href="javascript:pullout(pullout3)">Başlık 3</A></P></DIV>
<DIV id=pulloutSidebar4>
<P align=center><A href="javascript:pullout(pullout4)">Başlık 4</A></P></DIV>
<DIV id=pulloutContent>
<DIV id=pulloutContent1 style="width: 185; height: 240">
<P align=center><STRONG><font color="#00FFFF">Başlık 1</font></STRONG> 
<TABLE border=0 width=275>
<TBODY>
<TR>
<TD>
<A href="http://www.alnumel.com">Link Adı<BR>
</a>
<A href="http://www.alnumel.com">Link Adı<BR>
</a><A href="http://www.alnumel.com">Link Adı<BR>
</a>
<A href="http://www.alnumel.com">Link Adı<BR>
</a></P></TR></TBODY></TABLE></DIV>
<DIV id=pulloutContent2>
<P align=center><STRONG><font color="#00FFFF">Başlık 2</font></STRONG> 
<TABLE border=0 width=275>
<TBODY>
<TR>
<TD>

</TD></TR></TBODY></TABLE></DIV>
<DIV id=pulloutContent3>
<P align=center><STRONG><font color="#00FFFF">Başlık 3</font></STRONG> 
<TABLE border=0 width=275>
<TBODY>
<TR>
<TD>
<A href="http://www.alnumel.com">Link Adı<BR>
</a>
<A href="http://www.alnumel.com">Link Adı<BR>
</a><A href="http://www.alnumel.com">Link Adı<BR>
</a>
<A href="http://www.gezginler.net">Link Adı<BR>
</a></TD></TR></TBODY></TABLE></DIV>
<DIV id=pulloutContent4>
<P align=center><STRONG><font color="#00FFFF">Başlık 4</font></STRONG> 
<TABLE border=0 width=275>
<TBODY>
<TR>
<TD><A href="http://www.alnumel.com">Link Adı<BR>
</a>
<A href="http://www.alnumel.com">Link Adı<BR>
</a><A href="http://www.alnumel.com">Link Adı<BR>
</a>
<A href="http://www.alnumel.com">Link Adı<BR>
</a>

</TR></TBODY></TABLE></CENTER></DIV></BODY></HTML>

1365579588

Diğer htmlkod

Fevzi Çakmak Mh. Hastane cad. Belediye İşhanı Kat:4 No:15, 42050 Selçuklu/KONYA

03323522508
03323522508

bilgi@alnumel.com

Konya Alnumel Web Tasarım
2007 yılından bu güne Konya’da alnumel design adı altında sizlere hizmet sunmaktayız.
NOT : Hizmette asıl olan sürdürülebilirliktir.

Devamı...

Açılır Menü

Açılır Menü

Diğer htmlkod

Bize Ulaşın

Hakkımızda