模拟悬停事件

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

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

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

demo

Answer 2

您可以在完整列表周围使用大div并使用此悬停事件。

Answer 3

我不确定您使用的是哪些功能和参数，但这里是您可以修改的示例。

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

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