Buton Menü

**AnesTetiC** · 12-09-2007, 08:49 PM

Bu şekilde butonlardan menü kullanmak isterseniz yapmanız gereken sacede her input tagı ile oluşturulan buton bölümünde
onClick="adreseGit('gidilecek_adres.html')" bölümünde gidilecek_adres.html yerine butona tıklanınca gidilecek bölümün adresini yazmanız gerekiyor.

Kod:

<html>
<head>
<script>
<!-- gizle
var acikla=new Image();
var acikla1=new Image();
var acikla2=new Image();
var acikla3=new Image();
var acikla4=new Image();
var acikla5=new Image();
var acikla6=new Image();
acikla.src="resimler/acikla.gif";
acikla1.src="resimler/acikla1.gif";
acikla2.src="resimler/acikla2.gif";
acikla3.src="resimler/acikla3.gif";
acikla4.src="resimler/acikla4.gif";
acikla5.src="resimler/acikla5.gif";
acikla6.src="resimler/acikla6.gif";
// gizleme sonu -->
</script>
</head>
<body>
<table border=0 align=left><tr><td>
<img src="resimler/acikla.gif" width=150 height=50 border=0 name=aciklamaresimi><br>
<a href="#" onMouseOver="aciklamaresimi.src=acikla1.src" onMouseOut="aciklamaresimi.src=acikla.src"><img width=130 height=30 src="resimler/buton1a.gif" alt="Programlar"></a><br>
<a href="#" onMouseOver="aciklamaresimi.src=acikla2.src" onMouseOut="aciklamaresimi.src=acikla.src"><img width=130 height=30 src="resimler/buton2a.gif" alt="Javascript"></a><br>
<a href="#" onMouseOver="aciklamaresimi.src=acikla3.src" onMouseOut="aciklamaresimi.src=acikla.src"><img width=130 height=30 src="resimler/buton3a.gif" alt="Html kursu"></a><br>
<a href="#" onMouseOver="aciklamaresimi.src=acikla4.src" onMouseOut="aciklamaresimi.src=acikla.src"><img width=130 height=30 src="resimler/buton4a.gif" alt="Bedava servisler"></a><br>
<a href="#" onMouseOver="aciklamaresimi.src=acikla5.src" onMouseOut="aciklamaresimi.src=acikla.src"><img width=130 height=30 src="resimler/buton5a.gif" alt="Background"></a><br>
<a href="#" onMouseOver="aciklamaresimi.src=acikla6.src" onMouseOut="aciklamaresimi.src=acikla.src"><img width=130 height=30 src="resimler/buton6a.gif" alt="E-Mail"></a><br>
</td></tr></table>
Sayfa içeriği
</body>
</html>