1

ページに 5 つのリンクがあります。各リンクをクリックすると色が変わりますが、カーソルを移動してページの他の領域に配置するとすぐに、アクティブなリンクのフォーカスが消えます。そのため、現在のリンク状態を表示できません。修正方法を教えてください

4

2 に答える 2

3

HTML

<tr>
 <td>
  <a href="#" class="linkbold">Basic2</a>
 </td>
</tr>
<tr>
 <td>
  <a href="#" class="linkbold">Basic3</a>
 </td>
</tr>
<tr>
 <td>
  <a href="#" class="linkbold">Basic4</a>
 </td>
</tr>

CSS

.linkbold{ color:#0066FF; font-family:Tahoma; font-size:11px; text-decoration:none; font-weight:bold !important; }
.active { color: red; } // define any color for active class

// you can use css shorthand for font property
.linkbold { font: bold 11px Tahoma, sans-serif; color:#0066FF; }

CSSショートハンドについてもっと知りたい場合

<strong>Jクエリ

$('a.linkbold').on('click', function(){
    $('a.linkbold').removeClass('active'); // remove any active class
    $(this).addClass('active'); // and then add active class for clicked element.
});​

作業例はこちら

于 2012-05-31T08:43:44.690 に答える
-2 
<html>
<head>
    <style type="text/css">
        a:link {color:blue;}
        a:visited {color:red;}
        a:hover {color:green;}
    </style>
</head>
<body>
    <a href="#">first</a>
    <br/>
    <a href="#">second</a>
</body>
</html>
于 2012-05-31T08:30:38.007 に答える