ne aşağı rulo istiyorsanız ve adam gitmek gerektiğini istiyorum oran onun sınırlarını terk zaman yapacağız o vardı hepsi bazı kod eklemek ediyoruz bunu yapmak için de biz likey size dışarı çimdik olduğunu ve aynı zamanda nasıl göndermek için size göstermek O Belki o gönderilen veya istersen onları biraz daha itmek onlar o kadar değiliz yani sola bu şekilde onları açar onların ilgili bağlantıyı yukarı yaş çekim ve ben de küçük bir bonus attı Arka plan% uh o karıştırmak için nasıl gösteren Arka plan görünümü başlığı yolu şey

lerin içine bırak menüsü İsterseniz sizin için biraz daha mülayim bakmak ve basit bir javascript CSS ve HTML tamam işte ben tek başına olarak üretilen senaryo örnek haklı burada gördüm ve ilk şey ihtiyacımız olacak o bu sizin menü bu güzel küçük olmasını istiyorsanız olduğunu PD Kanada içinde N Out yardım sex kullanmak zorunda Ya jQuery ya ben burada kullanmak benim komut dosyası kullanabilirsiniz sadece daha verimli olduğu gibi: etkisi solmaya yol ve bu kullanarak size sayfa ve nesneler size ödeme dışarı ödenen Dışarıdan jQuery yaptığı gibi çalışır burada hafif komut böylece birkaç jQuery içine bakarsanız bunu çok çok çok çok olduğunu görmek için dosya Bu daha büyük bu yüzden sadece ince ve hafif bir yoldur Zaten yoksa ve kararırken uygulamak Jake sana yaş ulaşmak ama eğer hazırsanız sayfalarınıza jQuery uygulanır Sadece kullanmak oyun içinde jQuery jQuery tutmak istiyorsanız bu mantıklı olur Eğer jQuery devlet yöntemleri çağırmadan aşina iseniz devlet mesajı ve sadece yerine benim yığını jQuery kullanabilirsiniz Burada ancak tam olarak sadece kapmak bunu yapıyorum yolu yapmak isterseniz bu veri metin js dosyası var ve burada bu hakkın bunu nasıl uygulanacağını gösterir komut aslında komut dosyası bu kodu zaten gösterir yapacaksın burada tamam bu soğuk almak gibi veri metin dot JS yani temelde soğuk Bu belgede burada dosya olacak ve biz kullanabilirsiniz bu fonksiyonlar biz ticaret arayıp-out fade her zaman ihtiyacımız yoksa dediğim gibi jQuery bağlantı verebilirsiniz Burada jQuery dosyasını şifa ve bunu ücretli ve ücretsiz oluyor çağırabilirsiniz dışarı mesaj Şimdi de ben koymak sayfasında script dist ekstra şeyler görmek yer sürücü gerçekten gerekli olmadığını başka şeyler yerinde vardır ama bu menü sistemi nasıl size göstermek için Çok geç bu menü sistemi her yerde olması gerekir Bir başlık varsa, örneğin bu yüzden ben de logo koymak yerine bir başlık koymak yaptım Benim logosu sadece gördüğünüz mavi çizgi kesikli olduğu vermedi bunun altında şirket logosu ve hakkına sahiptir vermek Ben burada menü sistemi bu yüzden de bu senaryoyu anladınız edilir Tam mısın temel bilgi bu CSS olması HTML ve çok bazı javascript becerileri Daha ben her şeyi anlatacağım daha JavaScript açıklamak değilim Ben CSS HTML Demel touch açıklamaya başlayacağız ve sonra ben burada bu javascript açıklamak vücudunun içinde bir göz atalım edeceğiz eleman evre rağmen sermiştir burada bu içerik ilk şey bu başlık başlayacak bir yorum var olduğunu ve ben bir başlık ile başka açıklama biter diyor ve baş var şeyler durum nerede bir şey var size takip edebilirsiniz bu şekilde menü öğeleri bu kadar kafana ve sonra biz sadece yaptığımız var Ben sadece bunu denilen bu yüzden o sayfadaki her şeyi tutar gerektiği Gerisi sayfası bir dinlenme kimliği vardır sayfa ve en HTML bakabilirsiniz olduğunu açalım Justin h2 başlık ve paragraf öğesi tüm tür saçmalıkları olabilir iç Sayfanın geri kalanı için geri kalanı sayfa rapçi gibi kadar şimdi kapanacak yetkililer HTML'sine hızlı bir göz atalım mı başlık içinde biz gereken ilk şey gördün mü Net logosu her şeyin üstünde burada yerde oturan yaptım o açar ve Bu çizginin sağ orada kapanır o zaman biz kendimiz için başka açıklama menü sistemini başlatmak diyor var Menü sistemi ans sen bir yorum koyduğunuzda ve sonra bu ve menü sistemi bu içerdiğini yaptığını görebilirsiniz Menü sistemi içinde tüm iyi şeyler başlık menü sistemi denir ve bunu açıkça tanımlanabilir yapmak istedim çünkü güzel bir uzun adı vardır Size sana o kadar kısaltabilir şekil şeyler dışarı ve başlık menü sistemi içinde şirket logosu altında oturan hangi Ben şirket logosu mavi kesik etti mi tekrar edilir göstereceğiz çizgi etrafında ve daha sonra bunun altında T için navigasyon menüsü içindeki öğeler bkz senin menü sistemi vardı Bu navigasyon menüsü ve ilk üç şimdi içinde öğeler için kullanmak kaplara 3'te ID konteyner konteyner vardı tek öyle değil, çünkü son bir kimliği gerekmez Sadece doğrudan gider bir damla aşağı işlemek için gidiyor O PHP temas doğrudan gitmek yapabilirsiniz Yanında çalışan ne olursa olsun, HTML, sadece doğrudan bir bağlantı var Sadece iletişim sayfasına gidebilirsiniz olduğunu benim iletişim bağlantıya bakınız ve aşağı bu ikisi gibi bir damla hale şimdi size göstereceğim Enerji dışarı 1 yıl kap içinde neler olup bittiğini göstermek için ve kap 3 içeriğini sanatçının hemen hemen farklı vardır hariç aynıdır Buna kimliğin değil fikri açılan menü 1 var Eğer bu kimliği vardır görmeye biz kabı açmak menüsünü damla ama hepsi hemen hemen aynı kesin alıntı ve bu kapların her birindeki aynı HTML yapısı o yüzden kap 1 tam olarak ne olduğunu bakalım Burada hiç kimse yer olan ilk şey olduğunu hizmetler göz aramaya diyor sızıntı Burada bu mavi bağlantı Wray var ve bu kaplar kabı hatırlıyorum 1 3 ve hatta bu bir yıl tüm set Biraz zaman sol yüklemeden bunu yapmak için CSS kullanarak hemen yanındaki birbirlerine bok çünkü yavaşlatmak vermedi bu şekilde sol onlar bir gibi sayfa aşağı atacak birbirlerine altına otururdu normal Blok it would eleman ama şamandıra kullanarak: left onlar kontör yatay birlikte oturup edeceğiz yüzden satır içi öğeler gibi bunları yapabilir evet tamam böylece mavi Bağ sonra olacak Bir damla menü 1 olarak adlandırılan ve bu aslında vermek Burada bu açılan menü ve bu üç ürün içinde Eğer içinde benim üç küçük bağlantı öğeleri görebilirsiniz Sadece üç basit bağlantılar bu küçük her biri verir Burada gördüğünüz menü ve kimliği bırak ve biz can JavaScript bu açılan menüler doğru tebliğ ve biz de CSS kullanarak onları şekillendirebilirsiniz Çünkü son tarzı hepsini aynı hasta veya Siz de çünkü bağımsız CSS ile daha şekillendirebilirsiniz Ayrıca CSS benzersiz gözlü her yüzden koyarak konum kullanımı var açılan menü devreye giriyor şekilde bu hizmetler linki bir üzerindeki ölü fare gibi tıklama benzer aşağı olay ama sadece onclick olay return false eşit olması yapılan bu şekilde hiçbir şey yok ve biz bunu pound işareti veriyoruz o ve gezinmek yol H rap her yerde biz tıklama vermek olarak bu yüzden onların adres çubuğunda küçük bir diyez işareti görünmüyor Onlar tıkladığınızda ne olacağını bu linki biraz o bağlantıyı tıklattığınızda diyez işareti kendi adres çubuğunda görünecektir Eğer tıklama dönüş yanlış koymayın ve yapmanız gereken tüm mousedown açıksa Eğer burada bu açılan menü biriyle açılan menü işlevi çalıştırmak ve bu JavaScript kodunda kadar bir javascript fonksiyonu Burada baş belgesinde ve bu açılan menü fonksiyonu açıklar ve işte her şeyin arkasında gerçekten büyü O damla menü işlevi iç CC tamam çalışmalar Her eğer kimlik bulundurmak gerekir bir iki ve üç Dediğim gibi hepsi aynı yapıya sahip içlerinde yemekleri farklı kimlikleri var ama gelen Menüde yer ve bu belgedeki tüm HTML var Ben yağsız olacak ya da CSS çok hızlı değilim CSS seni bilmiyorum çünkü gerçekten böyle bir menü sistemi adapte denemeden önce bazı CSS öğrenmek gerekir Eğer isterseniz sayfalarına size bakmak istiyorsanız zorunda olmak benimkinden daha farklı yapacaksın ister bazı CSS biliyor konum tamam Sault Sainte ortak ben bir yerde biraz var CSS açıklamak Bir hedef bu verilen benim başlık Burada kimliği benim başlık tapulu o içinde öyle bir şey yani HTML var Bu özellikler, bu etki yaptığını olduğu vermek fikri logosu etkiler Sadece kutusu kontör gashed başlık kolay içine doğru burada sınır kesik ve yüksekliği, yüksekliği bu menü ile nereye belirler gerçekten yerleştirilebilir dikey menü öğeleri için sayfa CBC yukarı logosu sadece gerçekten yığılmış doğru ani yaptım ve sonraki şey yaptım başlık menü sistemi ve o bu tamamen öğeler için Doğu değiştirebilirsiniz vermedi bulunuyor böylece o ya da bağlantılar UCS margin-sola ayarlanmış bir ana öğe var: 16 bu yüzden çok sonraki şehir ve soldaki burada sayfa değil sonra hedef başlık menü sistemi verin tüm menü öğeleri kadar için içerir Bu Çocuğu hedef demektir içinde birlikte vermek hedef Bu ortalamada did hangi O şamandıra dedi her biri: sol ve bir marj var 20 Sağdaki piksel ve sol ve 0 piksel Üstte ve altta biz burada biraz istasyonu alıyoruz nasıl yani Gördüğünüz bu her biri arasında 40 piksel Onlar çünkü marjı sol ve sağ 20 piksel her ve sonraki şey damla menüleri Bu damla menüleri stil olduğunu iş menüleri sayfasında buradan dışarı pop bu gerçek küçük adamlar küçük sihirli menüler açıkça ekran a rağmen bakın arayan Ben oynamak zorunda tüm farklı farklı CSS özellikleri ayarları Bu içinde Burada onlar aracılığıyla yağsız olarak tam bu özellikleri anlamak yoksa ve dem bakmak ve bu noktada borç onları araştırma isteyeyim ve bu her şeyi öğrenmek nasıl bu 100 bir üst konuma sahip onun dikey konumda üçünü de sayfada nerede olduğunu tam olarak etkilemektedir Bu küçük menülerin Ben Sadece 120 olduğunu değiştirmenize izin demek size göstereceğim ve bunu geri sayfasına gidin onu yenilemek mu görürsünüz ve daha sonra bu öğelerden biri o 20 piksel aşağı itti vurdu kuşatmalar tam o bırakın İstediğiniz bir yerleşim alır ve sonra sorunsuz bir görünüm elde Ben bile olacak restenoz Önünüzde gidebilirsiniz açıklayan rahatsız değilim ve araştırılmış ve başarısız olursa yaptıklarını anlamak için Şimdi açılan menüler çocuk etiketler: böylece her biri içinde sevgili küçük bağlantılar menüler bir plaj anlamına gelir o bu menüdeki bu menü tarih bağlantıları üç bağlantılar sanayi bağlantıları Bu menüde bu bağlantıların her biri bir metin vardır o küçük düğmeleri unsurlar bağlantı vardır Orada gördüğünüz HTML öğeleri engellemek için söz konusu onlar tüm ekranı kaplar bu şekilde: block Bu benim ilk dahilinde değil sadece biraz Anish yaptım kelimenin sadece tıklanabilir bağlantılara sahiptir kelime Eğer bütün tıklanabilir bağlantılar blok OKC nedir bu kuralı biliyor onlar bu küçük bağlantılar için geçerli olan tüm bu satırlar için de geçerlidir Şimdi bu sadece gördüğünüz bu bağlantılar vurgulu devlet için de geçerlidir O üzerine geldiğinizde onlar beyaz arka plan değiştirme yerine siyah mavi sınırına değişim aslında değişim de olabilir Renk bağlantılar Bunu hadi yapalım üzerine geldiğinizde isterseniz mavi olmak en go ahead ve gerçek kelimeleri renk değiştirmek izin dat gibi bir parlak mavi olmak Alami şimdi üzerinde gezdirin ve hala siyah olduğunu görmek sayfayı yenileyin Orada küçük kelime en sayfayı yenileyin edelim Şimdi elimizde bakın güzel mavi kötü bütün dünya ben bu üç kural koyduğunuzda yerinde bu şekilde biz Onları almak için bu menü öğeleri sol konumunu belirlemek Onları başlatan küçük tıklanabilir öğe yaş Onları düz sol Eyüp üzerine bu onları isteyebilirsiniz istemeyebilirsiniz aslında kendilerine gönderilen olabilir sallanmaya biraz itti ve bu gün için stil biz huzursuz yapmak için gidiyoruz sayfayı adresi Sayfayı olacak bu gezi için bazı eklemeler göstermek Bu küçük menü öğesinin getirdiğinizde sağ benim fareyi Bu üç bağlantı tutan o küçük vermek gerekiyor Eğer işlevsellik bu tür olmasını istiyorsanız go away ki yapacak sizin sayfa ve sen, çünkü uzaklıkta getirdiğinizde giymek yapabilirsiniz ya da bunu birileri gibi tıkladığınızda sonra orada kalmak ve yapmak senin Sayfanın altındaki şeyle etkileşime sonra size hedef farklı bir çok şey var bu yüzden uzağa gitmek yapabilirsiniz Bunun sonunda biz yapacağız tamam farklı şekillerde bir sürü davranır yapabilirsiniz JavaScript hızlı bir göz atın yerinde dokunun ve farklı işlevsellik dışarı menü çimdik edeceğiz Ben bahsediyordu Diyelim ki görebilirsiniz açmak izin kadar hiç oynayan değil İlk satırı kurulum biraz me Menü dizisi ve ben sadece kısa MA adını verdi menü veya a açılımı ve bu tutar karşılık üç değer iş menülerine kimliklerinin Görünüm menü öğeleri Bu üç isim, bu 3 damla menüler karşılık Beş damla menüsü varsa, sadece virgülle ayırarak onların hepsini koymak Biz yapıyoruz şimdi biz işleme daha kolay bir yol var ne zaman fade ve fade away Belirli olanlar tıklayınız emin olmak istiyorum tıkladığınızda o bu menü açık yığını O biri hizmetlerin uzak ve hizmetler açık gider böylece böyle bir diziye paketlenmiş neden bu kadar biz fakir Lou kullanabilirsiniz bulunuyor Bir ceket sadece birkaç satır bizim için mantığı dikkat çekmek için Ben işte şimdi döngü anlatacağım biz düştü Bu linkler çağrı biri menü fonksiyonu sık sık JavaScript alıcılar işlev anlaşma tıklayın burada yerleri ev da o kimse ve bu bir Parchin'de böyle hitap etmediğini kimse bu yüzden başlatılan ama bu bir ve bu bir ve de bu tek Bu sadece burada açık artırma menü açılır ve her açılan menüyü kullanabilirsiniz bulunuyor dinamik bu X değişkeni ile temsil edilir bu nedenle bu X argüman bizim küçük komut içinde kullanabileceğiniz bir değişkendir sen Bu her ilgili yaptığı hedef alacaktır Bu tıklandığında o sözde ediliyor menü aşağı bu küçük damla Bu kez tıklandığında hedef nesne o dis hedef nesnesi olmaktan dönüşüyor böylece eski böylece temsil ne zaman o ana menü bağlantıların her biri için Üst menüyü açmak için tıklayın Yaptığımız ilk şey olan bu zavallı küçük akran çalıştırılır bir çalışma Alderdice menü dizisi o içindeki maddelerin her biri arasında yineleme olacak iş belki bir iki ve üç işte döngü mantığı var ben 4 uzak menüler Menü dizisi ve biz görebilirsiniz Bizim menüsünde 3 menüler, böylece her bu döngü kaçmayacak olduğunu kurar üç kere Daha sonra döngü içinde iki eksen çalışma olarak bu menülerden her biri Yapmanız gereken tek şey burada hedef, bu soğuk Menü dizisi ve ardından saygı menü Sadece döngü geçerken içeride içinizde koymak Bunun için köşeli parantez değerini tutar Bu menülerden birini o içinden baktı geçen hangisi bu değer değilse burada bu soğuk gri bakın değerlendirilen arayan X eşittir o zaman bunu yapmak gizlemek için gidiyor Ekran 9 ve ayrıca çalıştırabilirsiniz dışarı fayed Ben bu bağlantılardan birini tıkladığınızda ne yani bu demektir Ben tıklayarak ediyorum menü öğesini istemiyorum ya da sadece diğerleri yok istiyorum göstermek değil Başka olanlar açık İstediğim birine tıkladığınızda böylece olsun nasıl yok Bu işlevi sadece döngü geçen menü öğesi söylüyorlar eşit değildir kişinin tıklayarak olduğu hedef menü öğesi gizlemek ve burada bu kod KODU Tekkit elemanı belge yok ne hangisi menü döngü tarzı ekran geçmektedir: ben insan tıklayarak olduğunu am hedef menüsüne eşit değilse 9 eşittir Eğer ekran yapmak istiyorum: yok bunu yapabilir İstediğiniz gibi birçok menü öğeleri için yağmalamak için Şimdi biz açıklamak zorunda son biraz mantık basit bir o ve senarist içine Nazi başka koşul deyimi bu yüzden Belge No eleman olsun eğer söylemek ve dinamik damla menü ya menüsü 12 ya da 3 damla tarzı ekran: o engellemek için eşittir biz bunu solmaya gidiyoruz başka tarihli gidiyoruz Şimdi bu küçük koşul verir Örneğin geçiş işlevsellik en biz ilk sayfaya gelmek diyelim kullanıcı Bu alt burada bu bağlantıyı açar Sadece tekrar tıklayın ve bu o başlık olsun nasıl yani kaybolduktan işlevselliği her biri ayrı bağlantılar içinde tamam yüzden biraz alt istenen ediliyor onun tarzı bir hazır blok ve sadece zaten oynuyor Kullanıcı yine bu bağlantıyı tıklayın çünkü herkes dışarı güncellendi uzakta görmek için geçiş ve bu yüzden bu işlevselliği elde etmek için Başka zaten size belirtilen istiyorum gösteren değilse hizmetlere karşı öylesine zaten görünmüyor açılır Bu en iyi öylesine biz Tamam gölgeli gidiyoruz Şimdi gerçekten iyi senaryo açıklamak HTML'sine aşağı gidelim ve ben olacak edebilirsiniz size yapabileceğiniz bir şeyler göstermek davranış sayesinde değiştirmek için yapacağız ve konum sıkıntılı Fare eski olay sayfa bir javascript fonksiyonu eşit olacak yaptım ve biz bu birini atabileceği fare para artık kullanıcıların okullar O her zaman verir üzerine biz yapacağımızı öyle gider biz zaten yerlerde özelliğe sahip tek çalışma damla menüsü olan Ben orada bırak menüsü ne çalıştırmak birini kullanmak en ne izleyelim artık içinden herhangi bir bağımsız değişkeni geçemiyor Hatta benim sayfa çok temas çağrı cihazı olmak zorunda değildir olduğunu burada bir stili koyabilirsiniz çok uzun boylu çok daha yüksek dikey sayfanızda bir içerik izin olurdu çünkü Ben bunu bir yükseklik vereceğim böylece benim sadece iki cümle vardır Adil 500 piksel şimdi dosyasını çalıştırın Şimdi bu tazeleyelim ve bahsettiğim bir adım fonksiyonu selliğini verir Bu menü sistemini terk ederken şimdi izle Benim fare ile kaybolduktan bakın Eğer isterseniz animasyonlu etkileri ayarlayabilirsiniz böylece işlevsellik verir Eğer menü sistemi fare yaprakları kullandığında bunu çok kolay gitmek yapabilir ve bu değiştirebilirsiniz onlar ne aşağı öylesine eğer fare üzerinde Eğer göreceksiniz yenileme eğer I bahsediyorum yani ne bir şey tıklayın aşağı küçük iş şimdi menü sistemine bırakabilir Çabuk gibi kadar uzağa gitmeyecek ve Eğer bu tür isteyebilirsiniz sayfadaki şey ile etkileşim deneyin işlevselliği o ben gelene kadar yerinde kalır bakın Onu terk edeceğim bu yüzden başka bir şey tamam etkileşim deneyin burada ve bu elde edersiniz kodu gibi Bu eğitim videosu ile karşılık ve ben bu olacak videonun altında kod geri kalanı ile her zaman gibi PHP geliştirmek yaklaşık o kadar sarar bu tamam adamlar ve Sizlerin JavaScript sahip olduğunu düşünmek istemiyorum Saf css açılır menüler CSS aksine iyidir İyi yapmak istiyorsanız ancak aynı gün JavaScript uygulayabilirsiniz Bunu kullanmak istiyorsanız sihirli JavaScript aracılığıyla gerçekleşmesi yerine tüm CSS yapabileceği javascript şeyler keşfetmek için eğlenceli JavaScript daha fazla gereksiz olmaya devam etmektedir çünkü tüm uygulamalar içinde seninle konuşmak.