我要做一个鼠标经过,然后改变图片的效果。
<ul> <li> <a href="#" img1="1.jpg" img2="2.jpg"> <img src="1.jpg" /> </a> </li> <li> <a href="#" img1="3.jpg" img2="4.jpg"> <img src="3.jpg" /> </a> </li> </ul>
当鼠标经过第一个li的时候 img的src变成2.jpg。然后鼠标移到第二个li,第一个img的src变回1.jpg,第二个li img 变成 4.jpg。 当然li不值两个。
现在问题是:我用了img1 img2 来记录路径,我要怎么记录鼠标上次经过的li呢(不能是鼠标离开就变回原来的img,必须是鼠标移到另一个li的时候才改变)。
不知是否描述清楚了,请大家给点思路、想法。
给li或者A标签加个class就可以了。