HTML鼠标放在链接上的时候。让第一个span隐藏起来，然后第二个span显示，鼠标离开后恢复。

<!--给予原生javascript本人测试已通过   望采纳 -->

<a href="#" onMouseOver="show()" onMouseOut="hide()"> 

<li>

<span class="c1" id="c1" style="display:block"> 12345678

</span>

<span class="c1" id="c2" style="display:none">

  312sdafasf

</span>

</li>

</a> 

<script>

    function show(){

        var hander1= document.getElementById("c1")

        var hander2= document.getElementById("c2")

        hander1.style.display="none"

        hander2.style.display="block"

    }

    function hide(){

        var hander1= document.getElementById("c1")

        var hander2= document.getElementById("c2")

        hander1.style.display="block"

        hander2.style.display="none"

    }

</script>

这是因你的CSS的写法不规范的原因。 遨游使用的是IE6的内核，所以IE正常遨游也肯定正常。如果我猜不错在IE7，IE8里也会变形。 CSS专业讨论群 84802120 注明来源。。。。授渔不授鱼

---