20春《轻量级框架开发应用》离线作业2cTy523.docx

20春《轻量级框架开发应用》离线作业2cTy523.docx

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
要求:在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word文档即可。 假如你的女朋友想跟你分手,你想哄女朋友开心。作为前端工程师的你,给自己心爱的女孩做了一个专属网页。为了渲染气氛,需要你把每一段话做成一个每秒不断随机变换颜色的动态效果。能不能挽回女朋友的芳心就靠这个效果了,年轻人,加油吧!!! (注意:要用jQuery呦!!!) !DOCTYPE html html head meta charset=utf-8 title/title /head body div 1. 你走之后,没人再嫌弃我瘦,也没人再关心我的感受,你走之后,我的生活只剩下将就。 /div div 2. 好不容易才让你愿意住进我的心里,为何我却不懂事的总是惹你生气,恨自己不懂得爱护你,后悔分手的时候没能拉住你。 /div div 3. 再给我一次机会,我不再会怕苦怕累,我明白自己并不完美,但以后的日子,我会爱你爱的更加纯粹。 /div /body 任务描述: 你需要利用jquery技术获取到代码中的3个div标签,你需要给每个div标签的内容添加随机颜色,每秒钟切换一次随机颜色。 !DOCTYPE html html head meta charset=utf-8 title/title /head script src=./js/jquery1.12.4.min.js/script body div class=bg 1. 你走之后,没人再嫌弃我瘦,也没人再关心我的感受,你走之后,我的生活只剩下将就。 /div div class=bg 2. 好不容易才让你愿意住进我的心里,为何我却不懂事的总是惹你生气,恨自己不懂得爱护你,后悔分手的时候没能拉住你。 /div div class=bg 3. 再给我一次机会,我不再会怕苦怕累,我明白自己并不完美,但以后的日子,我会爱你爱的更加纯粹。 /div script setInterval(function() { $(.bg).each(function (){ $(this).css(color,#+Math.floor(Math.random()*0xffffff).toString(16)); }) }, 1000) /script /body /html /*! jQuery v1.12.4 | (c) jQuery Foundation | /license */ !function(a,b){object==typeof moduleobject==typeof module.exports?module.exports=a.document?b(a,!0):function(a){if(!a.document)throw new Error(jQuery requires a window with a document);return b(a)}:b(a)}(undefined!=typeof window?window:this,function(a,b){var c=[],d=a.document,e=c.slice,f=c.concat,g=c.push,h=c.indexOf,i={},j=i.toString,k=i.hasOwnProperty,l={},m=1.12.4,n=function(a,b){return new n.fn.init(a,b)},o=/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,p=/^-ms-/,q=/-([\da-z])/gi,r=function(a,b){return b.toUpperCase()};n.fn=totype={jquery:m,constructor:n,selector:,length:0,toArray:function(){return e.call(this)},get:function(a){return null!=a?0a?this[a+this.length]:this[a]:e.call(this)},pushStack:function(a){var b=n.merge(this.constructor(),a);return b.prevObject=this,b.context=this.context,b},each:function(a){return n.each(this,a)},map:function(a){return this.pushStack(n.map(this,function(b,c){ret

文档评论(0)

aA + 关注
实名认证
内容提供者

章节测验不包含期末考试,题库具有时效性,请留意文档上传时间;课程会更新,有更新请留言

1亿VIP精品文档

相关文档