Question

jquery实现下面效果，鼠标移到span标签内，下面的出现相应的图片，鼠标移走，相应图片消失。

<div class="ommovie">
<span><a>11111111111111111</a></span>
<div class="hide-show"><a ><img src="1.jpg"></a></div>
</div>
<div class="ommovie">
<span><a>22222222222222222</a></span>
<div class="hide-show"><a ><img src="2.jpg"></a></div>
</div>
<div class="ommovie">
<span><a>33333333333333</a></span>
<div class="hide-show"><a ><img src="3.jpg"></a></div>
</div>
<div class="ommovie">
<span><a>444444444444444</a></span>
<div class="hide-show"><a ><img src="4.jpg"></a></div>
</div>

Answer 1

jquery给所有的图片所在div加上鼠标悬停事件，然后得到鼠标所在div（可以通过class/id）元素，再修改div的css样式，隐藏就是display:none。

追问

　　这样么？？但是你只要鼠标停在ommovie上面   所有的hide-show都回加这样的属性，并不是出现相应的照片  而是出现所有照片。

追答

流程差不多，不过你js方法明显写错了。你页面所有div的class都是ommovie，你这样写肯定是所有出现或者消失啊，要一个个进行区别。

追问

我的cms生成的CSS都是一样的

追答

可以自定义class名称加在后台，用来区分。