模拟悬停事件

simulate hover event

本文关键字：事件 悬停 模拟      更新时间：2023-09-26

我有一个充满图片和描述的列表，像这样:

<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。有人能帮我一下吗?

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

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

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

$("#description").mouseout(function(){
    $(".photography").pixastic("blurfast", {amount:0.2})
});
$("#description").mouseenter(function(){
    $(".photography").pixastic("revert")
});
相关文章：