日期:2014-05-17  浏览次数:20510 次

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

循环列举数据出来.
<%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();
    });