Question

我正在用jquery创建一个Images选项卡，我在这里没有使用任何CSS。我正在使用锚点<a>

当用户在锚点上盘旋，即专注于<a>时，它应触发但不起作用

<div class="container">
    <div class="TabMenu">
        <span><a href="#"><img src="images/A.png"></a></span>
        <span><a href="#"><img src="images/B.png"></a></span>
        <span><a href="#"><img src="images/C.png"></a></span>
    </div>
</div>

我尝试使用jquery，但它没有成功，这里是jquery的代码

$(".container .TabMenu span a").click(function(){
 alert("Click working");
});

是否存在锚点悬停，访问，活动

的代码

$(".container .TabMenu span a:visited").(function(){
 alert("You have visited");
});

$(".container .TabMenu span a:hover").(function(){
 alert("Hover working");
});

$(".container .TabMenu span a:active").(function(){
 alert("Hover working");
});

是否有任何特殊的锚功能代码..

和不使用jquery的悬停功能，我知道上面3个锚码是错误的。

Answer 1

要在悬停时执行代码，您可以使用mouseenter（）和mouseleave（）方法或hover（）方法：

$(".container .TabMenu span a").mouseenter(function() {
    alert("hover start")
});

$(".container .TabMenu span a").mouseleave(function() {
    alert("hover end")
});

$(".container .TabMenu span a").hover(function() {
    alert("hover start")
}, function() {
    alert("hover end")
});

jquery anchor hover访问了图像的标签

1 个答案: