1、首先新建html页面，设置一个button按钮。
2、然后拷贝一张图片，编辑CSS代码。引入JQ的类库，并引入之前编辑的CSS样式。
3、编辑js代码，之后运行即可。
4、代码目录结构如下。
5、最终效果如下图所示，就完成了。
需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}
button:hover {background-color: #ff7701}。
3、浏览器运行index.html页面，此时显示出了蓝色背景颜色的按钮。
4、将鼠标移入按钮，此时按钮的背景颜色变成了橙色。
<button id="myButton" disabled>111</button>这样这个button就不可以用了。
然后你要恢复就可以：
document.getElementById("myButton").disabled = false
它就又可以用了
