|
Gönderen: altayalp | Tarih: 09 Nisan 2006 |
|
|
Selam ile arkadaşlar. Javascript'te sayfalarımız renk katacak bir özellik de onMouseover, onMouseOut özelliğidir. Bu fonksiyonun özelliği adında da anlaşıldığı gibi fare ile nesnenin üzerine gelindiğinde yapılacak eylemi belirlemesidir. Buradaki nesne yazı, link, hücre vs. olabilir. Şimdi bir linkimiz olsun ve bu linkin üzerine gelince mesaj versin. İşte kodumuz;
KOD:<a href="a.html" onMouseOver="alert('Hoşgeldin')">Gel Bakalım</a>
bu kodun çıktısında sayfanızda Gel Bakalım yazan bir link oluşacak ve fare ile üzerine gittiğinizde Hoşgeldin mesajını verecektir. Burada dikkat etmeniz gereken bir nokta tek tırnakların kullanımıdır. Eğer alert içinde de çift tırnak işareti kullansaydık sayfamızda hata oluşacaktı. Tarayıcının komutları ayırt edebilmesi için tek tırnakların kullanımı önemlidir. İkinci örnekte de linkin üzerine gelince adres çubuğunda açıklama gösterelim;
KOD:<a href="a.html" onMouseOver="window.status='Açıklama Buraya Gelecek'; return true">Merhaba</a>
Sayfanızı çalıştırdığınızda Merhaba yazan bir link ile karşılaşacaksınız, fare ile üzerine gittiğinizde de adres çubuğunda Açıklama Buraya Gelecek şeklinde bir mesaj görünür. Son örneğimizde de üzerine fare ile geldiğimizde arkaplan rengi değişen tablo yapalım.
KOD:<td onMouseOut="this.bgColor='#33CCFF'" onMouseOver="this.bgColor='#F97800'" bgcolor="#33CCFF">
Rengi Değişen Tablo</td>
Son örneğin çıktısı da açık mavi bir tablonun üzerine fare gelindiğinde arka plan'ın turuncu olmasıdır. Fakat son örneği diğerlerinden ayıran burada onMouseOut özelliğini de kullanmış olmamızdır.
Eğer örneklere dikkat ederseniz sadece onMouseover, onMouseOut özelliğini değil farklı özellikleri de kullandık. Herhangi bir sorunuz olursa forumumuza yazabilirsiniz.
|
|
[ Makaleyi İndir ]
[ Yazıcı Görüntüsü ]
[ Tavsiye Et ]
[ Takibe Al ]
[ Yorum Ekle ]
|
|
Bu sayfayı Paylaşın :
del.icio.us |
Furl |
Digg |
Technorati |
Reddit |
Google Bookmarks |
Simpy
|
|
●
Toplam 1 Yorum Yapılmış
|
son örnek |
sRKn | 11 Haziran 2008 Çarşamba
son örnek çalışmıyor
|
| |
|
Html ( 15 )
