10 HAZİRAN 2011, Cuma

Jquery Öğretici: Switchclass Dikey Menü Animasyon Mouseenter Mouseleave

Merhaba arkadaşım Adam HP, burada bir kez daha gelmek gelişebilir Son yanak reanimasyon derste biz bu programı nasıl öğrendi Anahtar sınıf yöntemini kullanarak yatay animasyonlu menü sistemi jQuery ve güzel pürüzsüz animasyon etkileri vardır Eğer biri üzerinde gittiğinizde ikinci sınıfa geçer Menü orijinal Clash geri döner farenizi hareket veya benzeri bu listede tarzı aynı tür nasıl göstermek için şey ama dikey menü yatay bunu zorunda kalacaksın söyledi olacak Eğer bu bir görebilirsiniz Bu gibi dikey etkisi güzel küçük değişiklikler vardır rollover rollout her düğme için animasyonlar Ben d

e bu yazının yarattığı olacağım biz sıfırdan bu yerleşik nasıl anlamak istiyorsanız bu yüzden Eğer ben burada Oranı bağlayacak bu öğretici izleyebilirsiniz Biz sol aynı işaretli soğuk değilim saddam son ders burada soğukta s

en almak için içinde ve yaptığımız bir dikey menü sistemi ilk şey aşağı gitmek olduğunu bunu yapmak için değiştirmek Burada sadece vermek Eğer ki alacak bir yerde menü hareket Sırasız liste ve ardından sağ etike

“Web siteleri için animasyonlu dikey menü düğmesine sistemlerini işlemek için yararlı bir şekilde jQuery switchClass yöntem ve CSS uygulamak öğrenin....”
Adam Khoury

ti ilk önce Bir liste öğesi etiketi için pin / li olduğunda ve daha sonra ilk tarih örneğin sonra bana biraz koyalım çizgi sonra ilk take kapatır Gördüğünüz o / li elemanı kapalı elbiselerimi benim Küçük bağlantı şimdi aşağı gidelim bir liste elemanı racked olan sadece kapalı tüm bağlantılar ve giysilerin altında sıralı listede size L elemanı emin iç içe geçmiş kapalı yapmak zorunda eleman tüm bu sonra kapatmak zorunda böylece burada başlar / li biz onun çizgi ayrı y

Jquery Öğretici: Switchclass Dikey Menü Animasyon Mouseenter Mouseleave Resim 1 Jquery Öğretici: Switchclass Dikey Menü Animasyon Mouseenter Mouseleave Resim 2 Jquery Öğretici: Switchclass Dikey Menü Animasyon Mouseenter Mouseleave Resim 3 Jquery Öğretici: Switchclass Dikey Menü Animasyon Mouseenter Mouseleave Resim 4

apacağız ne öylesine alır çok basit bu bağlantıların her biri ve biz emin olacak / li kapatır ve her biri sarılmış her biri sonra açılan Bir liste öğesi okulda bu denetimi C almak kazazede olması kumandayı gerçek kumandası tamam şimdi bu bağlantılardan birini bir liste öğesi sarılır oluyor Tüm bu liste elemanları içinde sarılmış sıralı liste net bir yasak tüm içinde bizim menünün bu dosyada CSS manipüle izin vermek şimdi Ben yapacağım ilk şey tüm sayfayı bu arka plan rengini değiştirmek olduğunu Üst bantlar background-

color: Ben gidip siyah olun Orada başka aynı şeyi inanmıyorum bu menü gayet Menüyü stil Ben gidiyorum yaptım Ben gerçekten burada ne aradığımı ihtiyacınız yok gibi tüm bu şeyler kaldırmak ama bu kopyalar ve ben eklemek istiyorum eğer herhangi bir stil değil mi demek Onu da seviyorum onların Ben o yüzden orada o bırakacağım gerek ama şimdi size elemanı başladı yapacağım ben burada biz içine koymak emretti listede yeni o menü yaptım beri o Menü yüzden hedef olamaz vermek Ben de hedef gidiyorum yaparak unsuru / li etiketler: kendi sıralı liste içinde size söyleyebilirim bu yüzden Menü alanı uzay / li olacak ve o hedeflediğiniz yardımcı olacağız ve sıralı liste bu dahilinde herhangi bir liste elemanlarını tarzı bu menü içinde olduğunu ve nihayet CSS bazı hedef menüsü oldu sıralı listesine elemanları sahnede HX bunu burada herhangi bir soğuk koymak gidiyor stil olan bu liste elemanları içinde ayarlamak bir etiket etkileyecek Sırasız liste içinde onun Menüde böylece sıralı listede için tamam almak Sanırım ben edeceğiz liste bu styling hedef istiyorum mülkiyet beni dokuzda o değer vermek ve biz marjı hedef ve vermek, yani bir değer 0 piksel ve dolgu biz de avro değerlendirir vermek Tamam yani Avrupa pikselleri HRS'de sıralı listesine elemanlarında menüler için biz yapacağız hepsi şekillendirme bir özellik var ne istiyorum Seni yüksekliğe 54 piksel yapmak ve istediğiniz ne olursa olsun yapabilir Bu olacak bu içinde her liste öğesi yaptım yüksekliği olacak O numaralarını değiştirmek kez öyle tam olarak ne göreceksiniz şimdi hepimiz hedeflediğiniz herhangi bir değişiklik numaraları Bu menüde içindeki bağlantı elemanları thx bu yüzden bir kaç satır biz koyabilirsiniz bu şekilde yaptım konur yapacaksan Ne Bir kaç yerde özellikleri ve Dr biz etkilemek istediğiniz özellikleri tüm o küçük liste elemanları içinde sekiz yumurta biz onları biz 148 ile istediğiniz ekran bloğu olmak istiyorum ve onlar sahip olmayacak şekilde hatta hepsini yapmak nasıl Hatta Ste ama hepimiz bir güzel küçük sütunda üzerinde dolgu sen istersen o ayarlayabilir ve size dolgu yeniden muhtemelen yükseklik olduğunu yeniden düzenlemek zorunda gidiyoruz ama her liste öğesi için o boyutu üzerinde bir iş yapmak için çok basit linkleri ve pota her biri için ayarlamak kolay şimdi gerçekten neler yapabileceğini bağlantıların her biri için aile burada gitmek ve take dışarı text-decoration: Kontrol X sadece burada ve de tarzı çıkarın JQuery hakkında bir şey açıklamak gerçekten veremem Ben tam son derste açıkladı bile vermeyeceğim Ben hiç değiştirmek zorunda değilsiniz, çünkü aslında hiç jQuery tartışmak aynı kesin jQuery bu ilk öğretici çalışıyor yapacağız sadece HTML değişiyordu bu menü sistemine tüm değiştirmek değil ve sınır ile böylece CSS özellikleri Ben burada bu özellikleri terk değilim ilk önce bir tarzı için olacak Siz içinde sınırları yaratıcı alabilirsiniz yolu senin dolgu gerçekten evet biz doldurma ihtiyacımız yok bir üst olabilir Biz sonar con üstüne dolgu animasyon arasındaki ha adildir çünkü tahvil renkli normalde sadece sadece arka plan rengi Orada set renk hangi yazı tipi boyutu bir yazı tipi rengi var yani Ayrıca parça boyutunu alabilir: Bir plaj tarzı tarzı tek duymak ve sadece üst Eğer gerçekten var görebilirsiniz onu koymak Orada Ponte 16 Ben bu kaldırabilirsiniz, böylece Eğer istersen ama birinden farklı mücadele var Animasyonda sonraki devlet Ben olacak beri stilleri burada aşağı bırakabilirim Ben benim sadece animasyon boyunca tek pota olma gerekecek tek font-size: Ben bu konuda endişelenmenize gerek yok ve ben burada o kadar olabilir Bu tüm bu bağlantı metni etkileyen çünkü Tamam ayarlanmış tarzı bir ve stil bana şimdi istediğiniz görünümü elde etmek için çok yumuşak olduğunu bir alanda f12 basın ben istediğim buydu.

Açıklama

Web siteleri için animasyonlu dikey menü düğmesine sistemlerini işlemek için yararlı bir şekilde jQuery switchClass yöntem ve CSS uygulamak öğrenin.

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

Adam Khoury

Adam Khoury

Profesyonel bir online bedava gibi kod ve tasarım öğrenin. JavaScript, PHP, SQL, HTML, CSS, ActionScript ve daha fazlası gibi usta geliştirme teknolojileri. Tüm videoları http://www.developphp.com daha iyi organize olan

YORUMLAR



10/10

  • 51
    Olumlu
  • 0
    Olumsuz
  • 11
    Yorum
  • 12378
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Jeremy Gallman

    Jeremy Gallm

    11 NİSAN 2012
  • MarinaHD2001

    MarinaHD2001

    7 ŞUBAT 2009
  • The Exploiteers

    The Exploite

    4 Ocak 2011

ANKET



Bu sayfa işinize yaradı mı?