从单独的链接更改文本答案

【问题标题】：Changing text from separate links从单独的链接更改文本
【发布时间】：2010-10-13 14:58:25
【问题描述】：

我试图在鼠标悬停时从单独的链接更改 DIV 内的内容。每个链接的内容都不同。我希望 DIV 中的默认内容与 mouseleave 一起出现。我很难用 jquery 解决这个问题。任何人都可以指出我正确的方向或有一个例子来帮助。

我想出了如何通过 mouseover 来更改内容，但我需要帮助才能通过 mouseleave 返回原始内容。

非常感谢。

这是我的代码：

<div id="CONTENT">My content needs to change here.</div>

<div id="nc_wrap2">

<a class="nc1" href="#">Link 1</a>
<a class="nc2" href="#">Link 2</a>
<a class="nc3" href="#">Link 3</a>
<a class="nc4" href="#">Link 4</a>
<a class="nc5" href="#">Link 5</a>



</div>

【问题讨论】：

stackoverflow.com/questions/3921347/… // 对我来说很好用 jsfiddle.net/mevJr
您如何使每个链接的内容独一无二？我不想要链接的名称，但要有所不同。
我的链接实际上是图片。

标签： javascript html mouseover

【解决方案1】：

使用您的 html 的基本示例：

http://jsfiddle.net/XMXct/

----基于cmets编辑----

试试 switch 语句：http://jsfiddle.net/rtE2a/1/

【讨论】：

您如何使每个链接的内容独一无二？我不想要链接的名称，但要有所不同。我的链接实际上是图片。
我不明白为什么当我将它粘贴到 HTML 文档中时它不起作用：
您遇到的行为是什么？你在粘贴什么？如果要复制 jsfiddle 代码，还需要包含 jquery，并准备好文档
对我来说没有意义...我按照说明使用了代码，但没有任何效果：feedmyorphan.com
带有图片链接的页面底部