如何实现鼠标移动按钮上,按钮变颜色的效果

可以通过js来改变鼠标放在按钮上的样式:

这是按钮的默认状态:

<button id='btn' class=" btn btn-block btn-default">提交button>

js中可以这样写:

<script>
        window.onload = function() {
            var btn = document.getElementById('btn');
            btn.onmouseover = function() {
                $("#btn").addClass('btn-info');
            };
            btn.onmouseout = function() {
                $("#btn").removeClass('btn-info')
            };
        };
    script>

你可能感兴趣的:(JavaScript,前端开发,CSS)