Jquery Ders-10 .mouseover() ve .mouseout() Kullanımı
UstaDerslik Soru-Cevap Yararlı Araçlar
arama ikon
Diller
Türkçe Türkçe

bilgi UstaDerslik
Bu uyari kutusudur.
Tamam
Anasayfa
İletişim
Üyeler

Jquery Ders-10 .mouseover() ve .mouseout() Kullanımı

profil
cArleone
BEĞEN(0)
BEĞENME(0)
GÖRÜNTÜLENME(4673)
RAPOR ET
Jquery serimize devam ediyoruz.Bu derste .mouseover() ve .mouseout() eventlarını işleyeceğiz.Öncelikle bunların işlevine bakalım.Bunlar mouse ile bir objenin üstüne gelindiğinde veya çekildiğinde olayları yakalamak içindir.

1- mouseover()
Mouseover bir objenin üstüne mouse ile geldiğimizde o olayı yakalar bizde bu sırada işlem yaparız.

$(".alan").mouseover(function(){
//işlem
})


Yukarda alan clasına ait yere mouse ile gelirsek işlem yapacağız.

1- mouseout()
Mouseout bir yerden mouse iconunu çektiğimiz olayı yakalar,bizde işlem yaparız.

$(".alan").mouseout(function(){
//işlem
})



Genel örnek :

<!DOCTYPE html>
<html lang="en">
<head>
<title>cArleone</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(function(){

$(".alan").mouseover(function(){
$(".alan").css("background","red");
})

$(".alan").mouseout(function(){
$(".alan").css("background","blue");
})

})
</script>
</head>
<body>

<div class="alan">cArleone</div>

</body>
</html>


Yukarıda cArleone yazısının üstüne geldiğimizde arkaplanı kırmızı.Mouseyi çektiğimizde arkaplanı mavi olacak.



Kod
Kalın
Vurgu
Resim
Video
Url
CEVAPLA
Tüm Hakları Saklıdır. ©Arleone 2013-2014 UstaDerslik






Giriş
Şifremi Unuttum...
Şifre Talep
  Kuralları Kabul Ediyorum.
Kaydol