0

JSフィドル（コード）

これは私が配列を学ぶために自分で設定したタスクの詳細ですが、このタスクを実行するためのよりクリーンな方法を考えられる人がいるかどうか疑問に思いました。ユーザーがいくつかのリンクにカーソルを合わせたときに強調表示されるプロジェクトのリストが必要です。

私がやりたいこと

私はプロジェクトのリストを持っています。各プロジェクトで、SEO、開発、または設計に取り組むことができました。このページには、デザイン、開発、SEOなどのリンクのリストもあります。リンクにカーソルを合わせると、いくつかのプロジェクトが強調表示されます。（組み合わせ）。したがって、私が複数のタスクを実行する可能性のあるいくつかのプロジェクトでは、複数のリンクが強調表示されます。

私が現在これをやろうとした方法

プロジェクトのオンオフのリストを使用して2D配列を作成できると思いました。ホバーしたリンクに応じて、正しい配列が引き出されます。JSfiddleリンクが表示されている場合、それは私ができる限りのことです。

非常によく似たものの例

IDデザイン

ヘルプやアドバイスをありがとう

明確に説明したと思いますが、サンプルリンクのコードを削除できることはわかっていますが、それを実行することから学び、カットアンドペーストするだけです。-他の人の考えを見て、jqueryを使用してください。

4

1 に答える 1

1

プロジェクトごとに3つの異なるスタイルを使用できます。たとえば、「。design」、「。seo」、「。development」などです。

$("#link1").hover(
  function ()
  {
    $(".design").each(function()
    {
        $(this).toggleClass("highlight");
    });
  },
  function ()
  {
    $(".design").each(function()
    {
        $(this).toggleClass("highlight");
    });
  }
);

説明：マウスをlink1に合わせると、.designクラスを使用する要素でクラス.highlightが切り替えられます（マウスオーバー時に追加され、マウスアウト時に削除されます）。他の2つのクラスと同じように行うことができます。

于 2011-05-11T12:08:15.660 に答える