js的浏览器兼容性有关问题,以及怎么不使用js实现文字的切换

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

我现在有一个BUTTON样式的DIV 默认文字为"下载客户端" 但是鼠标移上去后,变成"敬请期待"

我这样写的



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

IE9 10 和FF识别

chrome IE8及以下不识别

请问为甚么

另外,能否不用js 只用DIV+CSS就控制字的变化(可以使用两个预设的DIV切换...吗?)
------解决方案--------------------
this.text
=>this.innerHTML

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

------解决方案--------------------
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>

js的浏览器兼容性有关问题,以及怎么不使用js实现文字的切换

相关推荐