İşinize yarayabilecek jQuery kodları

jQuery kodları derken daha doğrusu kod parçacıkları bu vereceklerim. 5 tane, sıklıkla kullandığımız ya da aradığımız kodlar bunlar. Bu jQuery kodlarını sitemizi ya da temalarımızı olultururken sıklıkla kullanıyoruz. Oldukça işimize yarayan bu kodlar artık ayrılmaz bir parçamız oldu gibi. En basitinden benim şu yukarı butonu bile aşağıda paylaşacağım jQuery kodlarına benzer yapıda. Estetik katabiliyor işlerimize. Lafı çok fazla uzatmadan geçiyorum paylaşmaya.

jQuery kodları nasıl kullanılır?

Bunu anlatmama pek gerek var mı bilmiyorum ama belki bu işe yeni başlayan arkadaşlar olabilir diye bi değineceğim. Öncelikle jQuery kütüphanesine ve olayları gerçekleştireceğimiz bir document.ready fonksiyonuna ihtiyacımız var. Şöyle ki;

Bu kodları çağırdıktan sonra $(document).ready(function(){}); içerisine kodlarımızı yerleştireceğiz. Buradaki amaç sitenin yüklenmesi hazır olduğunda kodların çalışmasını sağlamaktır.

Sırasıyla jQuery Kodları

Basit Yukarı Butonu

Bu kod ile birlikte yukarıya doğru yavaş bir şekilde çıkan buton efekti yapmış oluyoruz. Kodun çalışması için sitenizin üst kısımlarında top classına sahip bir elemanınız div, span vb olmalı. Şayet herşey doğruysa gayet güzel bir buton oluşturmuş olacaksınız.

Tablo renklendirme

Tablonuzu Zebra stili dedikleri bir şekilde renklendirmek için bu kodu kullanaiblirsiniz. Kod basit olarak Tablonun satırlarında ilk satıra farklı bir css arkaplan rengi atıyor ve renklendiriyor 🙂

Hover efekti

Bu kod ile herhangi bir div yada başka bir elemanı fare üstüne geldiğinde renklendirebilir ve değiştirebilirsiniz. Kod basit olarak fare imleci .ustegel classına sahip elemana geldiğinde farklı bir class atayarak değişime imkan sağlıyor. Fare uzaklaştığında ise classı siliyor. Eklemeniz gereken elemanın örneği şöyle olmalıdır.

Linkleri Yeni sayfada açılmaya zorlamak

Ne dediysek o 🙂

Tablo başlıklarını Tablo Sonuna klonlamak

Tablo yapılarının bazılarında tablo başlıkları thead aynı şekilde tablo sonlarında da kullanılması gerekebilir ama bazen tablo yaparken bunu unutabiliriz. Bu kod direkt olarak bu işi yerine getiriyor 🙂

jQuery kodları umarım işinize yarar kodlar olur.

Selametle

Gelen Aramalar:

  • jquery kodları
  • javascript ve jquery kodları
  • jquery kodları hakkında
  • jquery kodu basit
  • jquery yapma kodları
  • vodafone net-AJAX 5 SIFRELERI
WordPress gururla sunar.Theme: Flat by YoArts. WpAdamı Uyarlaması : Serkan Algur