當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
java图形界面颜色随机变换,JavaScript实现鼠标移入随机变换颜色
生活随笔
收集整理的這篇文章主要介紹了
java图形界面颜色随机变换,JavaScript实现鼠标移入随机变换颜色
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
大家好!
今天分享一個在 JavaScript中,實現一個鼠標移入可以隨機變換顏色。
/* 這里定義一下div(塊元素)已下span 標簽的寬.高.邊框線以及邊框線的顏色*/
span{
display: block;
width: 80px;
height: 80px;
border: 1px solid #000000;
float: left;
}
var a=document.getElementsByTagName("span");
/* 獲取一下span標簽 */
for(var i=0;i<=a.length;i++){
a[i].οnmοuseοver=function(){
/* 循環出每一個方塊,加入鼠標移入 */
this.style.backgroundColor="#"+Math.floor(Math.random()*16777215).toString(16);
/* 顏色隨機顏色 */
}
}
如下是代碼運行后在這里插入圖片描述
總結
到此這篇關于JavaScript實現鼠標移入隨機變換顏色的文章就介紹到這了,更多相關JS鼠標移入隨機變換顏色內容請搜索腳本之家以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持腳本之家!
總結
以上是生活随笔為你收集整理的java图形界面颜色随机变换,JavaScript实现鼠标移入随机变换颜色的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: GO WBE学习笔记
- 下一篇: 如何快速的把JSON转Excel怎么转?