多个鼠标悬停链接更改单独的DIV内容

Question

我有五个链接，我想在同一个单独的DIV中更改内容。每个链接都有不同的内容。在mouseleave上，我需要在单独的DIV内返回默认文本。

有没有人这样做过或者可以指导我？我更喜欢jquery。

谢谢！

Answer 1

$("a.link").mouseleave(function() {
   $("#sepdiv").text($(this).text());
});
//share the same class ("link" as an example) with all your links. and have an id for the separate div

您的问题不明确，我没有任何代码可以基于此，但我希望这就是您在寻找的地方。让我知道所以我可以编辑我的答案！

修改

查看评论中分享的网站：

JS

$(document).ready(function() {
  //this is your code - just add it all under one document load
  $.preloadCssImages();
  $('#slider').nivoSlider();


  $('a.share-links').hover(function() {
    $('#ms').text($(this).text());
  }, function() {
    $('#ms').text(function() {
       return $(this).attr("title");
    });
  });
});

CSS

.share-links
{
  text-indent:-9999px;
}

HTML

<div id="ms" title="Our crusade to feed every orphan in the world.">
  Our crusade to feed every orphan in the world.
</div>

<div id="nc_wrap2">
  <a class="nc1 share-links" href="#">Facebook</a>
  <a class="nc2 share-links" href="#">Twitter</a>
  <a class="nc3 share-links" href="#">..</a>
  <a class="nc4 share-links" href="#">..</a>
  <a class="nc5 share-links" href="#">..</a>
</div>

我希望这更好！