Bu dersimizde Jquery kullanarak çok güzel bir efekt yapımını öğreneceğiz. Basit olmasının yanı sıra bir o kadar da kaliteli efektleri yapacağız.
Efekt Kod:
<!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() belirlenmiş bir öğeyi görüntülemeye yarar örn:(3000) 3sn */ }); $("#btn2").click(function(){ $("img").show(400);/* show() belirlenmiş bir öğeyi görüntülemeye yarmaktadır aynı hide() gibi değerleri almaktadır*/ }); $("#btn3").click(function(){ $("img").toggle(400); /* toggle() belirlenmiş bir aracı hem görüntüler hem de gizlemesine yardımcı olur aynı show() ve hide() gibi değerler alabilir */ }) }); </script> <title>ibrahimfirat.net| 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örüntüle</button> <hr /> <button id="btn3">Görüntüle - Gizle</button> </body> </html>
Hiç yorum yok: