2010-10-13 49 views
0

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

我想出了如何用鼠标悬停来改变内容,但我需要帮助才能用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> 
+0

http://stackoverflow.com/questions/3921347/multipl e-mouseovers-links-changing-a-separate-div-content //它对我来说很好http://jsfiddle.net/mevJr/ – Mouhannad 2010-10-13 15:04:58

+0

你会如何让每个链接的内容独一无二?我不想要链接的名称,但有些不同。 – Erik 2010-10-13 15:14:49

+0

我的链接实际上是图片。 – Erik 2010-10-13 15:17:14

回答

0

Basic示例使用HTML:

http://jsfiddle.net/XMXct/

----基于评论编辑----

尝试开关声明:http://jsfiddle.net/rtE2a/1/

+0

你会如何让每个链接的内容独一无二?我不想要链接的名称,但有些不同。我的链接实际上是图片。 – Erik 2010-10-13 15:16:23

+0

@Erik查看已更新回答 – hookedonwinter 2010-10-13 15:21:48

+0

我不明白为什么当我将它粘贴到HTML文档中时它不工作: – Erik 2010-10-13 15:45:46