1、首先，打开HTML编辑器并创建一个新的HTML文件，比如index.html。
2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}
button:hover {background-color: #ff7701}。
3、当浏览器运行索引index.html页面中，出现蓝色背景颜色的按钮。
4、将鼠标移到按钮上，按钮的背景颜色将变为橙色。
在前端开发过程中，要求实现背景色透明度0.8，但是文字颜色要求按给定颜色设置。
如果直接设置背景opacity值为0.8，会使文字的颜色发生改变。解决方法就是在设置背景色时使用rgba(red,green,blue,opacity)来对背景色进行设置,这样就可以单独的改变背景的透明度，而不会影响到里面的内容(包括文字和图片)。
web前端超出两行用省略号表示
效果图：
layui/js/jquery图片切换.html文件
layui/js/jquery图片切换.js文件
