Ben aşağıdaki linke gibi bir js menü arayan kulüpler.
jQuery bir artı olacaktır!
Bunun yerine başkasının menüye bağlama, ben gibi sıfırdan kendi yapma hakkında gitmek nasıl bazı işaretçiler vermek düşündüm.
Muhtemelen zaten web sayfaları bloklar (divs) ayrılır anlamak ve CSS kullanarak bu bloklar stil olabilir. Ne "Gösteri" menüsü hakkında bu kadar özel - kendinize sorabilirsiniz bu bilerek? JavaScript, bunu göstermek gizlemek ve renklerini değiştirmek için gereken görmezden gelerek; boş bir sayfada görüntülemek için statik HTML ve CSS yazabilirsiniz?
, Görselleştirmek kendinize bir kağıt ve bir kalem al ve karalama almak için işler daha kolay hale getirmek için! Eğer daha fazla ve daha karmaşık kod yazmaya başlamak gibi, bir not defteri en değerli araçlardan biri olacak. Ben bile start bir GUI proje bu gün ben bunun için temel bir film şeridi süzgün ettik edecek kadar.
Şimdi programlı çizilmiş ve statik kodlanmış ne oluşturma hakkında düşünmeye başlayabilirsiniz. Farkla başlamak için en iyi yer, örneğin menü öğeleri kendilerini temsil veri yapılarını tanımlayarak olduğunu:
En soldaki standart menüyü temsil One: ana "Gösteri" menüsünde ben sadece 4 dizileri görebilirsiniz:
SideMenu = [ 'TV Schedule', 'MTV Shows Gossip', etc... ]
Ve üç "gösterir", "Özel", sırasıyla "Klasik gösterir" menüleri temsil ettiğini daha:
Shows = [ '16 and Pregnant', 'America\'s Best Dance Crew', etc... ]
Specials = [ '2009 Video Music Awards', '2009 Movie Awards', etc... ]
Classics = [ 'Aeon Flux', 'Beavis and Butt Head', etc... ]
Buradan her dizi ve dikkat çekmek için gereken özel durumlarda tekrarlatacak nasıl düşünmek olabilir. Özellikle, "Gösteriler" alt iki sütun üzerinde ayrılmıştır. Eğer ilgili HTML düşünmek önce, bu dizide bir "sayfa" sonuna ulaştığında nasıl bilemez için döngü düşünmek ve nasıl yeni bir başlangıç olacaktır.
Eğer veri yapıları ve çizim-rutinleri ile ele bir kez Son olarak, olay işleme hakkında düşünebilirsiniz. örneğin; ne fare sayfa hakkında taşıdığında yapmak. Bildiğiniz gibi zaman öğeleri üzerinde fare hareket, CSS renklerini değiştirmek için kullanılabilir ve sizin divs gizlemek / işleyicileri ve gösteri uygulamak için jQuery kullanabilirsiniz.
Maalesef bu deneme / rant biraz olmanın sona erdi - Ben gibi niyetinde değildi! Internet (Sana bakıyorum, gurular SO değilim ;-) "sadece çalışmak" bu kodu kesme / yapıştırma parçacıkları için büyük bir kaynaktır ama bize tembel ve bağımlı yapabilirsiniz. Hızlı düzeltmeleri (ve böyle şeyler web tasarım dünyasında çok yaygın olan) için bu iyi olsa da bu gelişme için temel olmamalıdır.
Unutmayın The Law of Leaky Abstractions! Bu gün için günlük kodlama hayatını yapmak için tasarlanmıştır (jQuery) gibi soyutlamalar üzerinden en almak için sır değildir - Eğer araçlar ve özellikler sağlayacak en temel düzeyde ulaşmak için çalışıyoruz ne anlaşılması için çalışıyoruz kolaylaştırır.
Nasıl hakkında horizontal suckertree menu?