mtvのようなjavascriptメニュー

ウェブページがどのようにブロック（divs）に分割されているかはすでに分かっているはずですが、CSSを使用してそれらのブロックのスタイルを設定できます。これを知ることで、自分自身に尋ねることができます。「ショウ」メニューの特徴は何ですか？表示に必要なJavaScriptを無視して非表示にし、色を変更します。空のページに表示するために静的なHTMLとCSSを書くことができますか？

視覚化を容易にするには、紙と鉛筆を手に取り、落書きしてください！ますます複雑なコードを書くようになると、メモ帳はあなたの最も重要なツールの1つになります。私はまだ開始私はそれのための基本的なストーリーボードを引き出すまで、GUIプロジェクトのこれらの日。

これで、静的に描画してコード化したものをプログラムで作成する方法について考え始めることができます。

メインの「表示」メニューには、次の4つの配列しか表示されません。標準メニューを表すものが1つあります。

SideMenu = [ 'TV Schedule', 'MTV Shows Gossip', etc... ]

それぞれ「クラシックショー」メニューの「ショー」、「スペシャル」を表し、そしてより3：

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... ]

ここからどのようにでしょう、あなたが考えることができ左端のそれぞれの配列と特別なケースを繰り返し処理する必要があります。特に、「表示」サブメニューは2つの列に分割されています。関係するHTMLについて考える前に、あなたのfor-loopがあなたの配列の "ページ"の終わりに達する時期と、それが新しいものをどのように開始するのかを考えてください。

最後に、データ構造と描画ルーチンを処理したら、イベント処理について考えることができます。すなわち、マウスがページの周りを移動するとき何をするか。ご存知のように、マウスを項目上に移動するとCSSを使用して色を変更でき、jQueryを使用してハンドラを適用してdivを表示/非表示にすることができます。

申し訳ありませんが、これはエッセイ/暴言のビットに終わった - 私はそのようなものではありませんでした！インターネットは、ちょうどうまくいく（私はあなたを見ています; SOの達人です）コードの切り抜き/貼り付けのための素晴らしいリソースですが、それは私たちを怠け者にして従属させることになります。これはクイックフィックスの場合は問題ありませんが（ウェブデザインの世界では非常に一般的です）、開発の基礎とすべきではありません。

覚えておいてくださいリーキーアブストラクションの法則！あなたのツールと能力が許す最も基本的なレベルで達成しようとしていることを理解するために努力してください。これは、日常的なコーディングライフを作るために設計された抽象概念（jQueryなど）より簡単に。

出典

2009-07-19 21:32:06 shuckster

一般的な問題については、通常はライブラリなどの一般的なソリューションを最初に探すのが最善です。車輪を再発明することは楽しいことがあり、学校では教育面で便利ですが、実際には貴重な時間を無駄にしています。すでに利用可能な値（ライブラリコードなど）を再作成するよりも、価値のある限られた時間を費やす方がよいでしょう。もちろん、基本的なswを理解できずに盲目的にカットアンドペーストすることは、あなたが言及しているようにしばしば問題につながります。しかし、基本的には生産的ではありません（別の問題です）。 –

私はあなたの言うことに同意しますが、私は教育について話すときに "時間の無駄"のようなフレーズに熱心ではありません。問題の基礎をより完全に理解しようとするならば、これはプロジェクトの進行とともに将来のプロジェクトにとっても有益なものになります。私はあなたが言うようにホイールを完全に再発明することを奨励しませんが、ホイールを理解するのに少し時間を費やして、車にどのように取り付けられたら、最終的に落ちるのかが分かります。：D – shuckster

mtvのようなjavascriptメニュー

答えて

関連する問題