Home » , , , , , » Blogunuza jQuery ile "Yukarı Çık" Butonu Eklemek

Blogunuza jQuery ile "Yukarı Çık" Butonu Eklemek



Dün Şuayip Kambur'un blogunda gördüm kendisinden rica ettim ve kodları yolladı.Kendisine öncelikle çok teşekkür ediyorum :) Şimdi gelelim konumuza


Daha önceleri de size bu yazımda yukarı çık butonunun nasıl ekleneceği anlatmıştım.Bu sefer ki yukarı çık butonumuz jQuery ile özel efekt kazandırılarak yapılmıştır.Ayrıca bu kod için  tasarım ile oynamanıza da gerek yok!Çünkü bu kodumuz Gadget olarak ekleniyor.

1-Sizlere verdiğim linkten kodlarımızı bilgisayarına indirin.(Yazının sonunda.)


2-Tasarım > Gadget Ekle > HTML/JavaScript


Gadgetını seçerek kodlarımızı bu alana yapıştıralım ve kaydedelim.Blog sayfasının biraz aşağısına indiğiniz de buton otomatik olarak belirecek ve üzerine tıklandığında yavaşça sayfanın yukarısına gelecek.Bu yavaşlık efektini jQuery sağlıyor :)

Demo:

Bulunduğunuz sayfayı biraz aşağı indirerek sağ alt köşede beliren ok işaretine tıkladığınız da sayfanın yukarı çıktığını canlı olarak görebilirsiniz.İconFinder ile şu an ki buton yerine farklı bir butonda seçebilirsiniz.

Kodları bilgisayarınıza indirmek için tıklayınız.

Bu Filmi Paylaş :

0 yorum:

Yorum Gönder

Layer"

Reklam

 
Support : Türkçe | Blogger | Temaları
Copyright © 2014 Film Siteleri - Tüm Hakları Saklıdır
Filmsitelerin.blogspot.comTürkçe Blogger Temaları
powered by Filmsiteleri.net