东师《轻量级框架开发应用》期末
下载文档获取完整
要求：在本文档中的题目下作答，在所写的代码下面粘贴运行后的网页截图，提交本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 charest=＂utf-8＂>
<title></title>
</head> <body>
<div
class=＂box1＂> 1.你走之后，没人在嫌弃我瘦，也没人在关心我感受，你走之后，我的生活只剩 下将就。
</div> <div class=＂box2＂> 2.好不容易才让你愿意住进我心里，为何我却不懂事总是惹你生气恨自己不懂的爱护你，后悔分手时没拉住你。
</div> <div class=＂box3＂> 3.再给我一次机会，不再怕古怕累，明白自己不完美，但以后日子，会爱你爱的更加纯粹。
</div> </body> <script src=＂https://cdn.bootcss.com/jquery/3.4,0/jquery.min.js＂></script> <script type=＂text/jayascript＂> $(function (){ var boxl=$(＇.boxl＇) var box2=$(＇.box2＇）
var box3=$(＇.box3＇) boxl.slideDown(function(){ box2.slideToggle(function(){ box3.fadeIn() }) }) box1.on( ＂click＂,function(){ $(this).fadeOut() }) box2.on(＂click＂,function(){ $(this).slideOut() }) box3. on( ＂click＂,function(){ $(this),fadeToggle() })
}) </script> </html>
下一篇：法治民政建设指标体系