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

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

这是按钮的默认状态：

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

 

  
1
 

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>
  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
 

文章来源: blog.csdn.net，作者：爱玲姐姐，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/jal517486222/article/details/82425375