22 ŞUBAT 2015, Pazar

Uzak Web Sayfası Ortaya Çıkarır Nav Menü Bölüm 2 Slayt

Hey bu web sayfasında çalışmaya devam edebilir bu video Ralph bir düğme uzakta sayfayı kaydırın tıklayın bir kullanıcıya izin verir Bir kenar çubuğu navigasyon menüsü ama gooooood açığa tamam şimdi bu Kaldığımız yerden biz temel sayfayı yapılmış ve benim kıvrık baş kısmında bir yeri yok silah Vücut bölümünde yeri vardır ama ben bir kaç şey daha eklemek gerekiyor O Video Tanımlaması kontrol arada: Eğer bir köprü bulacaksınız Bu demo dosyaları o kaynak kodunu kontrol edebilirsiniz şimdi ikinci belki amaç biraz JavaScript yapmak JavaScript bir değişiklik olacak vücut için sınıf bazen çünkü kap veya menül

er olacak bazen gizli olabilir görüntülenir bu yüzden benim sayfadaki vücut etiketinde go ahead ve bu AM verebilir ve kimlik sanatçı collette sayfa gövdesi olacak oa sınıf vermek Bana Menü kaydırıcı çünkü ile başlamak zi

yaretçi Yol istiyorum ki web sayfasına geldiğinde ben istiyorum olmak Bu menü kurtarmak için gizli olmasını onların ve ben vücut üzerinde bir sınıf var çünkü Ben kontrol etmek benim tarzı bu diğer bölümleri

“Bir gizli-side bar içeren navigasyon menüsü maruz uzakta bir düğmeye tıklayarak üzerinde kayan bir web sayfası oluşturmak için CSS ve JavaScript kullanın. Demo d...”
Ralph Phillips

ni kullanabilirsiniz nasıl nasıl istiyorsun şey menü gizli edildiği tarz Örneğin menü menü gizlidir zaman gizli kaymak yani bu sınıf beden etiketi Uzay konteyner yüzden nasıl benim kapsayıcı bakmak istiyorsun Menü kaymak yeterli iyi kolay gizli olduğunda Ben hatırlayacak olursak 0 piksel olarak sola konumlandırma istiyorum O konteyner Tom ne zaman Ben konumu son videoyu biliyorum arada etrafında karıştırmasını Bunun mutlak Ev kampüs ISH Sol kanattan

Uzak Web Sayfası Ortaya Çıkarır Nav Menü Bölüm 2 Slayt Resim 1 Uzak Web Sayfası Ortaya Çıkarır Nav Menü Bölüm 2 Slayt Resim 2 Uzak Web Sayfası Ortaya Çıkarır Nav Menü Bölüm 2 Slayt Resim 3 Uzak Web Sayfası Ortaya Çıkarır Nav Menü Bölüm 2 Slayt Resim 4

sol 3300 piksel 0 piksel Seni beri de bu kabı maruz Ben dis olmayacağım ayırt edici olmak Benim genel amaçlı kuralları aynı şeyi etkiler için yoluna XL olacak birçok avcı biliyorum Benim menü kaydırıcı zaman vücudun temelde gizli olduğunda etiketi sola konumlandırma olacak bu özel sınıf vardır Şimdi bu kabın bir anlaşma başka bir şey yukarı Benim menü kaymak Ben de yapacağım gizli bir düğme var Benim menü düğmesi o olacak arka plan resmi olacakları Ben menü edeceğiz URL PNG nokta ve en evet onların iyi Bakalım um heme

n önce kaydedici açmak Kendime simgelerin bir çift var Ben sadece menü PNG yakın PNG dosyası var benim masaüstüne onları kurtardı dosya uygun şekilde bu menü simgeleri ekranda tuz Benim menü gizlidir zaman yani benim menü simgesi görüntüler böylece kullanıcı bilir onlar ne zaman sonra menü almak ve buna tıklayabilirsiniz menü kapatma düğmesi tamam gösterecektir görüntülenir böylece olan bunlar özellikleri benim Benim görüntülenen mini devlet oldukça benzer olabilir için şimdi gizli menü devlet benim vücut için benim sınıf olduğunda yani maine çakmak görüntülenir kullanın Benim konteynerler olacak 330 yılında bir sol konuma sahip Benim menü düğmesi için dükkanda bir altyapıya sahip olacak yerine 0 ve giysi PNG dosyası yerine menü PNG dosyası Ben şimdi ne yapmak gerekir CSS alınan bakım tamam birkaç küçük hale getirilmesidir JavaScript işlevleri O olacak vücutta benim sayfa sınıf niteliğinin değerini değiştirmek vardır ve aynı zamanda olacak düğmesinin amacı değişiyor edilir tamam ben burada bu düğmeye var ve çok yakında ben cennette değilim tıklama bazı özel işlev tetiklemek için bazen düğme menüsünü görüntülemek için olacaktır olacaktır Bazen düğmeleri amaç o menü benzer bir değişim yüzden dışarı gizlemek olacaktır Benim Sayfanın en üstüne yukarı hareket edeceğim ve benim komut dosyası alanını koyacağız Sağ burada normalde bu harici bir dosyada olurdu ve ben de basit fonksiyonları benim ilk fonksiyonu olacak zorunda kalacağım ekran Bu işlevi yemlik yapacak iki şey elemanı almak belge KODU Bu olacak benim sayfa gövdesi olacak ve ben de kullanacağım Seti nitelik yöntemi değilim gövde etiketi hakkında o sınıf değiştirmek için kaymak devam Görüntülenen mister üzerinde yemenese zoom out yani on my mind biliyorum ne yazı küçük tamam ve bana go ahead ve gerçek hızlı bu satırı kopyalamak izin Bu Ben alarak ben değil bu sefer yapıştırın Menü düğmesi ve ben değişiyor olacak tıklama özniteliği ne olursa olsun benim diğer işlevlerde isim olarak olacak Kaplan hipomani yendi tamam bu kadar olacak iki şey yapmak düğmelerini tıklayarak: Benim vücut etiketinin sınıf niteliğini değiştirecek kendi sereceğim tıklama özniteliği değiştirmek Benim görüntü düğmesi benim görüntüsünün Benim çapa beni gizli gitmek buna çok benzer başka bir işlev yapmak etiketlemek Şimdi gitmek orada iki işlevi vardır ve her ikisi de çok benzer şeyler gün sınıfa vücut etiketini değiştirmek ve onlar da üzerine değiştirmek kadar tıklayın Benim ilk işlevi böylece çapa etiketi ekran menüleri beni emin olalım is my düğmeleri olacak ilk işlevi çağırmak tıklama ekran menüsü go ahead ve kaydetmek benim menü düğmesi ama bir blok elemanı yapacak bkz ile kümelerinden yüksekliğinde oldukça büyük dakikaya kadar olacak 140 resim ve -40px şimdi ben bu menü butonu ama bizim biletler bir arka plan görüntüsünü koyarak yaşıyorum Arka plan boyutu ve böylece içeren tüm set o içinde sınırlı oluyor onların Benim menü düğmesi var görebildiğimiz kimyasal ap tarayıcı yenileme kurtarmıştı zaman tık ex maruz kalan menüler, ancak değişiklikler kod artık geri ileri geri ileri geri yeterince kolay tıklayın Aşk değişikliği bir geçiş efekti konulmuştur yapmak istiyorum bu yüzden ben aslında benim konteyner set şey baş aşağı olacağını düşünüyorum hareketli Ben bir geçiş olacak koymak ve ben sol değiştirmeniz gerekir Parametre Ben üç yüz milisaniye boyunca bunu kolaylaştırmak ve bakmak dışarı ve tasarruf Tarayıcı yenileme şimdi dedi Bu açık Mayıs yeni konsept olsun orta.

Açıklama

Bir gizli-side bar içeren navigasyon menüsü maruz uzakta bir düğmeye tıklayarak üzerinde kayan bir web sayfası oluşturmak için CSS ve JavaScript kullanın. Demo dosyası: http://www.sixminutessmarter.com/demofiles/webdev/slide-out-menu.html

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

Ralph Phillips

Ralph Phillips

Üretkenlik yazılımları ve web geliştirme üzerinde durularak öğretici videolar. Web Geliştirme, HTML, CSS, JavaScript, PHP, Internet, SEO, Flash, Dreamweaver, Excel, Access, Word, PowerPoint, Web tabanlı uygulamalar ...

YORUMLAR



10/10

  • 15
    Olumlu
  • 0
    Olumsuz
  • 5
    Yorum
  • 976
    Gösterim

SPONSOR VİDEO

Rastgele Yazarlar

  • DigitalRev TV

    DigitalRev T

    30 AĞUSTOS 2007
  • Friday Night Cranks

    Friday Night

    27 Mayıs 2007
  • Rickymon Tero

    Rickymon Ter

    1 Ocak 2007

ANKET



Bu sayfa işinize yaradı mı?