1

スタートアップ企業のウェブサイトのホームページを更新しようとしていますが、プログラミングの知識は HTML、CSS、jQuery の少しに限られています。多くの場合、大成功ではありません...）！したがって、私は解決策を求めてあなたのところに来ています。

以下はこちら（同封の写真）：

  • ロゴはここにあります。触る必要はありません ;)
  • 私が必要としているのは、smallbox.png (「CAR」と書かれている) がマウスでホバーしたときにグローを取得することです (smallbox_glow.png を取得しました)。
  • 次に、クリックするとページの中央に移動します（1）（同じ画像で、車が書かれています）
  • 次に、テキストを自動的にフェードアウトさせ、大きなボックス (2) に展開し、別のテキスト (..車について) をフェードインさせます。

これは不可能ですか、それとも 2 行または 2 つのコードで機能しますか? 私はここでちょっと立ち往生しています...

私はさまざまなコーディング言語を学びたい (そして興味がある!) ので、必要に応じて複雑さを忘れてください =)

画像 ：

ここ： http: //i.imgur.com/0IWzQ.png

前もって感謝します！

4

1 に答える 1

1

私は Anthony の意見に 100% 同意します。

ユースケースごと

  1. 私が必要としているのは、smallbox.png (「CAR」と書かれている) がマウスでホバーしたときにグローを取得することです (smallbox_glow.png を取得しました)。
  2. 次に、クリックするとページの中央に移動します（1）（同じ画像で、車が書かれています）
  3. 次に、テキストを自動的にフェードアウトさせ、大きなボックス (2) に展開し、別のテキスト (..車について) をフェードインさせます。

考察の材料:

  1. これは、アンカーの背景画像を使用して CSS だけで実行でき、a:hover や a:active などを介して変更できます。クロスプラットフォームの互換性のための modernizer.js。

  2. これは、HTML キャンバスまたはjQuery の animate apiを使用して実行できます。

  3. jQuery はさまざまなフェード効果を提供します

私たちは皆、ある時点で新人なので、恥ずかしがらずにあなたが持っているものを投稿してください。質問があればより適切にサポートできます。

幸運を祈ります。

于 2012-05-22T03:55:01.050 に答える