Açıklamalı menü scripti 2

Açıklamalı menü 2

Bu script bir form kutusuna açıklamayı yazıyor. Bu scripti kullanmak isterseniz script kısmında olan açıklamaları kendi linklerinize göre değiştirin. İlk açıklama mouse link üzerinde olmadığında gözükecek açıklamadır. Sırasıyla diğer açıklamaları da yazın. Açıklamalar var aciklama=new Array(" şeklinde başlayan bölüme yazılıyor. Çift denden ve virgülleri doğru kullanın.

Yine linkleri verirken onMouseOver="yazdir(N)" kaçıncı açıklamanın görüneceğini belirliyor. Burada hangi açıklamanın görülmesini istiyorsanız N yerine o açıklamanın numarasını yazın. Açıklama numarası dediğim bölüm aciklama değişkenini tanımlarken kaçıncı açıklama olduğudur. İlk açıklama mouse olmadan gözükecek açıklamadır ve değeri sıfırdır(0).

Scriptin kodlarını text olarak görmek için tıkla Zip dosyası olarak kayıtet

<html>
<head>
<script>
<!-- gizle
var aciklama=new Array("Sayfama hoşgeldin. Lütfen seçiminizi yapın.",
"Free-shareware programlar ve bunların açıklamalarını bulabilirsiniz.",
"Sayfanızda kullanmanız için hazırladığımız javascriptler.",
"Sizinde bir web sayfanız olsun istiyoruz. Lütfen uğrayın.",
"İnternet üzerinde bulabileceğiniz ücretsiz servisler.",
"Bize her konuda e-mail atabilirsiniz.")

function yazdir(buAciklamayi){
        document.menuForm.yaz.value=aciklama[buAciklamayi];
        }
// gizleme sonu -->
</script>
</head>

<body>

<table border=1 align=center background="18.gif"><tr><td>
div align=center>
form name=menuForm>
input type=text size=70 name=yaz>
/form>
a href="#" onMouseOver="yazdir(1)" onMouseOut="yazdir(0)">img width=100 height=30 border=0 src="buton1a.gif" alt="Programlar">/a>
a href="#" onMouseOver="yazdir(2)" onMouseOut="yazdir(0)">img width=100 height=30 border=0 src="buton2a.gif" alt="Javascript">/a>
a href="#" onMouseOver="yazdir(3)" onMouseOut="yazdir(0)">img width=100 height=30 border=0 src="buton3a.gif" alt="Html kursu">/a>
a href="#" onMouseOver="yazdir(4)" onMouseOut="yazdir(0)">img width=100 height=30 border=0 src="buton4a.gif" alt="Bedava servisler">/a>
a href="#" onMouseOver="yazdir(5)" onMouseOut="yazdir(0)">img width=100 height=30 border=0 src="buton6a.gif" alt="E-Mail">/a>
/div>
/td>/tr>/table>

Sayfa içeriği

</body>
</html>