Jquery ile Basit Bir Efekt Çalışması

  • 4.208

Bu dersimizde jQuery'de kullanılan basit, bir o kadar da etkili efektleri göreceğiz

Merhaba,
Bu dersimizde jQuery'de kullanılan basit, bir o kadar da etkili efektleri göreceğiz

Hemen örneklerimize geçelim.

efekt.html


<!DOCTYPE HTML>

<html lang="en-US">

<head>

    <meta charset="UTF-8">

    <script src="http://code.jquery.com/jquery-2.0.3.min.js" type="text/javascript">

    </script>

<script type="text/javascript">



        $(function(){

             $("#btn").click(function(){

                 $("img").hide(400); /* hide() belirtilen nesneyi gizlemeye yarar slow,normal,fast veya saniye değerleride girebiliriz örn:(3000) 3sn  */

             });

             $("#btn2").click(function(){

                 $("img").show(400);/* show() belirtilen nesneyi göstermeye yarar aynı hide() gibi değerleri alır*/

             });

             $("#btn3").click(function(){

                 $("img").toggle(400); /* toggle() belirtilen nesneyi hem göstermeye hem gizlemeye yarar aynı show() ve hide() gibi değerler alabilir */

             })

        });

</script>



<title>Sanalkurs | jQuery Basit Efektler</title>

</head>

<body>

<img src="http://j1309.hizliresim.com/1f/c/sldpj.jpg"><br />

<button id="btn">Tıkla Gizle</button>

<hr />

<button id="btn2">Tıkla Göster</button>

<hr />

<button id="btn3">Göster/Gizle</button>



</body>

</html>

  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git