摘要：<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>獲取隨機(jī)色</title&
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>獲取隨機(jī)色</title>
<script type="text/javascript" src="../jQuery/jquery-3.3.1.min.js"></script>
<style type="text/css">
a {float: left; display: block;margin:50px; width: 100px; line-height: 100px; text-align: center;height: 100px; color: #fff;
border-radius: 50px;text-decoration: none;}
</style>
<script type="text/javascript">
//改變標(biāo)簽的背景顏色
function bgcolor(tag){
var len=document.getElementsByTagName(tag).length;
for(var i=0;i<len;i++){
document.getElementsByTagName(tag)[i].style.backgroundColor='rgb('+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+')';
}
}
$(document).ready(function(){
bgcolor('a');
$('a').mouseover(function(){
$bg=$(this).css('backgroundColor');
$(this).css('box-shadow','0px 0px 20px '+$bg);
$(this).css('border-radius','20px');
});
$('a').mouseleave(function(){
$(this).css('box-shadow','none');
$(this).css('border-radius','50px');
});
})
</script>
</head>
<body>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">4</a>
</body>
</html>
批改老師：查無(wú)此人批改時(shí)間：2019-05-18 09:27:15
老師總結(jié)：完成的不錯(cuò)，代碼很整潔，多看看框架代碼，對(duì)編程有幫助。繼續(xù)加油。