js的浏览器兼容性问题,以及如何不使用js实现文字的切换

JS兼容性

解决方案 »

  1.   

    全页面就这一处用了js  能不用最好  引入jquery然后用jquery控制是下下之选
      

  2.   

    this.text
    =>this.innerHTML
    <a href="#" onMouseOver="this.innerHTML='敬请期待'" onMouseLeave="this.innerHTML='下载客户端'">下载客户端</a>
      

  3.   

    css版本<html>
    <head>
        <style>
            a:hover
            {
            }
            a .text
            {
                display: inline;
            }
            a:hover .text
            {
                display: none;
            }
            a .hover
            {
                display: none;
            }
            a:hover .hover
            {
                display: inline;
            }
        </style>
    </head>
    <body>
        <a href="#"><span class="text">下载客户端</span><span class="hover">敬请期待</span></a>
    </body>
    </html>
      

  4.   

    onmouseleave=>onmouseout
    <a href="#" onmouseover="this.innerHTML='敬请期待'" onmouseout="this.innerHTML='下载客户端'">下载客户端</a>