Tüm html etiketleri tarayıcı tarafından okunduktan sonra yani document.ready metodu çalıştığında, artık tüm bildirimler tanımlanşmış oluyor. Ne zaman kullanıcı butona tıklarsa, jquery’nin $(“button”) özelliği ile, tıklanan method document.ready deki click ‘i çalıştıracaktır. orada bulunan fadeTo fonksiyonu ise, div içerisindeki alanları belirlenen miktarda(0.5) saydamlaştıracaktır… Örnek kod aşağıdaki gibidir..

  1. <html>
  2. <head>
  3. <script type="text/javascript" src="jquery.js"></script>
  4. <script type="text/javascript">
  5. $(document).ready(function(){
  6.   $("button").click(function(){
  7.     $("div").fadeTo("slow",0.5);
  8.   });
  9. });
  10. </script>
  11. </head>
  12.  
  13. <body>
  14. <div style="width:100px;background:red;height:100px">
  15. <button type="button" text="Bu pencereyi saydamlaştır" />
  16. </div>
  17. </body>
  18. </html>

Beğendiniz mi?






*** *** KANALIMIZA ABONE OLMAYI UNNUTMAYIN ** ***

*** *** KANALIMIZA ABONE OLMAYI UNNUTMAYIN *** ***