0

私はこの .Net を初めて使用します。div id動的に変数に設定し、後でホバリング時に使用する必要があります。

私の場合、、、、という 4 つのdiv要素があり、これらの div 内には、id、、、の 4 つの画像があります。したがって、それらのいずれかにカーソルを合わせると、その div 内の画像がアニメーション化されます。div1div2div3div4pic1pic2pic3pic4

ホバリング時に変数でdiv idを取得し、それを使用してその特定の画像をアニメーション化するにはどうすればよいですか。

これまでに試したコードは次のとおりです。

$(document).ready(function() { 
    $("#div1").hover(function() { 
        $("#pic1").animate({ width: '150px', height: '150px' }); 
    }); 
    $("#div2").hover(function() { 
        $("#pic2").animate({ width: '150px', height: '150px' }); 
    }); 
});

これに対する解決策を見つけるのを手伝ってください。

4

5 に答える 5

1

htmlコード

<ul>
<li id="1"></li>    
<li id="2"></li>
<li id="3"></li>
<li id="4"></li>    
<li id="5"></li>
<li id="6"></li>
<ul>

jqueryコードは

<script type="text/javascript" >
$('li').mouseover(function(){
divId = $(this).attr('id');
$("#pic"+divId).animate({ width: '150px', height: '150px' }); 
});
</script>
于 2014-02-17T16:17:14.367 に答える
1

find()画像がマウスオーバー イベントをリッスンする div にある場合は、jQueryを使用して要素の子を呼び出すことができます。例：

HTML

<div id="div1" class="imagecontainer">
    <img id="pic1" src="http://foo.com/bar.png" />
</div>
<div id="div2" class="imagecontainer">
    <img id="pic2" src="http://foo.com/bar2.png" />
</div>

JavaScript/jQuery:

$(".imagecontainer").mouseover(function(event) {
    $(this).find("img").animate(/*animation here*/);
});

よろしく

于 2013-09-02T10:04:11.213 に答える
1

これを試して

function onover()
{

  var divid = $(this).parent().attr("id");
  // divid is the id of the div

}

写真のマウスオーバーイベントでこの関数を呼び出して、何でもします

于 2013-09-02T10:03:23.670 に答える