发表于: 2017-04-12 18:58:13
1 594
今天完成的事:1,写完了js任务1,
获取随机颜色的方法可以根据css颜色表示的方法分为好多种,
用hsl表示
function bg2(){
var
a1=Math.floor(Math.random()*360),
a2=Math.floor(Math.random()*100),
a3=Math.floor(Math.random()*100);
return "hsl("+a1+","+a2+"%,"+a2+"%)";
}
用rgb表示
function bg3(){
var
r=Math.floor(Math.random()*256),
g=Math.floor(Math.random()*256),
b=Math.floor(Math.random()*256);
return "rgb("+r+','+g+','+b+")";
}
用#000000来表示可以这样
function bg1(){
return '#'+Math.floor(Math.random()*0xffffff).toString(16);
}
要获取三种不同的颜色可以加个循环,当三个颜色不一样才可以被输出
for(;a==b||b==c||c==a;){
a=bg3();
b=bg3();
c=bg3();
}
等等
2,学习了type=range下的input,这可以显示一个滑动条
了解了如何更改滑动条的样式
http://blog.csdn.net/u013347241/article/details/51560290里面有详细介绍
明天计划的事:继续修改以前的任务并提交
继续学习js知识
做下个任务
遇到的问题:修改滑动条的样式,网上查的先去掉原有样式,在自己设置想要的样式就行了。
收获:,知道了js如何修改css样式,了解了dom操作的基础知识。
评论