berkan.meral@gmail.com
7/24 ulaşabilirsiniz :)

web tasarım etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
web tasarım etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

22 Aralık 2012

jQuery Animate Nasıl Kullanılır?


jQuery Animate metodu 4 kısımdan oluşmaktadır:
.animate(özellikler(properties), [süre(duration)], [görsellik(easing)], [tamamlandığında yapılacaklar(complete)]);
Özellikler(properties): Animasyon ile değişecek olan CSS özellikleri (renk, genişlik, yükseklik, font boyutu vb.)
Süre (duration): Animasyon süresini belirler. Süre milisaniye cinsinden girilir. 1 Saniye için 1000 yazılır.
Görsellik (easing): Animasyon esnasında hangi görsel fonksiyonun kullanılacağı belirtilir.
Tamamlandığında Yapılacaklar (complete): Animasyon tamamlandığında yapılacak olanlar bir fonksiyon içerisinde belirtilir.
Not: Yukarıda belirtilen tüm kısımlar aynı anda kullanılmak zorunda değildir.
Örnek: Aşağıdaki örnekte butona tıklandığında div’ de bulunan şekil, yazı vb. sağa doğru gitmekte, opaklığı, yüksekliği ve genişliği değişmektedir. Bu örnekte sadece belirtilen div’ in özellikleri değiştirilmiş; süresi veya tamamlandığında yapılacaklar belirtilmemiştir.

$("button").click(function(){ $("div").animate({ left:'250px', opacity:'0.5', height:'150px', width:'150px' }); });

Berkan Meral Cumartesi, Aralık 22, 2012

JavaScript İle Tespit Yapmak

Ekran Çözünürlüğü Tespiti
screen.width ve screen.height ile ekranın boy ve enini alıyoruz böylelikle tam çözünürlüğü elde etmiş oluyoruz.
<script type="text/javascript"> function cozunurlukGoster() { var genislik = screen.width; var yukseklik = screen.height; alert("Ekran çözünürlü%u011Fünüz : " genislik "x" yukseklik); } </script> </head> <body> <input type="button" value="Ekran Çözünürlü%u011Fünü Göster" onClick="cozunurlukGoster()" /> </body>
Çalışan Hali;
Tarayıcı Dilini Tespit
<script type="text/jscript"> var type=navigator.appName if (type=="Netscape") { var lang = navigator.language } else { var lang = navigator.userLanguage document.write(lang); } //var lang = lang.substr(0,2) if (lang == "tr") { document.write("<br>Taray%u0131c%u0131n%u0131z Türkçe <br>"); // window.location.replace('turkce.html') } if (lang == "en") { document.write("<br>Taray%u0131c%u0131n%u0131z %u0130ngilizce"); } dil=navigator.systemLanguage document.write(dil); </script>

Çalışan Hali;
Tarayıcının Kullandığı Platform Tespiti
navigator.platform kodu ile tarayıcının kullandığı platformu tespit ediyoruz yani kullanıcı o web sitesine bilgisayardan mı telefondan mı girdiğini tespit ediyoruz.
<script type="text/javascript"> var x=navigator.platform document.write(x); </script>
Çalışan Hali:

Berkan Meral Cumartesi, Aralık 22, 2012
Kaydol: Yorumlar ( Atom )

 

Hakkımda

Gazi Üniversitesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümünü 2013 yılında bölüm üçüncüsü olarak tamamladım,Anadolu Üniversitesi Kamu Yönetimi Bölümü'nü 2015 yılında onur derecesiyle tamamladım. Halen Gazi Üniversitesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü Yüksek Lisans öğrencisiyim. İstanbul'da Meb'e bağlı bir okulda Bilişim Teknolojileri öğretmeni olarak çalışmaktayım. Elimden geldiğince paylaşımda bulunmaya çalışıyorum :)