Sayfanıza kar yağma efekti

Hazır bulacağımız bir snow.js adındaki Javascript dosyasını sayfamıza bağlayarak kar yağma efekti vereceğiz.

Hazır bulacağımız bir snow.js adındaki Javascript dosyasını sayfamıza bağlayarak kar yağma efekti vereceğiz.

Aslında çok sevimli ve güzel bir efekt Kar Yağdırma. Senenin bu döneminde çok sık kullanılır ve bir dönem sitede tutulur.

Yapılması da çok basit: Hazır bir Javascript kodunu sayfanıza bağlamak ve o kod içinde bir görseli (kar.gif gibi) hedeflemek.

Öncelikle yağmasını istediğiniz görseli bir host adresine upload edin.Bunun için eğer gmail hesabınız varsa Google'ın 100 MB ücretsiz hosting verdiği pages.google.com adresini tavsiye edebilirim başlangıç noktasında. Ben de yağacak olan görseli buraya upload ettim.


http://ercanaltug.googlepages.com/snow.gif


Daha sonra bu adresi yağma efektini verecek hazır Javascript dosyanızı Dreamweaver ile açıp aşağıdaki gibi göstermeniz gerekecek. Hazır Javascript dosyalarını internette bir sürü bulabilirsiniz. Benimkini beğenirseniz adresi :


http://ercanaltug.googlepages.com/snow.js




En son adımda bu hazır Javascript kodunu sayfanıza bağlamak kaldı. Aslında bu da sanırım en kolay ve keyifli kısmı. Alttaki bağlama kodunu sitenizin head tagleri arasında mümkünse enbaşa ekleyin.src yani source adresinde sizin hazır Javascript kodunu tutan hosting adresi olduğundan emin olun.


<script type="text/javascript" src="http://ercanaltug.googlepages.com/snow.js">

</script>


Ve sayfanızı saklayıp bir önizleyin. Size tavsiyem hazır Javascript örnekleri yüzlerce var internettre arayıp istediğinizi gibi birtanesini sitenize bağlayıp bağlayıp beğenebilirsiniz.

İyi yıllar...
  • Etiketler;
Ercan Altuğ Yılmaz
1981 İstanbul doğumlu. Öğrencilik kariyerine Maltepe Üniversitesinde e-MBA yaparak devam etmektedir. <p>Eğitmenliğe 2000 yılında Akademi-İstanbul'da Web Tasarımı eğitimleri vermekle başladı. İznik Akademisi, Digiturk, Medyasoft, SmartPRO gibi yerlerden sonra, şu an Netron Bilişim Akademisi Web & Grafik Tasarım Ürünleri Eğitmenidir. <p> Sanalkurs.net üzerindeki dersleriyle de sizlere yol göstermeye devam edecek.
Yorum Yaz

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

javascript ne işe yarıyor ve ne demektir?cevabınızı bekliyorum...
Javascript kodlarını değiştirmeyi biliyor olmanız gerekiyor bunun için.
yaa bu kod işe yaramıyor biraz daha acarsan seviniriz lütfen ...
pek bir şey anlamadım.heral biraz kalın kafalıyım şunu ilk adımlardan başlayarak anlatmak mümkün değil mi
arkadaşlar birisi javascrip komutlarını hangi programda kullanabileceğimi yazarza sevinirim
ben denemedim ama çok güzel bir anlatım. Azda olsa Web Sitesi tasarlamayı yada dizayn etmeyi bilen herkes bu anlatılanları çok rahat yapabilir. Paylaşım için teşekkürler
javascript web sayfalarında html kodları ile yapılması cok zor olan ya da mümkün olmayan bunlar gibi birçok işlemi gerçekleştirmemizi sağlar. siz burada belirtilen kodları kopyalayıp web sayfanızın <body> ya da <head> (kodun özelliğine göre değişir) içerisine yerleştirirseniz bu özellikler sizin sayfanızda da yer alacaktır..
ya hocam benim sayfamda kar değil kalp yağıyor, biyerleri yanlış mı yaptım acaba?
Selam Korn ; Güldürdün beni saol. Yağan görselin adresi : http://ercanaltug.googlepages.com/snow.gif olarak vermiştim ya onu istediğin görselle değiştirebilirsin,seninki de kalp olmuş sanırım :) Kolay gelsin...
oraya ders diyosunuz demesine ama adam gibi anlatın bari kar yağdırma efekti nasıl yapılıyor. Kar yağdırma efektini bağlamayı göstermekle başlığın ne alakası var
ERALTUG SANA BİSEY DEMEK İSTEDİM: ilk önce bu dediklerinden az biraz anladım ama önce temel bilgiyi verseniz daha kolay olurdu ayrı bir yer de temel bilgi vermelisiniz ...
ya ben bu işin kursunu aldım ve javascript file da birçok yanlışlıklar var ben bir ara sizin verdiğiniz .gif ile bir arka plan paylaşırım. :D

Yukarı Git