JavaScript örnekleri 17

JavaScript ÖRNEKLERİ 17

Örnek 17

Bir Etkileşimli Menü örneği;

Bu scripti kullanarak menü yapmak için;
öncelikle kullanacağınız grafikleri üretmeniz gerekli...
Bu işlemden sonra scripti kendi amacınıza göre uyarlayabilir ve sayfanızda kullanabilirsiniz... Gördüğünüz gibi script çok işlevsel, ancak görselliği üretilen *.GIF dosyalar sağlıyor. Bir başka deyişle; bu script'ten beklediğiniz görsel efekti alabilmek için
grafikerliğinizi
konuşturmalısınız...

<BODY>....</BODY> tagları arasında, etkileşimli menümüzün görüntüleneceği yere yerleştirilecek HTML kodu;
(Script ve kullanim kodları birlikte... Script kodunu <HEAD>....</HEAD> tagları arasına yazın...)

var menu1_off = new Image(); 
    menu1_off.src = imageDir+"a_menu1.gif"; 
    var menu1_on  = new Image(); 
    menu1_on.src  = imageDir+"b_menu1.gif"; 
    var menu1_pic  = new Image(); 
    menu1_pic.src  = imageDir+"menu1_pic.gif";

<table border="0" bordercolor="#000000"  cellpadding=0 cellspacing=0 width="450">
<tr>
<td align="middle" valign="top" width=200>
<img src="menu_baslik.gif" width=200 height=20 border=0 alt="baslik"><br> 
<a href="test.htm" onMouseOver="over('cell_menu')" onMouseOut="out('cell_menu')"><img src="a_menu.gif" width=200 height=40 border=0 alt="1.menu" name="cell_menu"></a><br> 
<a href="test.htm" onMouseOver="over('cell_menu1')" onMouseOut="out('cell_menu1')"><img src="a_menu1.gif" width=200 height=40 border=0 alt="2.menu" name="cell_menu1"></a><br>
<img src="menu_altlik.gif" width=200 height=20 border=0 alt="alt">
</td> 
<td align="center" width=80> </td>
<td align="center" bgcolor="black" width=170 valign="top">
<img src="varsayim_pic.gif" width=170 height=107 border=0 alt="pano" name="pic">
</td>
</tr>
</table>

Sayfanıza güçlü bir etkileşimli menü eklemek için ideal...

Ayrıntılar için bu sayfanın kaynak kodunu inceleyiniz...

Ana Sayfa

Script İndeksi

[ Appletler - JavaScriptler - ÇeşitliKonular - Oyunlar - Download - Linkler ]