0

こんにちは、私はここに来たばかりで、自分のウェブサイトで何かをしようとしています。div があり、人々がマウスでホバーすると、その中の画像が別の画像に変わるようにしたいと考えています。これを見つけましたhttp://jsfiddle.net/EXNZr/1/しかし、画像にカーソルを合わせたときにのみ機能します.divにカーソルを合わせたときに変更するにはどうすればよいですか? 事前に感謝し、壊れた英語で申し訳ありません

<div id="content"><img id="changeonhover" src="../test/images/yes.png"></div>

これは私のコードです。たとえば、人々が「コンテンツ」にカーソルを合わせると、「changeonhover」の画像が no.gif に変わります。

4

4 に答える 4

0

これを試してください：http://jsfiddle.net/Ry8E4/

$(document).ready(function()
{
    $("#theDiv").hover(
        function()
        {
            $("#imgDino").attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif");
        },
        function()
        {
            $("#imgDino").attr("src", "http://bestuff.com/images/images_of_stuff/64x64crop/t-rex-51807.jpg?1176587870");
        }                         
    );                  
});​
于 2012-07-28T01:12:59.307 に答える
0

http://jsfiddle.net/EXNZr/54/

ホバー イベント ハンドラーを親 div に適用し、.find(); を使用してイメージ タグの src を変更するだけです。

参考文献:

http://api.jquery.com/find/

于 2012-07-28T01:13:14.377 に答える
0 
$(document).ready(function() {
    $("#content").hover(
        function()
        {
            $('#changeonhover', this).attr("src", "http://www.sitevip.net/gifs/dinosaur/2348_animado.gif");
        },
        function()
        {
            $('#changeonhover', this).attr("src", "http://bestuff.com/images/images_of_stuff/64x64crop/t-rex-51807.jpg?1176587870");
        }                         
    );                  
});

#contentonではなく on でイベントを呼び出し#changehoverます。

于 2012-07-28T01:13:32.780 に答える
0

<img>タグを<div>with background imageに変更すれば、純粋に CSS でこれを行うことができると言わざるを得ません。

于 2012-07-28T01:14:07.400 に答える