22春《轻量级框架开发应用》离线作业2答案-单强.docxVIP

要求：在本文档中的题目下作答，在所写的代码下面粘贴运行后的网页截图，提交本word文档即可。

假如你的女朋友想跟你分手，你想哄女朋友开心。作为前端工程师的你，给自己心爱的女孩做了一个专属网页。为了渲染气氛，需要你把每一段话做成一个每秒不断随机变换颜色的动态效果。能不能挽回女朋友的芳心就靠这个效果了，年轻人，加油吧！！！

（注意：要用jQuery呦！！！）

!DOCTYPEhtml

html

head

metacharset=utf-8

title/title

/head

body

div

1.你走之后，没人再嫌弃我瘦，也没人再关心我的感受，你走之后，我的生活只剩下将就。

/div

div

2.好不容易才让你愿意住进我的心里，为何我却不懂事的总是惹你生气，恨自己不懂得爱护你，后悔分手的时候没能拉住你。

/div

div

3.再给我一次机会，我不再会怕苦怕累，我明白自己并不完美，但以后的日子，我会爱你爱的更加纯粹。

/div

/body

任务描述：

你需要利用jquery技术获取到代码中的3个div标签，你需要给每个div标签的内容添加随机颜色，每秒钟切换一次随机颜色。

答：

!DOCTYPEhtml

html

head

metacharset=

title/title

script

functiongetColor(){

varstr=#;

//定义一个十六进制的值的数组

letarr=[0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f];

//遍历循环产生6个数

for(vari=0;i6;i++){

//随机产生0~15的个索引数,然后根据该索引找到数组中对应的值,拼接到一起

letlut=parseInt(Math.random()*16);

str+=arr[lut];

}

}

window.onload=function(){

//在body中通过id属性的值查找这个元素,设置该标签的背景颜色

document.getElementById(box).style.backgroundColor=getColor();

document.getElementById(box2).style.backgroundColor=getColor();

document.getElementById(box3).style.backgroundColor=getColor();

},1000)

};

/script

/head

body

divid=box

1.你走之后，没人再嫌弃我瘦，也没人再关心我的感受，你走之后，我的生活只剩下将就。

/div

divid=box2

2.好不容易才让你愿意住进我的心里，为何我却不懂事的总是惹你生气，恨自己不懂得爱护你，后悔分手的时候没能拉住你。

/div

divid=box3

3.再给我一次机会，我不再会怕苦怕累，我明白自己并不完美，但以后的日子，我会爱你爱的更加纯粹。

/div

/body

效果图如下：