9 HAZİRAN 2011, PERŞEMBE

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

Bu sizi nasıl oluşturulacağını öğrenmek olacak şey bitmiş ürün pic CSS jQuery anahtarı sınıf yöntemini kullanarak stilleri animasyonlu bir de geçiş bir stil diğerine moda böylece gibi bir şey yaratabilirsiniz Bu animasyonlu yatay menü sistemi onları moskova en tek öğenin üzerine bunu animasyon görebilirsiniz olduğunu Onlara farklı bir stil kendi fare öğeyi bırakır nasıl bir anahtar sınıfını kullanmak için size gösterecektir özgün tarzı animasyon yöntem çok basit yatay menü sistemleri yapmak Animasyonlu düğmeler Dreamweaver CS5 bir pazarda altındadır benim HTML metin editörü Ben gitmeye başladı o

zaman gerçekten çünkü konum hangisini farketmez tasarım içine coltie başa çıkabilirim bir notepad artı artı olabilir ne olursa olsun size Tamam istiyorum kopyalamak ve altında nereye lütfen yapıştırmak için tüm bu soğ

uk olacak ücretsiz olacak video bir HP nokta com geliştirmek ve mutlaka bir bağlantı koyacağım YouTube video açıklamasında bu sayfaya sizden nerede siz Çok olabilir sadece video açıklamasında bakmak üzeri

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

ne tıklayın ve Cody 21 olsun Ben Kod görünümüne giderek yeni bir HTML dosyası oluşturun edeceğiz Bu dosya indeksi çalışma HTML benim masaüstünde olduğu tasarruf edeceğim Seni ilk şey sayfasında eğer vücut etiketi HTML uygulanır yapmak simba açılması ve kapatılması / beden etiketi, bazı öğle arasını ama Burada bu kod Gidip pazar hakkında derinlemesine gitmek için HTML ya da CSS, HTML çok temel nedeni ve CSS biz koymak jQuery hakkında derinlemesine gidecek ço

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

k çok temel yer ama ben kısaca bu yüzden burada almak gövde arasındaki size ben görebilirsiniz tartışılan edeceğiz var etiketler vermek: gerçekten menüsü ile ilgisi yoktur, sadece bir banner sistem ve daha sonra diğer gün fikir her şeye sahiptir menü menü sistemi ile yapmak ve bu içinde birlikte görebilirsiniz sadece Basit 8x danışma hattı her biri ayrı tam olarak ne o oluşan L görürsünüz ve görebilirsiniz her biri benim Bunun üzerine set bir sınıf style1 az bağlantılar olacak sadece bir saniye içinde kafa etik

etinde yer CSS koymak hangi Yaş sağ herhangi sayfa 12 o tarz ve şifa için bu yüzden ben de her bağlantı hakkı ile oldu yolu geri koymak ediyorum arasında hiçbir boşluk sonraki bir sonra üst sonraki Alright üzerinde Her Onları biz burada sıraya vardı şekilde hizaya istiyorum çünkü hepsi birbirine hemen yanındaki ve boşluk bu düğmeleri ve arasında var ben istediğim buydu Ben bu şekilde bunu yapmak çok kolay bir yolu, benim bağlantıları olmalıdır neden bu kadar işte ve o bazı CSS koyacağım ona daha fazla bir şey yok, HTML var Bu menüyü etkileyecek bazı CSS koyacağım asla bu top banner etkileyecek mi ve tüm bu küçük lig tasarım görünümünde bakmak ben şimdi yaptım beri ise Şimdi de baş etiketi içinde görünür sadece böyle görünen bir şey var belge elimizde görebilirsiniz çift ​​başlık etiketi altında gitmek Appliance Bazı stil CSS stil içinde olacak koymak ben Böylece gerçekten çok orada değil benim tarzım tam take burada görebilirsiniz duymak tarzı, bir stili var ve ve hiçbir sevgiler bağlantıları hatırlıyorum bir sınıf style1 vardı bu tarzı vardı bu yüzden kendilerine uygulanan varsayılan olarak işe başlamak Sağ sayfa yük biz de vücut etiketi için bazı stil varsa Sayfa Arka Plan istediğimiz belli bir renk elde ve yapmak için tüm marjları 0 piksel o zaman bu etkiler bazı stil var Üst banner styling yaptım üst afiş burada yaptım font boyutu arka plan rengi yazı rengini tanımlar ve daha sonra bunun için istediğiniz dolgu şimdi menü styling bu Gerçek menü bizim küçük 880 içeriden tüm tüm küçük düğmeleri Ben stil kurallar olduğunu verdi geri arayan borderColor Ben olmalıdır sınır alırım stil sınır ve sonra Patty seviyorum şimdi CSS ve HTML için var Şu anda stil etiketi üzerinde yukarı başlık arasında benim stil etiketi etiketlemek tek CSS bazı javascript dosyaları dahil olacak birkaç satır eklemek istiyorum dosya bu yüzden bu sadece yerine koymak dört satır vardır ve bağlantıyı görebilirsiniz Google API Starcom ve jQuery com ve getiriyor biri 3 javascript dosyaları Bu uygulamanın çalışması için ve tek nokta CSS dosyası hangi Eğer ihtiyaç vardır indir jQuery dosyaları gidebilirsiniz isterseniz insanlar CSS dosyaları gizlemek çünkü bu URL den sokak veya javascript dosyaları isterseniz, aslında bu dosyalara gidebilirsiniz böylece Online indirmek ve yerine sunucudan onlara sunucu ve bağlantıyı koydu Google API ya da jQuery nokta onlara bağlayan com ki ben duydunuz gibi ona bağlantı sadece olabilir bunu yapmak için tamamen güvenlidir ya aslında zaman sunucu bu dosyaları gidip seçebilirsiniz ve sadece biz bir yerde bu var bir kere şimdi bu dosyaya kaynak bağlantısını değiştirir biz şimdi bazı jQuery tokat Bir komut dosyası etiketi içinde çok fazla sistem çalışmaları yapmak için CSS ve HTML etkileyecek bu yüzden burada stil etiketi üzerinde tekrar kodunun son bit pop izin vermenizi ihtiyacımız var ve ben sadece bir betik a attı burada görebilirsiniz Bunun içinde oluyor bazı jQuery işlevleri var ve sadece sekiz hatları jQuery ve ben derinlemesine açıklayacağım Siz gerçekten neler olup bittiğini etrafında başınızı sarın biz bunu açıklayan Başlamadan önce ve just wanna düğmesini kullanarak bildirmek sınıf yöntemi jQuery olan iyi belgelenmiştir Onların yerinde biz de fare cevap kullanıyorsanız ve fare izni olay iletisi tamam Şimdi bu ayıralım böylece bu küçük mekanizmalara hem görebilirsiniz Fare için bu küçük mekanizmalar zaman birileri küçük okullara cevap Bu düğmelerden eski biri bu küçük mekanizma fare için Biri fare olduğunda katışıksız olay terk Bunları hedefleme görebileceğiniz bu düğmelerden birine bırakır Her Bunun menü sistemi içinde sekiz yumurta seviyorum Eğer ben menü meydan vardı bkz Donna'ya burada benim html bakın Bazı burada jQuery hedeflemesi ve sonra ben sadece aralıklı koymak Bir yapmak hedefleyen tüm küçük bir take karar verdi emin Menü sistemi mil uygulamak girmek ve mil kollu olay mesajı nedenle zaman Kullanıcının Moskova'nın üzerinde herkes bu seksen etiketler: menü içinde Fare bu işlevin olay yöntemi ateşi girin temelde bu kod satırını çalıştırmak, böylece hangi fare bazı onları bu bir alıcı bırakır çalışmak Bu kod satırını çalıştırmak için yani ne olur bu kod satırı burada anahtar sınıf yöntemi kullanmaktır Biz karar kullanımı ve yemeğin üzerine bir tespit hangisi için çok az bir etiket fare kullanır take hedef olur yani bu tanımlamak için kullanabilirsiniz ve o öğenin anahtar sınıf yöntemini kullanın ve bu hangi sınıf yöntemi üç parametre veya memnun etmek için izin verir Biraz ilk argüman içindeki argümanlar değiştirmek istediğiniz tarzı İkinci argüman size değiştirmek istediğiniz tarzı Animasyonlu moda ve üçüncü argüman bu animasyon tamamlamak için gereken zamanı olan sapak Asya olduğunu temelde animasyonlar hız ve olmak için bu numarayı ayarlayabilirsiniz ne olursa olsun İstediğiniz yani fare izni mekanizması gitmek oldukça fazla tam tersi style için ne gibi süre ile animasyonlu moda style1 ve o burada bazı yorumlar koyacağım nasıl çalıştığını oldukça fazla tamam bu güzel kod sizin için yorumluyor ve ben tartışılan eğer emin değilim Eğer görüyoruz $ document.readyfunction kod küçük sekiz satır Burada içinde sarılı onun o jQuery web sitesi size belgelenir $ document.readyfunction olduğunu Bu konuda tüm okumak gitmek ama belgelerin hazır temelde neler fonksiyon emin olmak için izin verecek olan yok sayfalarında tüm unsurları yüklü olduğunu böylece yolu YouTube, belirli hedef herhangi bir olay iletisi varsa eğer kontrol kafa etiketinde var bazı jQuery içinde unsurlar görünümü belge o şeyleri belge I erişimi emin olabilirsiniz hazır fonksiyon Eğer belgeler hazır fonksiyonu olan kullanmak istemiyorsanız ya da sadece emin olabilirsiniz Bu jQuery kod tüm bu komut dosyası etiketi koymak altında olsa da etkiliyor ve daha sonra kullanmak zorunda değilsiniz bu HTML belgeler hazır fonksiyonu olan bazen baş kodunuzu olması en iyisidir etiket görünümü belge nasıl çalıştığını ve hazır fonksiyon tamam adamlar belgeye kullanılacak bu yüzden Bu basın Kontrolü LER algıladıkları Bu tarayıcı yep test etmek için f12 Eğer biz istediğimiz istenilen sonuç var görebilirsiniz Bu hangi sınıf yöntemi kullanarak Andy fare girmek ve fare uh olay yöntemleri% olması jQuery bu animasyonlu menü sistemi işlemek için.

Açıklama

Web siteleri için animasyonlu yatay 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



9.7/10

  • 90
    Olumlu
  • 2
    Olumsuz
  • 21
    Yorum
  • 15321
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • eyes4beautee

    eyes4beautee

    17 HAZİRAN 2011
  • Marques Brownlee

    Marques Brow

    21 Mart 2008
  • Shaollin Animes

    Shaollin Ani

    19 HAZİRAN 2013

ANKET



Bu sayfa işinize yaradı mı?