これが機能するかどうかを確認します:http://jsfiddle.net/ZauwA/30/
編集
Javascriptに慣れたら、次の優れたツールを使用してグラデーションを設計します。
http://www.colorzilla.com/gradient-editor/
編集
Jqueryについて少し:
セレクター:$('#home, #home a')
Jqueryに2種類の要素を選択させます。1つは。を持つ要素id=home
と、 。A
を持つ要素の子孫id=home
です。カンマを使用したので、これにより、複数のセレクターがドキュメントに適用されます。
次に、イベントハンドラー:for click
、mouseover
および。がありmouseout
ます。
それぞれが次々に適用されたことがわかります。これはチェーンと呼ばれます。ほとんどすべてのJqueryメソッドはJqueryオブジェクト自体を返すため、これによりコードがコンパクトになります。
各イベントハンドラーで、css
関数を使用して要素にスタイルを適用し、次に関数を使用しましたhtml
(これは設定と同じですinnerHTML
)。
(そして、このサウンドトラックを聴いているすべてのもの:D http://www.youtube.com/watch?v=69xSV0oZYpE&feature=autoplay&list=UU-ilGJ5YU9bt4yA7lnYq9nw&playnext=2)