1

コンテンツにいくつかのリンクが広がっている div があります。div onmouseover 内のすべてのリンクを強調表示したいと思います。FF、IE、およびクロムで動作するjqueryソリューションはありますか。

ありがとう。

4

6 に答える 6

4

JavaScript なしはどうですか？

スタイル.CSS

.linkdiv a {
   color: blue;
}

.linkdiv:hover a {
   color: red;
}

これをテストしたかったのですが、残念ながらjsfiddleはiPhoneと互換性がありません:(

于 2010-09-24T17:30:58.313 に答える
2

デモ

HTML:

<div id='links'>
    This is simple text<br />
    <a href='#'>Link1<a/><br />
    <a href='#'>Link2<a/><br />
    <a href='#'>Link3<a/><br />
</div>

jQuery:

$('#links').live('mouseover', function(){
    $('#links > a').addClass('highlight');
});

$('#links').live('mouseout', function(){
    $('#links > a').removeClass('highlight');
});

CSS:

.highlight {
 background-color : red;   
}​



CSS 部分を編集して、好みのスタイルで強調表示できます。

于 2010-09-24T17:38:46.367 に答える
1

私の懸念する限り、最良の解決策=）

マークアップ:

<h1>CSS is cool! </h1>
<ul id="css">
    <li><a class="links" href="#"> Link1 </a></li>  
    <li><a class="links" href="#"> Link2 </a></li>  
    <li><a class="links" href="#"> Link3 </a></li>  
    <li><a class="links" href="#"> Link4 </a></li>
</ul>

CSS :

 #css li { margin:0px 5px;list-style:none; float:left;}
 #css .links { color :#0099f9; text-decoration:none;font:bold 20px Arial;}
 #css:hover a.links { color : #f0f;}
于 2010-09-24T17:31:58.727 に答える
0

このようなもの（ドキュメントの準備ができている）がそれを行うはずです！ 

$('#MyDiv').live('mouseenter', function(){
    $(this).find('a').addClass('highlight');
});
$('#MyDiv').live('mouseleave', function(){
    $(this).find('a').removeClass('highlight');
});
于 2010-09-24T16:56:01.637 に答える
0

すべてのリンクに同じクラスを与えてから、次のようにします。

$(document).ready(function() {
  $('.someClass').hover(function() {
    $('.someClass').css('underline' : 'solid 1px #FFF');
  });
})
于 2010-09-24T16:56:03.333 に答える
0

私の記憶が正しければ、次のことができるはずです。

$('div selector').hover(function(e) {
    $(this).find('a').doThings();
},
function(e) {
    $(this).find('a').undoThings();
});

$.hover()また、明示的な呼び出し (例として提供されている) を$.delegate()orを使用するように切り替えることもお勧めします$.live()。

于 2010-09-24T16:57:04.630 に答える