0

ですから、私はジュニアC#開発者であり、現在、自分用に新しいWebサイトを作成しています。私は現在、「デフォルト」と呼ばれるアンカータグなどのクラスを作成できるようにしようとしています。アンカー上でmouseenter()を実行すると、クラスが削除され、次のクラスが追加されます。 「ホバー」。

次に、mouseleave()を実行すると、「ホバー」クラスが削除され、「デフォルト」クラスが再度追加されます。

次に、click()を呼び出して「デフォルト」または「ホバー」を削除し、「アクティブ」のクラスを追加します。

.jsドキュメントのレイアウト方法に少し問題があります。実際に質問するのは非常に難しい質問です...しかし、.jsドキュメントを作成する方法がわからず、これらを複数持つことができます。アンカー要素に何が起こっているかに応じて、すべて1つのドキュメントでさまざまな関数を呼び出します。

助けていただければ幸いです、乾杯、
-アダム

4

2 に答える 2

1

リンクは任意の CSS プロパティ (色、フォント ファミリ、背景など) でスタイルを設定できます。

リンクの特別な点は、リンクの状態に応じてスタイルを変えることができることです。

4 つのリンク状態は次のとおりです。

  • a:link - 通常の未訪問のリンク
  • a:visited - ユーザーがアクセスしたリンク
  • a:hover - ユーザーがマウスオーバーしたときのリンク
  • a:active - クリックされた瞬間のリンク

したがって、リンクのスタイルを次のように設定できます

a.default         {color:#336699;} 
a.default:link    {color:#FF0000;}      
a.default:visited {color:#00FF00;}  
a.default:hover   {color:#FF00FF;}  
a.default:active  {color:#0000FF;} 

デモはこちら

参考:w3schools

于 2012-12-29T12:36:34.600 に答える
0

jQuery でこれを行うには:

$('a.default').hover(
    function(){
        $(this).toggleClass('default hover');
    },
    function(){
        $(this).toggleClass('default hover');
    });

JS フィドルのデモ

または、次を使用できます。

$('a.default').hover(
    function(){
        $(this).removeClass('default').addClass('hover');
    },
    function(){
        $(this).removeClass('hover').addClass('default');
    });

JS フィドルのデモ

しかし、正直なところ、CSS は同じように機能し、はるかに単純です。

a.default:link,
a.default:visited {
    /* default styles */
}

a.default:hover,
a.default:active {
    /* hovered styles */
}

JS フィドルのデモ

参考文献:

于 2012-12-29T11:31:40.380 に答える