《东师《轻量级框架开发应用》期末.docx》由会员分享,可在线阅读,更多相关《东师《轻量级框架开发应用》期末.docx(4页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、东师轻量级框架开发应用期末下载文档获得完整 要求:在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word 文档即可。上次你做了个随机变换颜色的网页,说了几句讨好女挚友的话,但是女挚友觉得太敷衍,并且网页效果做的跟灯箱小广告似的,女神给你最终一次机会,能不能挽留就看这最终一次的机会了,年轻人加油吧!<!DOCTYPE html> <html><head> <meta charset=utf-8> <title></title> <style type=text/css>div display
2、: none; </style></head><body> <div class=box1>1. 你走之后,没人再嫌弃我瘦,也没人再关切我的感受,你走之后,我的生活只剩下将就。 </div> <div class=box2> 2. 好不简单才让你情愿住进我的心里,为何我却不懂事的总是惹你生气,恨自己不懂得爱惜你,懊悔分手的时候没能拉住你。 </div> <div class=box3>3. 再给我一次机会,我不再会怕苦怕累,我明白自己并不完备,但以后的日子,我会爱你爱的更加纯粹。 </div&
3、gt;</body> </html>任务描述:你须要利用 jquery 技术获得到代码中的 3 个 div 标签,你须要给每个 div 标签显示的时候添加动画效果(随意选择你喜爱的效果),给每行文字添加点击事务,点击的时候本行文字有消逝动画(随意选择你喜爱的效果)。答:<! Doctype html> <html> <head><meta charest=utf-8><title></title></head> <body><divclass=box1> 1.你走
4、之后,没人在嫌弃我瘦,也没人在关切我感受,你走之后,我的生活只剩 下将就。</div> <div class=box2> 2.好不简单才让你情愿住进我心里,为何我却不懂事总是惹你生气恨自己不懂的爱惜你,懊悔分手时没拉住你。</div> <div class=box3> 3.再给我一次机会,不再怕古怕累,明白自己不完备,但以后日子,会爱你爱的更加纯粹。</div> </body> <script src= <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>