0

私は CSS の初心者で、下線効果 (このデモのリンクにカーソルを合わせたとき) を永続的に維持する方法を知りたいです。jQuery または JavaScript を使用して要素にフォーカスを当てることができますが、マウスのフォーカスが移動した後でも下線を維持したいと考えています。ありがとうございました。

    <section class="blue-green">
    <nav id="cl-effect-4" class="cl-effect-4">
        <a id="focus-this" href="index.html">+ Create New</a>
        <a href="launch_approved.html">Launch Approved Campaigns</a>
        <a href="pending.html">Pending Approval</a>
        <a href="record.html">Your Campaign Record</a>
    </nav>
    </section>
4

2 に答える 2

1

クラスを追加するアンカー タグにカーソルを合わせると、JQuery でホバー イベントを発生させることができます。

JQuery

$("a").hover(
  function () {
    $(this).addClass('focus-this');
  }
);

追加の CSS

.focus-this{border-bottom:5px solid white;}

フィドル

于 2013-11-13T18:48:34.830 に答える
0

JQuery を次のように実行します。

 $("#focus-this").hover(

 function () {
     $(this).focus(); }, function () {
     $(this).hover(); });

これがあなたのために働くフィドルです！

于 2013-11-13T18:56:27.263 に答える