は、私はこのような画像や説明でいっぱいのリストを持っているホバーイベント

Question

をシミュレート：

<li> 
<img class="photography" src="PHOTO/boat.jpg" alt="Boat on sea." /> 
</li> 
<li><div id="description" class="description"> 
<p>BOAT</p> 
<p>ITALY</p> 
</div></li> 
<li> 

私は説明のdivの上に置くと、画面上にホバーイベントをシミュレートしたいと思います

。 誰かが私にこのことを教えてもらえますか？

Answer 1

完全なリストの周りに大きなdivを使用して、このホバーイベントを使用できます。

Answer 2

$("#description").mouseout(function(){ 
    $(".photography").css('border',''); 
}); 

$("#description").mouseenter(function(){ 
    $(".photography").css('border','4px solid #333'); 
}); 

demo

Answer 3

私はあなたが使用してますが、ここで変更することができます例ですされている機能やパラメータを確認していません。

$("#description").mouseout(function(){ 
    $(".photography").pixastic("blurfast", {amount:0.2}) 
}); 

$("#description").mouseenter(function(){ 
    $(".photography").pixastic("revert") 
});