BLOG

jQuery ile Animasyonlu Menü Yapımı

Tayfun Erbilen ekledi. 23 Ekim 2012 Salı

Bu dersimizde jquery ile animasyonlu bir menünün nasıl yapıldığını öğreneceğiz.. Sprite olarak hazırladığımız menüde, background-position değerlerini animasyonlu bir şekilde değiştirerek güzel bir menü oluşturacağız..



Demoyu İnceleyin;
http://prototurk.com/demo/jquery-animate-menu/index.html

Örnek Dosyayı İndirin;
http://yadi.sk/d/I84bfXgk0ME8B Gözat

5 yorum

  1. faruk keleş23 Ekim 2012 21:43

    hocam farklı tarayıcılardaki sorunu önlemek için position..js dosyasını eklenmeiş halini koyarmısınız.

    YanıtlaSil
    Yanıtlar
    1. ahmad23 Ekim 2012 21:46

      İndireceğiniz kaynak dosyasında mevcut, ek olarak direk adresini isterseniz;
      http://linkler.in/438.htm

      Sil
  2. Engin23 Ekim 2012 22:41

    Teşekkürler.

    YanıtlaSil
  3. Adsız24 Ekim 2012 22:02

    peki aşağı yukarı kaydırmak yerine sağa yada sola kaydırmak istersek ne şekilde düzenlememiz gerekiyor :)

    YanıtlaSil
    Yanıtlar
    1. ahmad26 Ekim 2012 07:33

      Biz aşağı yukarı kaydırmak için backgroundPosition'da y değeri ile oynadık.. Sağa sola kaydırmak için x değeri ile oynamak lazım.. Ancak sprite dosyasıda ona göre olmalı.. Yani menü yan yana değilde dik bir şekilde listelenek.. Sağ tarafına da hover hali gelecek ki o zaman y pozisyonunda kaydırabilelim :)

      Sil

Kaydol: Kayıt Yorumları (Atom)

HAKKIMDA

2009'dan beri web işleriyle uğraşan, aynı zamanda amatör müzikle de uğraşan sıradan birisi..