|
要求:在本文档中的题目下作答,在所写的代码下面粘贴运行后的网页截图,提交本word文档即可。
$ K, t0 z; a/ {; ^+ i X上次你做了个随机变换颜色的网页,说了几句讨好女朋友的话,但是女朋友觉得太敷衍,并且网页效果做的跟灯箱小广告似的,女神给你最后一次机会,能不能挽留就看这最后一次的机会了,年轻人加油吧!!!& t0 D5 ?2 N {! ~3 @& K! ]; @: n D
6 x+ O$ B1 J6 m/ S
<!DOCTYPE html>
9 \- j/ {* k7 C: T+ u( S<html>- G5 _* v; @8 z: _
<head>0 j( c7 q# ^6 ]9 w& h( R/ V
<meta charset="utf-8">
; g+ G1 y% x" P1 O <title></title>: l: j$ [( S- f; o' }
<style type="text/css">
, `0 R6 d8 F: s div{& Z+ B. N3 y2 D3 ~
display: none;
5 Q6 Z; ~. {; S* g8 z. w }! B3 k! _7 h% S! n; Y9 j. e
</style>" T$ W" p# z( Y/ d% R% [
</head>
3 y3 n* R! J5 l# p5 s2 @ <body>) Y& b; n; z" `
<div class="box1">8 f ?" ~' r) {/ y5 D4 q' |! w+ x4 m
1. 你走之后,没人再嫌弃我瘦,也没人再关心我的感受,你走之后,我的生活只剩下将就。
0 T* D. U/ ?% O9 t0 O </div>
5 u0 x6 i. k W+ E <div class="box2">
' W6 M1 F. C. I7 T9 o 2. 好不容易才让你愿意住进我的心里,为何我却不懂事的总是惹你生气,恨自己不懂得爱护你,后悔分手的时候没能拉住你。4 n" G2 @: s5 J8 _8 B/ i
</div>
: w2 R: v& h' ]: O. b8 c e <div class="box3">
, t8 c1 {6 d" e5 O4 {( Q6 N 3. 再给我一次机会,我不再会怕苦怕累,我明白自己并不完美,但以后的日子,我会爱你爱的更加纯粹。6 O% `1 t- @/ [, u# G
</div>7 Y5 o D6 N# Q2 Q D
</body>: \; V& L: D L P2 A( C
</html>
" x! c, E- w! C7 N: x: n" [' M. x) \1 @" t- E5 y
1 W. r% R/ B R" k0 E( V+ _' H+ H# q
9 L( N6 G4 s. f! ~9 p" A# v& M任务描述:. d0 Y- L$ N5 V. }
你需要利用jquery技术获取到代码中的3个div标签,你需要给每个div标签显示的时候添加动画效果(随便选择你喜欢的效果),给每行文字添加点击事件,点击的时候本行文字有消失动画(随便选择你喜欢的效果)。
* ?3 ^) p" y& B$ @5 A7 e/ T9 A* r |
|