Question

不确定这是否可行，但我的网站上有文字，我想在链接上有鼠标时更改。

例如。 Home这个词出现在页面的一半。当用户将鼠标放在单独的链接上时，我会将该单词更改为我为该链接指定的内容。 Anty这样做的方法？

由于

Answer 1

您可以尝试这样的事情：

<p>hover me!</p>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").hover(function(){
    $("p").html("You are hovering me!");
    },function(){
    $("p").html("hover me!");
  });
});
</script>

Answer 2

您可以在链接中添加一个类，以便触发文本更改，然后为此类订阅鼠标悬停事件并更改文本..看起来像小菜一碟

<a href="whatever" class="linkClass" data-text="textToChange">link</a>

码

$(".linkClass").live("mouseover", OnMouseEnter);

function OnMouseEnter(event){
    var newText = $(event.target).attr('data-text');
    $("#tbxHome").text(newText);
}

Answer 3

如果你总是知道你想要的悬停文本是什么，这里只有一个CSS选项：

<style>
  a:hover .replace-me {
    display:none;
  }
  a:hover:after {
    content:'Switcheroo!';
  }
</style>
<a href="#"><span class='replace-me'>Hover on me!</span></a>

演示：http://codepen.io/anon/pen/hnvFD

当鼠标悬停在链接上时，在站点上更改文本

3 个答案: