今天分享一個在 JavaScript中，實作一個滑鼠移入可以隨機變換顏色，本質就是js的亂數運用，
代碼如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
/* 這里定義一下div（塊元素）已下span 標簽的寬.高.邊框線以及邊框線的顏色*/
span{
display: block;
width: 80px;
height: 80px;
border: 1px solid #000000;
float: left;
}
</style>
</head>
<body>
<div>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
<span></span><span></span><span></span><span></span><span></span><span></span>
</div>
<script type="text/javascript">
var a=document.getElementsByTagName("span");
/* 獲取一下span標簽 */
for(var i=0;i<=a.length;i++){
a[i].onmouseover=function(){
/* 回圈出每一個方塊，加入滑鼠移入 */
this.style.backgroundColor="#"+Math.floor(Math.random()*16777215).toString(16);
/* 顏色隨機顏色 */
}
}
</script>
</body>
</html>
效果如下：
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/228860.html
標籤：JavaScript
上一篇：使用react-native-vector-icons（RN0.6+）
下一篇：Vue常用特性