- 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
- 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 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
您可能关注的文档
- (完整)显微外科技术-游离腓骨移植在大节段骨缺损中的应用.ppt
- 《集体生活成就我》说课PPT课件.pptx
- 《简单教数学》读书报告.pptx
- 《简单教数学》读书报告分享.ppt
- 《网络安全法》解读(PPT讲义).pptx
- 《新媒体运营》 授课计划.doc
- 【全国教学大赛】《徒手防卫与控制》比赛课题:锁喉摔控制技术---一等奖课件.ppt
- 【全面版】塑化剂PPT文档.ppt
- 2020年初级会计职称《经济法基础》--第五章 企业所得税、个人所得税法律制度.pptx
- 2020下半年江苏省南通市海门市城投集团招聘试题及解析.docx
- 化妆品公司动力部年度总结.pptx
- 七年级下册(2024)第六单元课外古诗诵读之《约客》课件(共26张PPT).pptx
- 24《寓言四则》优质课教学课件(共15张PPT).ppt
- 七年级下册(2024)第六单元课外古诗诵读之《竹里馆》课件(共26张PPT).pptx
- LIMS供应商概览与技术标书.pdf
- 线缆厂薪酬核算管理规章.doc
- 《课外古诗词诵读——逢入京使 》课件(共22张PPT)2025—2026学年统编版语文七年级下册.pptx
- 《课外古诗词诵读——贾生》课件(共22张PPT)2025—2026学年统编版语文七年级下册.pptx
- 7 谁是最可爱的人 课件 (共20张PPT) 2025-2026学年统编版语文七年级下册.pptx
- 电池厂叠片机配件管理规范规章.doc
最近下载
- 部编版小学三年级下册语文教学工作总结.docx VIP
- 2024-2025学年贵州省遵义市新蒲新区人教版六年级上学期期末教学质量检测数学试卷(无答案).docx
- 一年级看图写话练习大全.docx VIP
- 钢筋混凝土化粪池22S702.pdf VIP
- 《汉唐中医方剂讲解(打印版)》中医书籍.doc VIP
- TCAPC010-2023 药品网络经营质量管理规范.pdf
- BS EN 1610-2015 下水道和下水道的建造和测试.pdf VIP
- 《康师傅品牌定位》课件.ppt VIP
- ian康师傅品牌介绍重点.ppt VIP
- 山东省烟台市莱山区2024-2025学年上学期九年级期末数学试卷(五四学制)(含解析).pdf VIP
原创力文档


文档评论(0)