Yeni Kayıt
Konudaki Resimler
|
Hızlı 
Bildirim
Sayfalar arasi asagi yukari acilir gecis efekti yapmak
Sıcak Fırsatlarda Tıklananlar
Editörün Seçtiği Fırsatlar
Bu Konudaki Kullanıcılar:
2 Misafir - 2 Masaüstü
Giriş
Mesaj
-
-
meta kodları var onları araştır biraz sanırım bişeyler çıkar ama her tarayıcada çalışmıyor diye hatırlıyorum. -
Bayardır araştırıyorum aslında fakat benzer bir şey bulamadım. Zilyon tane page transtion sitesine baktım ama yok bulamadım hiç :/ -
jQuery kullanarak şöyle birşey hazırladım sanırım istediğiniz bunun gibi birşey http://jsfiddle.net/MJ5tU/2/
Sayfa değişeceği zaman sayfayı istediğimiz gibi hareket ettirmek için ilk önce body'nin position değerini absolute yapıyoruz,
pek gerek yok ama daha sonra scrollbarları da gizledim.
Daha sonra sayfanın içinde daha önceden olan cubuk divini ortalıyoruz (sayfanın yüksekliğini 2'ye bölüp div'in kendi yüksekliğinin yarısını çıkartarak), sonra cubuk divini görünür yapıyoruz.
Bu div normalde sayfanın en sağında duruyor $("#cubuk").animate(); ile left'ini 0 yapıyoruz.
Orda bulunan şu koddaki ,
$('#cubuk').animate({left: "0px"}, 500, 'swing', function() {
...
});
500, milisaniye değerinde ne kadar sürede gerçekleşeceğini,
'swing', animasyonun belirli zamanlarda nasıl hızlanıp yavaşlatılacağını belirtiyor, (Burdaki swing hızlıdan yavaşa doğru, diğerlerinin listesi için şuraya bakabilirsiniz http://api.jqueryui.com/easings/),
sondaki function() {} da animasyon bittiğinde çalışacak methodu içeriyor.
Burda ilk dediğiniz gibi ekranın ortasına çubuk gelip sayfayı yukarı kaydırıp daha sonra en aşağıya doğru sürüklüyor.
Aşağıya sürükleme animasyonu bitincede gidilecek sayfa açılacak yorum satırı içerisinde yazdım.
Sayfa:
1
Ip işlemleri
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
Bu mesaj IP'si ile atılan mesajları ara Bu kullanıcının son IP'si ile atılan mesajları ara Bu mesaj IP'si ile kullanıcı ara Bu kullanıcının son IP'si ile kullanıcı ara
KAPAT X
