Javascript 模拟悬停事件

我有一个充满图像和描述的列表，如下所示：

<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>

船

意大利

当我将鼠标悬停在description div上时，我想在图片上模拟一个悬停事件。

---

有人能告诉我这件事吗？

你可以在完整的列表中使用一个大div，然后使用这个悬停事件

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

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

---

我不确定您使用的是哪些函数和参数，但这里有一个可以修改的示例

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

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

---

嗯，jeah，我可以，但它不是那么简单，我需要这个，因为我在我的图库中使用了一些效果，需要在图像上悬停，而不是其他…Thx，但我需要这样的东西：onClick=“$（'.jp pause'）。click（）；列表很长，我需要它来模拟悬停在前一个元素上…@a13k我不知道你在看什么我正在使用一个插件（pixastic）这将图像转换为画布，并在我悬停在上面时使其模糊。它们变得清晰。现在，我在每个图像的右侧添加了描述，我需要图片在我过去时变得清晰。描述…好的，这是好的，但我必须访问类摄影的上一个元素…因此，当我悬停在描述上时，它会变得清晰像这样的东西。prev（“.photography”）…为什么不在mouseEnter事件中调用模糊插件呢？