这效果怎么实现

这效果如何实现?
有如下代码:

循环列举数据出来.
<%if i=1{%>
<li><img src="case_ico.gif" /><a href="ab.aspx"><%#Eval("ab")%></a></li>
<%else%>
<li><a href="ab.aspx"><%#Eval("ab")%></a></li>
<%}%>


现在想要鼠标放移到每个项上..后...那个<img src="case_icon.gif">会放到鼠标移到那个项的前面...如何实现??




[解决办法]
js onmouseover、onmouserout
[解决办法]
最笨的方法在所有的循环中都插入这个图片，然后设置隐藏，当你鼠标移动到选项上面触发个onmouseover、onmouserout事件做显示和隐藏就可以了
[解决办法]

JScript code

    $("li").mouseover(function(){      $("<img src="case_ico.gif" />").insertBefore($(this).find("a").eq(0));    }).mouseout(funtion(){      $(this).find("img").remove();    });