jQuery proqramlama / jQuery dərsləri 2-ci hissə.

SystemPRO (11 ay önce)


<html>
 <head>
 <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
 </head>
 <body>
 <!--
 1) İkinci dərsə başlayaq. Əvvəlcə planımızı qururuq.
 2) PLAN: Adın üzərinə gəldikdə, soyadın ölçüsü böyüsün.
 -->
 <script>
 $(document).ready(function(){
 // 4) Planın birinci hissəsi: [ adın üzərinə gəldikdə ] Aşağıdakı formada yazılır.
 $(".ad").hover(function(){
 //Əməliyyat.
 // 9) Planın ikinci hissəsi: [ soyadın ölçüsü böyüsün ]
 $(".soyad").css({'font-size' : '30px'});
 // 10) kodumuzu analiz edək:
 // 11) $(".soyad") - kodu vasitəsi ilə class-ı soyad olan tegi seçdik.
 // 12) .css - kodu vasitəsi ilə həmin tegdə olan mətnin ölçüsünü böyütdük.
 // 13) biz yuxarıda kodda sadəcə olaraq üzərində gələndə böyümə kodunu yazdıq, ancaq üzərindən uzaqlaşdıqda kiçilmə kodunu yazmadıq.
 // 14) hover() - əməiyyat tipi iki funksiya qəbul edir.
 // 15) hover(function(){}, function(){}) - burda birinci üzərinə gəldikdə, ikincisi üzərindən uzaqlaşdıqda.
 // 16) indi gəlin ikinci funksiyamızı da yazaq.
 }, function(){
 //Əməliyyat
 $(".soyad").css({'font-size' : '10px'});
 });
 
 // 17) vergül qoyuruq və ikinci funksiyamızı əlavə edirik.
 // 18) ikinci kodumuzda yazının ölçüsünü 10px verdik.
 // 19) bu dərsimiz də bu qədər. 
 // 5) Yuxarıdakı kodu analiz edək.
 // 6) nöqtəyə qədər olan hissə: $(".ad") - class-ı ad olan tegi seçir. yəni selectordu.
 // 7) hover - əməliyyatın tipidir, yəni seçilən tegin üzərinə gəldikdə.
 // 8) function - əməliyyatın icra olunacağı yerdir.
 });

 </script>
 
 <!-- 
 3) Aşağıda plana müvafiq formada iki tag hazırladıq.
 -->
 
 <div class="ad">İlqar</div>
 <div class="soyad">Ramizoğlu</div>
 
 </body>

 </html>

0 / 5

Ramin (10 ay önce) · Oxunub 8
Hələki cavab yazan olmayıb!
  • jQuery proqramlama
  • Ev · CSS bərpa ·