JS:onmouseover 、onmouseout

2019-01-01 23:17:40来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

 鼠标移动到P标签上时,改变文本和边框样式

        <style type="text/css">
            .onmouseover {
                color: red;
                border: 1px solid blue;
                cursor: hand;            
        </style>
        <script type="text/javascript">            
            function over() {
                var p = document.getElementById("p");
                //选择器className修改。
                p.className = "onmouseover";
            }
            function out() {
                var p = document.getElementById("p");
                p.className = "";
            }
        </script>
 
    <body> 
        <p onmouseover="over()" onmouseout="out()" id="p">鼠标移动到P标签上时,改变文本和边框样式</p>
    </body>

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:关于使用toFixed()函数时报错&quot;toFixed() is not a function

下一篇:HTML页面局部刷新