摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><script src="https://code.jquery.com/jquery-3.3.1.min.js"></script><titl
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<title>Document</title>
<style type="text/css">
.box{
width: 500px;
height: 500px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
a{
font-size: 2rem;
color: aliceblue;
background-color: lightblue;
display:block;
width: 300px;
height:300px;
line-height: 300px;
text-align: center;
border-radius: 50%;
text-decoration: none;
margin: 20px auto;
margin-bottom: 100px;
}
button{
display:block;
margin: 20px auto;
border: none;
border-radius: 25px;
width:100px;
height: 40px;
}
</style>
<script>
$(document).ready(function () {
var number = 0;
$("button").hover(function () {
// over
var rg;
rgb = $("a").css("backgroundColor")
$(this).css("box-shadow", "0 0 10px " +rgb);
}, function () {
// out
$(this).css("box-shadow", "none");
}
);
$("button").click(function (e) {
var r,g,b;
r = Math.floor(Math.random()*256);
g = Math.floor(Math.random()*256);
b = Math.floor(Math.random()*256);
number++;
$("a").css({"backgroundColor":"rgb("+r+","+g+","+b+")"});
$("span").html(r+" , "+g+" , "+b);
});
});
</script>
</head>
<body>
<div class="box">
<a class="">
<span>0</span>
</a>
<button>点击变色</button>
</div>
</body>
</html>
批改老师：灭绝师太批改时间：2019-01-23 09:11:36
老师总结：提交代码记得选择一下语言哦，这样看体验效果不好
