这效果怎么实现

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

循环列举数据出来.
<%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事件做显示和隐藏就可以了
------解决方案--------------------------------------------------------

探讨

就是鼠标移在第一条后.会显示这样: <li><img src="case_ico.gif" /><a href="ab.aspx"><%#Eval("ab")%></a></li>

当鼠标移到第二条后,,第一条,就显示: <li><a href="ab.aspx"><%#Eval("ab")%></a></li>
而第二条则显示: <li><img src="case_ico.gif"……

------解决方案--------------------------------------------------------
应该用js处理就行，将 img显示 与隐藏。
------解决方案--------------------------------------------------------
每一个li后都加一个img。。鼠标移动过去就显示移走再隐藏
------解决方案--------------------------------------------------------
Jquery

JScript code

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