轻量级框架开发应用.docxVIP

要求：在本文档中的题目下作答，在所写的代码下面粘贴运行后的网页截图，提交本word文档即可。 上次你做了个随机变换颜色的网页，说了几句讨好女朋友的话，但是女朋友觉得太敷衍，并且网页效果做的跟灯箱小广告似的，女神给你最后一次机会，能不能挽留就看这最后一次的机会了，年轻人加油吧！！！ !DOCTYPE html html head meta charset=utf-8 title/title style type=text/css div{ display: none; } /style /head body div class=box1 1. 你走之后，没人再嫌弃我瘦，也没人再关心我的感受，你走之后，我的生活只剩下将就。 /div div class=box2 2. 好不容易才让你愿意住进我的心里，为何我却不懂事的总是惹你生气，恨自己不懂得爱护你，后悔分手的时候没能拉住你。 /div div class=box3 3. 再给我一次机会，我不再会怕苦怕累，我明白自己并不完美，但以后的日子，我会爱你爱的更加纯粹。 /div /body /html 任务描述： 你需要利用jquery技术获取到代码中的3个div标签，你需要给每个div标签显示的时候添加动画效果（随便选择你喜欢的效果），给每行文字添加点击事件，点击的时候本行文字有消失动画（随便选择你喜欢的效果）。 !DOCTYPE html html head meta charset=utf-8 title/title style type=text/css div { display:none; } /style /head body div class=box1 anim 1. 你走之后，没人再嫌弃我瘦，也没人再关心我的感受，你走之后，我的生活只剩下将就。 /div div class=box2 anim 2. 好不容易才让你愿意住进我的心里，为何我却不懂事的总是惹你生气，恨自己不懂得爱护你，后悔分手的时候没能拉住你。 /div div class=box3 anim 3. 再给我一次机会，我不再会怕苦怕累，我明白自己并不完美，但以后的日子，我会爱你爱的更加纯粹。 /div script src=/jquery/3.4.1/jquery.min.js/script script type=text/javascript var anim = $(.anim);//触发遍历所用的类 $(anim).each(function (i, e) { $(e).slideDown(3000); }); $(.anim).on(click, function (e) { $(e.target).fadeOut(1000); }); /script /body /html 滑动显示，淡出动画。