21秋《Web前端综合案例开发》离线作业1.docxVIP

要求：在本文档中的题目下作答，在所写的代码下面粘贴运行后的网页截图，提交本 word文档即可。 小A是大四的学生，还有半年就要毕业了，就要跟她暗恋了三年的女神分开了。马上就 是女神的生日，他想送给女神一个礼物，能让女神开心并记住他的特别礼物。他想到了电 子相册，一个漂亮的网页版电子相册，因为他可以从班级网上找到女神的靓照。 需要可以循环播放，这样可以多放一些女神的照片。 循环播放时要有淡入淡出的效果，衬托出女神仙子般的气质。 html代码 !DOCTYPE html PUBLIC 〃-〃W3C//DTD XHTML 1.0 Transitional//EN，z 〃http://www. w3. org/TR/xhtm] 1/DTD/xhtmll-transitional. dtd，z html xmlns=http://www? w3. org/1999/xhtml〉 head meta http-equiv=〃Content-Type content=〃text/html; charset=UTF-8〃 title 女神相册 /title script type=text/javascript” src=z/ https://cdn. bootcss. com/jquery/3. 3. 1/jquery. min. js〃X/script link rel二〃stylesheet type=〃text/css〃 href=〃./gallery. css〃 script type=text/javascript src=/z. /gallery. jsz，X/script /head body div class=〃gallcry_containor〃〉 hl女神相册/hl hr div class二gallery content”〉 div class=z/gallery_thunibnails/z a href=〃〃 class=〃selected〃Ximg src=〃images/L jpeg7a a href=〃Ximg src=/zimages/2. jpeg〃〈/a a href=//z/Ximg src=/zimages/3. jpeg〈/a a href=，z，/Ximg src=imagcs/4. jpeg，，X/a a href=，///Ximga href=〃〈imga href=”〃Ximga href=，z/zXimga href=z，，/Ximga href=〃〈imga href=”〃Ximga href=，z/zXimga href=，z//Ximga href=z，，/Ximga href=〃〈imga href=”〃Ximga href=，z//Ximga href=z，，/Ximga href=〃〈imga href=”〃Ximgdiv class=〃cle;/divsrc=〃images/5. jpeg〃X/a src=〃images/6. jpeg〃〈/a src a href=，///Ximg a href=〃〈img a href=”〃Ximg a href=，z/zXimg a href=z，，/Ximg a href=〃〈img a href=”〃Ximg a href=，z/zXimg a href=，z//Ximg a href=z，，/Ximg a href=〃〈img a href=”〃Ximg a href=，z//Ximg a href=z，，/Ximg a href=〃〈img a href=”〃Ximg div class=〃cle; /div div class=〃gallery_preview〃 img src=〃images/l. jpeg /div /div /div /body /html css代码 ?charset UTF-8〃； body(background-color:#fff;font-family:Arial;color:#555;font-size:12px;} .gallery_preview img(width .gallery_preview img(width: 375px;min-height: 375px;} p{margin:Opx Opx 15px Opx;} a img(border:none;width: 75px;min-height: 75px;) a{color:#fff;} a:hover(color:#bbb;} hl{text-align: center;color: #000;} hr(margin: 50px Opx;} .clear_both{clear:both;line-height:Ipx