TA的每日心情 | 衰 2020-8-15 10:40 |
---|
签到天数: 146 天 [LV.7]常住居民III
|
发表于 2019-4-10 05:26:07
|
显示全部楼层
本帖最后由 zzzz_sleep 于 2019-4-10 05:28 编辑
5 B7 ? @4 O8 W/ H) o0 f" N* { \* P' H0 O5 x
wordfinder 和 word origin 应当时可以动态展开的
7 a0 i& y+ u% `8 @0 d( N* u试试这段 css , 都是官网抄的, @3 y/ s) }7 G. e/ K
- .res-g>.unbox{background-color:rgba(199,110,6,0.1);display:block;margin:12px 0 18px 0;position:relative;overflow:hidden;border-left:3px solid #C76E06}.res-g>.unbox>.heading{background-color:rgba(199,110,6,0.2);display:block;padding:6px 12px 6px 12px;font-size:15.5px;position:relative;overflow:hidden}.res-g>.unbox>.body{display:block;padding:12px 18px 12px 18px;position:relative;overflow:hidden}
复制代码 # [6 w! t7 [3 t7 C5 r$ {% @) d
7 ~- f% j' Q" C( B, }# J: v+ G% D6 n
! t& J9 t! Z# F8 I7 M* i2 b1 K这是我改写的 js
7 j8 `! P# z2 C+ q4 N) y6 R v8 h! ~3 q* c8 O# O/ m
- function makeActiveFunction()/ B- x; c- J8 A3 E) s( C. Q8 w
- {- B V2 b: l4 o* c3 l
- return function (e) {
6 {1 A3 [' k" W- S - this.classList.toggle("is-active");! p0 _! ^) v2 f2 k* z- _
- e.preventDefault();
5 j I5 B, t. ~: I( w* Y - }
. Q* ?& P! z& V7 V& r6 G- t3 i - }4 y& K5 K! Y! p9 s! W9 u
- var all = document.getElementsByClassName("unbox");5 c6 W( H" q/ J
- for (i in all) {% ^ o2 Q- d8 K6 r; E
- var item = all[i];5 _9 r: y: U5 u$ r2 C
- var func = makeActiveFunction();: R* {, }: k! g: g8 v3 C
- item.onclick=func;
& ?# ]5 Y5 c0 f; R; b0 N( q - }
复制代码
6 E3 |% ]7 f; p' R8 j# s3 v ~ |
|