<html>
<!---<head> Baslangici --->
<STYLE>
DIV {
CURSOR: hand; TEXT-DECORATION: none
}
.a {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 10; BACKGROUND: #fee; LEFT: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #000; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-STYLE: normal; POSITION: absolute; TOP: 50px; HEIGHT: 40px; FONT-VARIANT: normal
}
.b {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 9; BACKGROUND: #eef; LEFT: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #000; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-STYLE: normal; POSITION: absolute; TOP: 95px; HEIGHT: 40px; FONT-VARIANT: normal
}
.c {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 8; BACKGROUND: #eff; LEFT: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #000; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-STYLE: normal; POSITION: absolute; TOP: 140px; HEIGHT: 40px; FONT-VARIANT: normal
}
.d {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 7; BACKGROUND: #ffe; LEFT: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #000; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-STYLE: normal; POSITION: absolute; TOP: 185px; HEIGHT: 40px; FONT-VARIANT: normal
}
.e {
BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 6; BACKGROUND: #fef; LEFT: 12px; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; WIDTH: 150px; COLOR: #000; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; FONT-STYLE: normal; POSITION: absolute; TOP: 230px; HEIGHT: 40px; FONT-VARIANT: normal
}
.g {
BORDER-RIGHT: 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; FONT-SIZE: 11px; Z-INDEX: 1; BACKGROUND: #ffefef; LEFT: 350px; PADDING-BOTTOM: 5px; BORDER-LEFT: 2px solid; WIDTH: 265px; COLOR: #000; LINE-HEIGHT: normal; PADDING-TOP: 5px; BORDER-BOTTOM: 2px solid; FONT-STYLE: normal; POSITION: absolute; TOP: 35px; HEIGHT: 235px; FONT-VARIANT: normal; align: right
}
</STYLE>
<!---</head> Bitisi --->
<!---<body> Baslangici --->
<img src="/modules/javascripts/ornek/menu/balik1.jpg" width="285" height="185" border="0" alt="">
<A href="">
<DIV class=a id=1 onmouseover=st1(20,1) onmouseout=st2(80,1)>Menü 1</DIV>[/url]
<DIV class=as id=a1><TABEL><TR><TD></TABLE></DIV><A
href="">
<DIV class=b id=2 onmouseover=st1(20,2) onmouseout=st2(80,2)>Menü 2</DIV>[/url]
<DIV class=bs id=a2><TABEL><TR height="100%"
width="100%"><TD></TR></TD></TABLE></DIV><A
href="">
<DIV class=c id=3 onmouseover=st1(20,3) onmouseout=st2(80,3)>Menü 3</DIV>[/url]
<DIV class=bs id=a2><TABEL><TR><TD></TABLE></DIV><A
href="">
<DIV class=d id=4 onmouseover=st1(20,4) onmouseout=st2(80,4)>Menü 4</DIV>[/url]
<DIV class=bs id=a2><TABEL><TR><TD></TABLE></DIV><A
href="">
<DIV class=e id=5 onmouseover=st1(20,5) onmouseout=st2(80,5)>Menü 5</DIV>[/url]
<DIV class=bs id=a2><TABEL><TR><TD></TABLE></DIV>
<SCRIPT>
/*this script is (c) by oktay oeztueter 2002, please contact me before u you this script commercial. it's free for testing purposes and for private use when you sign my guestbook with your webpage url and email address :-)*/
aus();
function st1(a,id){
i=a;i+=19;
document.getElementById(id).style.letterSpacing=i/9;
document.getElementById(id).style.filter='alpha(opacity='+i+')';
if (i<90){setTimeout('st1('+i+','+id+')',1)}return(i)}
function st2(a,id){
i=a;i-=5;
document.getElementById(id).style.letterSpacing=i/13
document.getElementById(id).style.filter='alpha(opacity='+i+')';
if (i>50){setTimeout('st2('+i+','+id+')',1)}}
function aus(){
for (z=1;z<=5;z++){
document.getElementById(z).style.filter='alpha(opacity=70)';
document.getElementById(z).style.letterSpacing=2;
document.getElementById(z).style.filter='progid:DXImageTransform.Microsoft.Shadow(direction=130,color=gray,strength=5)'}
}
</SCRIPT>
</html>
| WwW.WeBCaNaVaRi.NeT | > .::|~ Web Tasarım ~|::. > Webmaster Genel > Html Dökümanlar (Moderatör: WeBCaNaVaRi)
Konu: Saydam Menü 2
Yazdır
Gelişmiş Arama
Nisan 03, 2008, 03:48:31 ÖÖ