29 Ocak 2014, ÇARŞAMBA

Css Slayt Gezinti - Animasyon (Bölüm 2/2)

Bitti kaydırılabilir öylesine şimdi biz kaç tane yeni anime gövde stili vardır biz önde gitmek ve burada hızlı iki şey yapmanız gerekmektedir minik biraz temelde sadece gidiyor JavaScript'i Biz Bir geçiş geçiş tıkladığınızda vücut üzerinde bu menü açık sınıf, biz ettik bakmak görüldü Sol taraftaki menüyü etkinleştirmek böylece biz istiyorum ilk şey go ahead ve Ashley onlara böyle görünce bunu bulunuyor çalışma Onları istiyorum go ahead ve yapılacak sonraki şey bazı geçişler uygulamak olduğunu Menü tarafı menüsünde i vücudu olur ve bu temelde sonra olacak maliyet değiştiriliyor gibi kurnaz DeSean ass

bu yüzden aslında javascript kullanarak herhangi bir animasyonu yapmak gerekmez bu yüzden devam edin ve yapmak istediğim ilk şey iş komut dosyası almak için Çalışma vücudu hakkında sonunda go ahead ve dahil ve jQu

ery istiyorum Benimle jQuery sadece basitlik için o önde çok dondurma gidebilir kendiniz veya Başka bir kütüphane kullanımı kaynak yapacağız go ahead ve Google sadece bu yüzden kütüphaneler ev sahipliği al

“Biz şimdi CSS geçişleri kullanarak animasyon uygulamak bakmak ve jQuery JavaScript kütüphaneden yardımıyla, JavaScript biraz kullanarak navigasyon tetiği uygulayı...”
Codecourse

mak güzel ve hızlı barındırılan kütüphaneler jQuery tıklatın: size sından olmak kopyalayıp go ahead ve sahip olmanızı sağlayacak burada kaynak yapıştırın senin Jake sıfırlama yangın kopyası Google CDN Ben olduğumu önünde öncesinde sadece HTTP gideceğim ve sonraki ve olacak ulaşmış do NY bırakma yapacağız devam ediyoruz olduğunu ve bu sayfa içinde sağ ve bu muhtemelen harici şekilde oturtulmalıdır ve sitenizde komut şimdi biz sadece ne yaptığımızı görebilirsiniz org

Css Slayt Gezinti - Animasyon (Bölüm 2/2) Resim 1 Css Slayt Gezinti - Animasyon (Bölüm 2/2) Resim 2 Css Slayt Gezinti - Animasyon (Bölüm 2/2) Resim 3 Css Slayt Gezinti - Animasyon (Bölüm 2/2) Resim 4

anları koymak edeceksin ve biz devam edin ve ilk konuşma radyo fonksiyonları can istiyorum oldukça basit olduğunu sayfada benim için yürütmek Burada bir konsol Tamam yapmak eğer öyleyse ben Ron var Ben gelen ettik böylece sadece o çakal ücretsiz çalıştırmak con acıyor ediyorum ne şimdi yapmak istiyorum ve gençlik varsayarak yaptığımız J mürettebat dahil olacak go ahead ve Çarpacağız değişken kamboçya bir vücudu seçmek için jQuery seçici yapıştırmak kullanmak için gidiyor hangi Şimdi ne yapmak istediğinizi oldukça basittir sa

yfanın unsuru demek menü geçiş çapa bir olay işleyicisi olan verdik Burada klasik menü toplam 2012 Vinç hey eli yine New aynı bir seçiciyi kullanın biz iyi demek istiyorum geçiş yüzden bağlama yöntemi azaltabilir ve biz bu öğeyi tıkladığınızda o kadar olayı tıklayın bulamıyorum fonksiyon çalışır olacak biz burada aa kapanması var en önde gidelim ve onlar tıklandığında ses Tamam teselli Sadece bu yüzden biz bu yüzden tıkırtı kalem bağlama ile çalıştığını biliyoruz Hisse senedi tıklandığında biz de getiriyi tıklandığında olduğunu görebilirsiniz Burada konsol Buna biz bu çalışma olduğunu biliyorum ve şimdi ne yapacağız olduğunu temelde şimdi toplam sınıf yöntemini kullanın vücut burada çok kötü oldu daha önce seçilen vücut o var dot geçiş Clark adlı ve sonra biz sınıfta menüsü I kalem adını belirtin Biz gizlemek istediğiniz zaman hatırlamak Menü açık beni menüsünü göstermek istiyoruz yapılan redif aldığımız menüsünü gizlemek CSS stilleri olmadan yüzden menü açık sınıfta olmak Daha önce konuştuk bir kez böylece biz geçiş olacağını hakkında konuşacağım gayet Şehre göre açık ve kapalı çıkarın ve o vardı ya ve sonra biz şimdi bu işlevselliği çalışması gerektiğini, böylece millet iade dolayısıyla gitmek istiyorum Biz taco devam edin ve aslında tıklayın eğer bu görebilirsiniz Aslında kaç aktive etmez ve bu tabii ki be yaptım böylece biz sadece o gösterir ve gizler bir sınıf ekleyerek CSS ile yapılıyor İlgili içerik Şimdi biz devam edin ve CSS geçişleri eklemek eğlenceli kısmıdır Tüm CSS ile yapılan Missus JavaScript animasyon ile bunu yapmak için gerek yoktur ve bu eski tarayıcıda desteklenmiyor eğer Biz sadece burada ne zaman gördüğümüz gibi sadece bakmak oldu biz animasyon almazsınız ama yine de bu yüzden güvenerek değiliz çalışacak olarak ağır JavaScript bir crecer ve güzel bir çözüm bu yüzden go ahead ve uygulamak istediğiniz ve hem birçok sitelerine geçiş ve slayt-out soran ve menü duygusal bir menü sınıfları vücut hatırlıyorum vücut üzerinde yarı da Anna Mae kendisi yol sağa hamle yanı sıra menü hakkını yanı dilim olduğu gibi bu yüzden çok basit steno geçiş kullanmak bir 's büyük bir geçiş kullanmak için özellik Önümüzde beni istediğimiz özelliği tedarik gitmek biz istiyoruz özelliğidir kadar etkili sol bir eşek animasyon hareketlendirmek biz önde gitmek ve bu tüm hafta hiçbir 0,2 saniye kez seçebilirsiniz 200 milisaniye de böyle peynir gibi 200 saniye burada en önemli değil ve ben önde gidiyorum ve herhangi bir Doğu kullanmak Sadece iletim tipi için ruh için: bu yüzden bu iş ama biz kamerası ve yosun güveniyor ve satıcı biz devam edin ve bu uygulamak gerekir bu yüzden de önek bu kaynak artık olacak gibi birçok siteyi ne gibi şimdi bu geçişi vardır mülkiyet ve sol Sol özelliği birçok biz var sol özelliğini değiştirerek çünkü nereye geçiş gelecek oyuna Şimdi biz devam edin ve biz konuşurken tüm bu slaytlar görebilirsiniz bu ve dışarı güzel bu yüzden kaldırmak istediğiniz kullanıcının geliyor web sitenizin yapar menü öğesi sınıfı ve bu görünüm vermek ve biz devam edin ve ne zaman Togo tıklayın edecek sadece menü açılır ve biz devam edin ve menüyü kapatabilirsiniz biz çok çok az bir güzel CSS geçişleri çözüm var yanı bu yüzden JavaScript ve ağır CSS bu nasıl güvenerek hafif kaç.

Açıklama

Biz şimdi CSS geçişleri kullanarak animasyon uygulamak bakmak ve jQuery JavaScript kütüphaneden yardımıyla, JavaScript biraz kullanarak navigasyon tetiği uygulayın. Https://www.youtube.com/playlist?list=PLfdtiltiRHWHWi7eL3zBsVrgdTXEcl9os tam serisi İzle Phpacademy ve daha özgür web geliştirme öğreticiler zevk abone olun! Kanalımız http://youtube.com/phpacademy Resmi internet sitesi http://phpacademy.org Destek Forumu http://phpacademy.org/forum Bizi Twitter'da takip edin! http://twitter.com/phpacademy

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

Codecourse

Codecourse

Ücretsiz kod öğrenmek yardımcı olmak. Nerede olduğunu merak olsaydı biz resmen phpacademy olarak biliniyordu. Sorular, yorum veya geribildirim? Biz sizden duymak istiyorum! Hello@codecourse.com için bize e-posta Bırak

YORUMLAR



10/10

  • 181
    Olumlu
  • 0
    Olumsuz
  • 51
    Yorum
  • 16251
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • SuperPrincessjo

    SuperPrinces

    1 EKİM 2010
  • THELIFEOFPRICE

    THELIFEOFPRI

    16 Mart 2011
  • Tylerron

    Tylerron

    6 AĞUSTOS 2006

ANKET



Bu sayfa işinize yaradı mı?