Efekt scriptleri
Menu scriptleri
Kayan yazılar
Saat scriptleri
Güzel sözler
Buton scriptleri
Diğer scriptler
Açıklamalı menü 1
       |
Kullacacğınız resimler ve butonların uyumları sayfanın görünüşüne ayrı bir hava katacaktır.
Bu scripti kullanırken öncelikle gerekli link sayısı artı bir olacak şekilde resimlerimizi yazırlıyoruz.
Bu resimler kadar
var aciklaN=new Image(); şeklinde javascripte yeterli miktarda resim alanı açmasını sağlıyoruz.
Burada aciklaN şeklinde girdiğimiz değer kullanılacak resimin adıdır. acikla, acikla1 gibi.
Yine gerekli resimleri yükletmek için aciklaN.src="aciklama.gif"; şeklinde bir kullanım gerekiyor. Burada aciklaN şeklindeki tanımlama önceden tanımladığımız resim adları ile aynı olmalıdır. Mesela acikla.src="aciklam.gif"; acikla1.src="aciklama1.gif" gibi.
Bu resimleri kullanmak için gerekli linke şu şekilde bir ekleme yapıyoruz.
<img src="acikla.gif" name=aciklamaresmi>
<a href="gidilecek_adres.html"
onMouseOver="aciklamaresmi.src=aciklaN.src"
onMouseOut="aciklamaresmi.src=acikla.src">
<img src="buton1.gif">
</a>
Burada açıklama için kullanacağımız resmi yerleştirdik. Sonra linkler için gerekli resimleri
ve linkleri giriyoruz. Her link için
onMouseOver="aciklamaresmi.src=aciklaN.src" şeklinde tanımlama ile o link üzerine gelindiğinde aciklamaresmi olarak tanımladığlımız resmin aciklaN.src olarak tanımlacığımız resim ile değişmesini sağlıyoruz. Bu nedenle her link için gerekli açıklama resmi adını doğru kullanın mesela acikla1.src gibi.
onMOuseOut="aciklamaresmi.src=acikla.src" şeklindeki tanımlama mouse linkin üzerinden gittiğinde orjinal giriş resminin görünmesini sağlar.
Şunuda hatırlatayım kesinlikle resim isimlerinde Türkçe karakter kullanmayın.