6 AĞUSTOS 2014, ÇARŞAMBA

Css Deneyler #4 - Menüye Bas

Hey whats bu kadar bayılacak aşk dokunuş ve ben başlangıçta almak zorunda değilim ki Biz üzerinde slayt vardı önceki tss deneyi Bir dinin navigasyon menüsü Bu menü bölüm navigasyon menüsü üzerinde bir itme itme Ana üzerinden içerik ve sereceğim ne gibi çok benzer hissediyorum muhtemelen kullanılmış Telefonunuzu kullanarak yani check it out yapacağız Başlamak ediyoruz böylece son video size edememek yeterince sol üst veya alt gelen var burada tamamen bizim animasyon değiştirmek sadece değiştirerek bu burada yanlışlıkla çevirmek Bu sıfırlamak için ben orijinal bu set biz erişim -100 çevirmek

oldu mu bu şekilde o slaytlar ve slaytlar ve gelen zaman Sol ve yapacağız şimdi veya yapacaksın -100 bırakın konum Bu ana navigasyon silmek için gidiyoruz olduğunu yapacağız gerek olmayacak çünkü açık sınıf, bu aslın

da konum çevirmek olacak her şeye bastırıyor Bu örnek için yapıyor ve ana navigasyon beri yerleştirilmiş olacak Her şey bizim ana navigasyon üzerinden itilir off-screen burada jest oluyor görünümüne

“Burada nasıl bir sınıf geçiş yapmak için jQuery sadece küçük bir bit kullanarak kapalı tuval navigasyon menüsü bir "Over Push" inşa göstereceğim. Ekstr...”
LevelUpTuts

girmek için Bu itme herkesi etkileyen olsun biz aslında sadece ihtiyaç Rapçi biz her şeyi sarmak için fikirler gerekir bu yüzden go ahead ve yapabileceğiniz periyodik rapçi take Kod kalemi kullanarak veya Emmitt eğer sadece sekmeyi vurabilir ve o sınıfın ile sizin için yaptım oluşturmak için gidiyor Ben şimdi 12 bunu al ben rapçi olacak yakın vermek ve bu rapçiler olacak, böylece uç her şeyi koymak kapsamak bizim tüm sayfa şimdi ben sonuna kadar g

Css Deneyler #4 - Menüye Bas Resim 1 Css Deneyler #4 - Menüye Bas Resim 2 Css Deneyler #4 - Menüye Bas Resim 3 Css Deneyler #4 - Menüye Bas Resim 4

idiyorum ve bunun gibi her şeyi bu yüzden şimdi bu var kapı tokmağı sınıf ve bu ne sarıcı sınıfı ile gerçekleşmesi gerekiyor Bu her şeyin üzerinde itmek için gidiyor olmasıdır bu yüzden olduğunda bizim CSS burada geri gelsin Sadece CSS onların ego yapabilirim burada böylece adam bu kadar açık d Buraya alt gelmek Derin rapçi için Tamam satmak bu yüzden diyebiliriz önce biz gibi herhangi bir dönüşüm olduğunu trenler çevirmek kol X ve sonra burada ve Sadece onbeş yüzde diyelim ve yeterince yakın ne yani burada komik

biz her şeyi üzerinde taşındı olduğunu ama onların navigasyon şimdi görebiliyorum görünümüne geliyor ve geride sadece doğrudan kapalı itildi, çünkü bu içeriğine şimdi biz içerik ve her şeyi taşıyoruz olduğunu Göreceğiniz üzerinde bizim navigasyon aslında burada gösteren var ve biz bu hareketli devam aynı şekilde eğer daha çevirmek için Bizim navigasyon yavaş yavaş gelip gidiyor Bizim içerik dışarı iterek olarak üzerinde ama olacak içeriğimizi gel değil yol böylece ilave şimdi bu var çünkü tanıdık ama biraz farklı görünüyor rapçi ve bu itmek mümkün değil bu yüzden önde gidelim ve başlangıçta tercüme değerini göndermek Şimdi 0'a biz de bir olması için gidiyoruz Rapçi d nokta açık biz gibi önce nerede tercüme dönüşümü balta değeri 100'de olacak Yüzde şimdi biz vereceğiz İlk durum bir geçiş aslında ben sadece devam gideceğiz kulüpler ve yapacağız gerek olmayacak çünkü bu bir tam geçiş kopyalamak Artık bu ana navigasyon geçiş bu ana navigasyon her zaman sadece kendi ebeveyn taşıyoruz negatif yüzde 100 kalmak olacak üzerinde Şimdi bu var ve bu yüzden diyoruz Geçiş altı saniye içinde dönüşümü ve / veya olduğu şimdi her şey ve iyi bir şekilde bastırıyor hafifletilmesi jQuery biz bunu biraz yerine modifiye gerek O ana navigasyon açık sınıf toddling artık sınıfta başlık konum Mertek üzerine şimdi onlar konum Şimdi NAFTA tıklandığında gider rapçi bir sınıf almak için gidiyor Ben açıkken sınıfın geldiğinizde açacağım çevirmek için gidiyor Yüzde 100 etkili bir şeyi üzerinde itme bu yüzden olacak, bu tasarruf olsun en şimdi çalışıyor olması gerekir, bu kontrol edelim ve durumlu tıklayın ve özü modunda birlik ben bizim içerik aşk itti üzerinde ve şimdi ne kadar mükemmel olduğunu % uh o dis gerçekten sadece inanılmaz derecede kolay olduğunu ancak ben bunu burada bazı garabeti var olduğunu fark edeceksiniz Bir ben tıkladığınızda bir kaydırma burada var olduğunu fark edip kaydırma sürükleyin edeceğiz üzerinde bar Burada bütün siteler şimdi biz sadece bu gerçekten geniş var sitesi yüzden burada ne yapabilirim de biz aslında ekleyebilirsiniz A sınıfı bir verilen ve dışında her şey ve başka bir rapçi ve bir lanet, tesisi bir taşma verin: satıldı gizlenmiş en go ahead ve biz konum öylece tozu demek yapalım kapı tokmağı ve diğer rapçi dahil kesinlikle her şeyi sarmak için gidiyoruz Bu sınıf benimde emin olun ve tarak raporu var doğru ve şimdi dış sargı sadece almak için gidiyor taşma: gizli NK şimdi biz açık bastığınızda Bizim menü burada herhangi bir scrollbar yok ve üzerine alınamıyor Her şeyi çünkü onun değil pencerede Mükemmel vurmak olacak bu yüzden şimdi var Bu tarz itme navigasyon Şimdi merak ediyorsanız bu sola veya sağa dan gelip nasıl Biz sadece değişen iki değeri duyarlı bu sefer değiştirmek olurdu Ben Salemi burada CSS tüm yol kadar ve biz ana navigasyon konumlandırmak zorunda ana navigasyon değiştirme önermek Ben sadece yüzde 100 ana kadar bu birini değiştirmek olduğunu fark edeceksiniz çünkü Kod Bess navigasyon boş yüzden biz de istiyoruz istemiyorum olmayacağım sadece var üzerinde her geçiş var Size negatif yüzde 100 bu Irvin ters ilişki bira bunu bilmek Eğer olması üzerine itti var olan o gün içerik istiyorum yan ve sonra üzerinde her şeyi gidiyoruz işte biz sağ kanattan ilerliyor vardır Tabii bu nedenle bu itme tarzı yapıyor bir yaklaşım olduğunu Navigasyon şimdi yapabileceğimiz diğer tekniklerin her türlü var navigasyon bu tür gerçekleşmesi ancak sana yeterince vermek Eğer yıl çeviri biliyorum aşağı temel 7 almak için sadece birlikte gitmek için ve sol ve sağ şeyler bastırıyor ve sonra o geçiş yapıyorsanız ve bu vardır neden olan budur bölgeler böylece tuval animasyon tarzı bir sürü vardır gidin Herhangi bir sorunuz veya yorumunuz varsa bir yorum ona aşağıdaki videoyu yazmak Yatakta Twitter, Facebook ve bize seviye yukarı Chuck Teds nokta com seviyede olduğunu biliyoruz ve seviyesini kontrol seviye up abonelik hizmeti dokundu olan diğer Pro böylece video yanlısı indirebilirsiniz düzeyi için kod örnekleri olabilir CSS deneyler ve hatta geri katalog yapıyor sırasında gidiyoruz emin olmak için bu kod örnekler var özel form bir reklam yapabilirsiniz var ücretsiz deneyim ve seviye yukarı acecomm dokundu diyor benzer bir iki saatlik diyor ustalık kursu bile var Ben videolar aşk touch ama hiçbir dokunma artı pazarı için özel yapıldı Artık şimdi bir parçası olarak size getirmek mümkün değilim bu yüzden var seviye yukarı Pro paket öylesine kaydolmak 8,99 $ bir ay veya doksan beş dolar bir yıl ve sadece bir profesyonel seviyeye dışarı yardım destek seviyesini o kadar kontrol izliyor ve biz sonraki biri görürsünüz için teşekkürler.

Açıklama

Burada nasıl bir sınıf geçiş yapmak için jQuery sadece küçük bir bit kullanarak kapalı tuval navigasyon menüsü bir "Over Push" inşa göstereceğim. Ekstra özellikler için Pro Up Düzeyine abone olun! http://leveluptuts.com/level-up-pro Level Up Haber Bülteni Abone http://eepurl.com/AWjGz Sorularınız için yorumlar veya ziyaret sonrası: http://leveluptuts.com/forum Level Up Tuts Destek: http://leveluptuts.com/donations Geliştiriciler için inşa basit bulut barındırma, .: https://www.digitalocean.com/?refcode=67357174b09e

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

LevelUpTuts

LevelUpTuts

Ön uç web geliştiricileri için Öğreticiler. Level Up Tuts web geliştirme ve diğer medya uygulamaları ücretsiz öğreticiler sağlamanın bir yolu olarak Scott Tolinski ve Ben Schaaf tarafından başlatıldı. Biz bir medya yaratıcısı olarak büyüme bizim bilgi yararlı bulacağını umuyorum. Biz tam zamanlı (ve freelance) geliştiriciler Çünkü, Level Up Tuts sana getirmek için biz çalışıyoruz, bir yandan projesidir. Eğer öğrendiklerini hoşlanıyorsanız bu yüzden yeni dersler yapmaya devam edebilirsiniz bağış yapmak için çekinmeyin. Level Up Tuts bu hızlı anketi doldurarak geliştirmemize yardımcı olun https://docs.google.com/forms/d/1x7MTNp_umnvdkwJ5dfOVnnJtndkYdU7EDoCE9r8bYBk/viewform

YORUMLAR



10/10

  • 83
    Olumlu
  • 0
    Olumsuz
  • 12
    Yorum
  • 7970
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • Charles Nesson

    Charles Ness

    27 NİSAN 2006
  • Caramella Girls

    Caramella Gi

    19 Mayıs 2008
  • psidot

    psidot

    2 Kasım 2006

ANKET



Bu sayfa işinize yaradı mı?