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.
UstaDerslik
