jquery的随机颜色

abstract：老师讲的很清楚但是理解有点理解不太明白 <!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style type="text/css">*{margin:0

老师讲的很清楚但是理解有点理解不太明白

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

*{margin:0px;padding: 0px;list-style: none;margin:0px auto;}

a{float: left;

display: block;

width: 80px;

height: 80px;

background-color: #ccc;

margin:20px;

line-height: 100px;

text-align: center;

text-decoration: none;

border-radius: 50px;

}

</style>

</head>

<body>

function bb(adc){ //命名

var len=document.getElementsByTagName(adc).length //声明变量获取标签元素获取命名的标签长度

for(var i=0;i<len;i++){//for循环初始化变量i=0，循环条件i<len，循环不长 I++

document.getElementsByTagName(adc)[i].style.backgroundColor='rgb('+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+','+Math.floor(Math.random()*256)+')' //获取abc的元素找到下面的[i]连接css的背景颜色，rgb的颜色值 rag获取值 Math.random获取随机颜色值*256 在256个颜色值选择的选取后面的小数Math.floor四舍五入的方法

}

$(document).ready(function(){

bb('a') //调用bb的函数

$('a').mouseover(function(){ //移动上面的效果

$bg=$(this).css('backgroundColor') //声明bg 获取当前的背景色

$(this).css('box-shadow','0px 0px 20px '+$bg)//给阴影在获取背景

$(this).css('border-radius','20px ') //给边框给20个px的变形

})

$('a').mouseleave(function(){ //当鼠标移出

$(this).css('box-shadow','none')//移除后去除阴影

$(this).css('border-radius','50px ') //在给边框50的变形

})

</script>

</body>

</html>

Correcting teacher：天蓬老师Correction time：2018-12-21 13:01:13
Teacher's summary：如果不是很清楚,可以在群中或发工单, 其实这个作业是考察你对js中的Math对象中的一些方法的使用

jquery的随机颜色

Popular Entries