jQuery悬停效果

jQuery悬停效果,jquery,text,hover,show,effect,Jquery,Text,Hover,Show,Effect,我正试图达到这个效果。意思是你有不同的链接,在鼠标悬停时,相应的文本出现在下面。使用jQuery可以实现这一点吗 感谢您的帮助您可以单独使用CSS来完成此操作 <a href="#">My Link<span>My Hover Text</span></a> a span { display: none; } a:hover span { display: inline; } 您可以单独使用CSS来实现这一点 <a href="#">

我正试图达到这个效果。意思是你有不同的链接,在鼠标悬停时,相应的文本出现在下面。使用jQuery可以实现这一点吗


感谢您的帮助

您可以单独使用CSS来完成此操作

<a href="#">My Link<span>My Hover Text</span></a>

a span { display: none; }
a:hover span { display: inline; }

您可以单独使用CSS来实现这一点

<a href="#">My Link<span>My Hover Text</span></a>

a span { display: none; }
a:hover span { display: inline; }

您可以使用jQuery事件,只需更改包含相应文本的div:

$("#hoverArea").hover(
  function () {
    $("#textDiv").text("New Text");
  },
  function () {
    $("#textDiv").text("Previous Text");
  }
);
您可以使用jQuery事件,只需更改包含相应文本的div:

$("#hoverArea").hover(
  function () {
    $("#textDiv").text("New Text");
  },
  function () {
    $("#textDiv").text("Previous Text");
  }
);

谢谢你的帮助,我会试试这个谢谢你的帮助,我会试试这个