鼠标悬停和鼠标移出时切换反对div

时间:2012-11-23 02:09:17

标签: jquery mouseout

挣扎着这个,我有4个div,2个文本和2个图像,在2个列中...... 我希望左侧列上的图像淡入并在右列上显示文本,但是当我将鼠标悬停在右列上时,我希望右侧的图像淡入,左侧列的文本淡入,反之亦然,页面加载左侧有文本,右侧有图像。

我有一个小提琴,我无法上班

http://jsfiddle.net/bloodygeese/pd6Jf/7/

所以将鼠标悬停在任一列上,产生交替下方的2个设置

text | image
Image | text 

1 个答案:

答案 0 :(得分:0)

首先,从您的小提琴中有几个标签错误,您没有正确关闭您的div。

<div id="mainpage1">
<div> <---- Your problem
<div id="leftimage"></div>

你的css也是如此,你应该向左倾斜:210像素为你的正确形象。

这是工作解决方案。

http://jsfiddle.net/pd6Jf/11/