TA的每日心情 | 衰 2018-4-23 09:34 |
|---|
签到天数: 4 天 [LV.2]偶尔看看I
|

楼主 |
发表于 2018-6-5 07:51:00
|
显示全部楼层
3 V4 Q8 H/ T- W3 p/ `Front Template:4 V1 q2 P! N+ j- C1 y
- <div id="front">) L7 j& T/ [! `1 Y$ c
- \% F% M O& v- <div class="headbar">{{Deck}}</div># x3 `- _, r. O, |
- <div id="word">5 _6 K' T" S/ c2 x
- {{单词}}5 @: X1 r! R3 _& \# j# Q& d
- <span id="rank"> {{ranking}} </span><span id='example_audios'></span>
6 p3 V8 `( z* m - </div>
/ m. n2 [# W* P1 G - <div class="yongfa">! c) `4 n3 ^1 z& R& G
- {{用法}}! S, q6 b G9 ~4 A
- </div>
! t) H" a, V1 H4 T* J! q - 0 n* k* k# E8 m1 v! P3 T) S0 q" J
- <div id="back">
: u% d2 \, s s$ @+ d - <div class="headbar">有道词典 基本释义</div>
, j! Q* n0 J; l# P. a - <div class="shiyi_youdao">
. c! s$ m/ F4 E: C3 j. o - {{shiyi_youdao}}; }% `5 E3 D+ s) ]
- </div>
, d8 t% H' y) Q6 M3 u( c
" K9 y9 s' [: T; @% N9 E: N$ V; @- <div class="headbar">LDOCE6</div>
5 Y( \# B" t4 M( D" D/ B" n - <div id="ldoce6">: d8 t" I9 n3 i# Z4 j0 [
- {{LDOCE6}}& o9 S8 \! q, u% p
- </div>( U$ W0 ?7 ~# [
4 T& Q- |( B! _+ O, y- <script type="text/javascript">& v. Q. \5 d A) s% y
- // format yonfa
! ^* C- E8 e j+ X7 u4 A - [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
& F3 F- t4 [* M1 _1 i. a - div.innerHTML = div.innerHTML
0 ~& z1 x4 i, E) j) y* } - .replace(/[1-9]+\)/g, function (symbol) {' I8 N8 i0 L9 I$ g0 Z. q
- return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
1 F" h. P- ?# P - });
2 D# s. C3 ~8 }6 r6 I, D - });
) ^5 f* J; v. {5 m
: B% b' G" {: |- // play the Ammerican pronouciation/ I0 ^1 w# ^8 `4 F/ V; J! q' Z
- var amevoice = document.getElementsByClassName("amevoice");+ o. W6 k( H6 J0 O, B, O' I% ~
- var anki_modified_code = amevoice[0].innerHTML;
9 b/ T, N( }4 U2 y& F - //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
4 T' M& m. X$ Z* O# z& G - var filename = anki_modified_code.split('ankiplay')[1].split('");')[0];
% j( C6 N$ G2 q1 w! Q9 @1 m) O - var audio = new Audio(filename);5 E Y6 C) k a& \: o! H6 \& m5 T7 f
- audio.play();
# h) S: u# j7 T6 k% x+ z9 V - % ]& T) X; t4 A5 ~
- // add audios of the examples, w/ D/ [! Q5 f) b: {! ^0 w* V( J
- var examples = document.getElementsByClassName("example");6 q f p8 D/ V' }7 {$ u* Y
- var example_audios = "";/ H; {9 Z1 ^; n- W
- for (var i = 0; i < examples.length; i++) {
( L$ G7 ~* j1 t+ S. Q - var e = examples[i].innerHTML;- s9 h d$ n1 d, j4 J
- var index = i + 1;
" j+ S% T Y! n" o, I - if (e.search('mp3]') == -1) {
! D0 Y. R1 X; M( B. x - continue;
0 A& H* c! U4 O3 s1 j2 p - }, X) [: Q9 u L$ R( W8 Y* y
- example_audios += index + e.split('<img')[0];% m& Z, T* T3 n0 x! f
- //if (i>10) alerta(e.split('<img')[0]);% o( ]" y( Y7 [0 x2 n: q$ Y
- }
2 g! n- I4 i( u6 m: t - var rank = document.getElementById("rank");; a* V# e3 b8 W2 U2 S5 a' d
- rank.innerHTML += example_audios;' O O% @9 B6 _9 z% n
- & ~! f8 a" w7 g/ L9 y5 ^ j, E
- </script>
复制代码
- |$ S: x% h, |+ d, A7 G$ j2 d% x7 p0 R6 b; l
Styling:
2 z0 R, k$ }! J- /*页眉页脚全局样式*/1 P; S/ U& D% J$ E# Y* c1 ^
- .headbar {# i E0 t; f: k! Y% n
- color: #aaaaaa; /*字体颜色-白色*/
/ W2 |( X& t) Q: }% k3 H* z2 ~! s - padding: 2px; /*四周留白-5px*/% @# {7 z# d3 X* P; j* s$ p
- text-align: center;. G6 x: o/ q: T. O% ?. d
- font-size: 10px; /*字体大小-12px*/. Y. N5 P; v: S
- background: #365899;
4 a3 t+ j: p% [0 s" K - }" D: s/ v* h3 U4 C% x/ g( i% A) h
- / a& j6 z$ L3 f0 A0 V4 S7 B. u" Z
- body {7 X1 D* E5 ~/ K/ v
- background: #c7edcc;
; j2 T. H* y [- Q! ~ - }! _) ^/ `" m! R6 `5 X4 V1 u
( J7 A; y6 O$ o- #word {
# N. Y/ t+ ?1 W+ u/ v - font-size: 36px;1 ]; J' D7 z/ s3 O/ I
- font-weight: bold;( C6 d0 m2 O$ Q1 m I0 V
- padding: 5px 20px;, `. t) r5 |, B4 w, O3 ^
- }
7 H& [$ [' b8 S - / h) B, ~( r( D1 t5 }1 t. D. Y
- #rank, #example_audios {! j/ E4 Y6 ~& t
- font-size : 12px;0 P9 _, n8 z R4 r4 h
- }
7 j) {4 N! @6 \& |% r
# U8 x1 t" ]9 C, J* q. U% Q: M- .yongfa {! Z" L- A# ]: {2 d4 E- e7 f( F
- font-style: italic;+ N/ ]! x* A4 r
- display: block;( @! m# P& A- m- Q3 k
- color: blue;
! O$ A" O G- e9 W( u% P - padding: 5px 20px;
) ?* p: L; k4 s+ r' u- |4 f - font-size: 14px;. z) E9 j" O) q. I5 W G7 W
- line-height: 1.2;
1 O; A5 D( X e; Z - }" @& c0 X- u" a5 s E' S5 C
- - ?$ ~ k2 \% N
- .shiyi_youdao {4 H+ O2 t- o0 N1 |5 N1 R. a
- font-style: normal;9 p4 \6 Z1 `3 x Y- T4 [
- font-size: 18px;) j4 k- H8 o6 m5 ?" f" S4 s# ~+ l
- line-height: 1.2;
7 Z. ?: C6 [& v4 ]# [4 {4 M - padding: 5px 20px;5 m" N+ _$ }" ~' q7 |: s3 S# s i) M
- }
0 t( x# U+ U) [- n5 T% A3 j - ]/ w2 o Z7 \ x
- .hightlight {
3 P/ D g( Y- ~ - font-style: italic;
3 [+ \& [9 m" R7 H; B - font-weight: bold;
. |' `' W5 }: A - }! S. o+ L% u ~; C' T
- {7 h; Y* Q: r# _: d
- /*
+ d2 F6 z8 L1 I% t j - ._LDOCE6 {
7 D0 W2 j& x. e, E) n - height: 480px;
8 c; M4 H3 [/ A+ n2 ?' k$ W) L - overflow-y: auto;% [8 k8 C' c. f
- font-size: 14px;
: r& Y- G- ]' o5 W* n+ K - padding: 0px 10px;- S0 E r$ P) t2 T' [% ~' x
- }- K ^9 T, T/ o$ X; K( U. d
- */! b) w2 k9 |, m2 z) q! ~. b- `
+ e4 y. X9 l0 V7 V1 B. R' j( W/ G- #ldoce6 {
/ k- f, S. ~3 \+ q' z: F - overflow-y: auto;
% D" N+ B( V8 R' j$ F - font-size: 14px;2 U7 ^% _& m: D* Q
- padding-left: 10px;
# V" M, B1 s# O - }
5 T5 {7 i9 B% {- X# g- _, G
* _3 T5 t5 m' e, L. j
6 w3 d8 A, Q- `. z* w! [8 e: I- #back {$ u2 X( I4 G* S' M3 R* G/ L7 E3 X& |
- display: none;
5 |; v5 ?( F* p7 P A- s: u - }
& ~: j4 A" H# f7 l, t - 7 m3 b0 B2 ^& z
- /*9 d1 y O# j% G4 @" g8 x
- .cixing {
9 Q) y6 ^' u& {8 p1 l3 o - display:inline-block;, u: A6 d. W) v+ z* C
- text-align:right;/ \6 M+ d/ ^! v6 G4 I$ }; {
- width:40px;5 h: i* u8 ~5 z0 S$ J2 ~8 ` J
- }- s" W P8 c* O3 B% P. {6 Q
- */
复制代码 0 Z% m4 H. h& r0 j8 j+ Q
0 N! v0 C5 j* N. ?9 A+ X0 O, cBack Template:
0 _9 H# Z3 A9 ?. t* H0 q, f9 T7 }- <!-- 背面区块 -->
, d9 }2 k2 i. B4 c5 C6 J - {{FrontSide}}% S0 [7 u6 b% W+ [8 o, O- z
- <!-- 页眉区块 -->3 I7 B+ u$ {9 D3 J3 b% a2 u
- <script type="text/javascript">: D0 w8 r V' K: ^
1 T+ J4 S" G, v! l0 c, M- // format shiyi_youdao
, U+ `/ R% H, D4 n) q; y- s - var colorMap = {8 C! a8 _, s" m: a' K! e( m# B
- 'n.': '#e3412f',
$ y( S/ B- M* \" C& L3 U8 J; Q - 'a.': '#f8b002',
2 R+ H. J' w- _, E. Q, c: T - 'adj.': '#f8b002',8 p. z; i& l4 u0 d
- 'ad.': '#684b9d',5 l0 d1 V) T8 A8 M- Y; J& w- ? K
- 'adv.': '#684b9d', ?' Y5 w: \% I) B
- 'v.': '#539007',. m A: P1 r0 }+ S" u! [! ?
- 'vi.': '#539007',2 E+ z% L& a# p( g+ S$ R% @
- 'vt.': '#539007',# h" f6 r* m# Y7 N5 \! R' @
- 'prep.': '#04B7C9',. Y! s7 Q* ~' W
- 'conj.': '#04B7C9',
/ g- ]$ E. n% V9 I - 'pron.': '#04B7C9',6 i( P( I0 I" j, X/ N6 u9 f
- 'art.': '#04B7C9',6 z! [+ T6 l& P9 U& F5 R
- 'num.': '#04B7C9',
$ C& r5 U6 Q7 H0 X2 t0 |" z - 'int.': '#04B7C9',
, h# e( I5 J w: P7 k# ^ - 'interj.': '#04B7C9',
% A, }- Y6 u. g7 R6 k, i$ I - 'modal.': '#04B7C9',0 Z5 L. [! u6 r, q8 M
- 'aux.': '#04B7C9',+ B' {8 r# [! b( O' \9 g
- 'pl.': '#D111D3',; V7 |' Z( |6 U
- 'abbr.': '#D111D3',
7 Q4 B3 s2 a" K" d - };
0 w: p' l# ~+ ^& m - [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {4 B# Z( l; v& o# z
- div.innerHTML = div.innerHTML- _% N2 D: K1 e. a. q) n" t1 P
- .replace(/\b[a-z]+\./g, function (symbol) {
5 J; n* L8 f) D2 J1 x - if (colorMap[symbol]) {$ d. ~1 W7 \; |7 L
- return '<span class="cixing"><a class="hightlight" style="color:'
% t4 z& B( y/ {$ n. a - + colorMap[symbol] + ';" >' + symbol + '</a></span>';3 H% d, j9 t, l2 D+ Y3 t9 d) n
- } else { o# F. k, y/ t; J, Y# p; k6 G! W! @
- return symbol;
" }, M2 N; [6 w/ P - }: h( n2 \+ b$ j
- });
0 G6 T9 p; i: n5 S1 _ - });
( w; S8 v5 G5 o) Z
) ~- R$ T+ V" S2 b* x: @) n% W: ]- var back_div = document.getElementById("back");0 M ]7 s+ `) O+ Z. \
- back_div.style.display = "block";
! t& b% e; o4 D8 a/ z% ? - 7 X1 o! }5 r; @: C0 B8 O1 m- e$ v
- window.addEventListener("resize", update_ldoce6_height, false);' X& c! D7 ?5 e
- update_ldoce6_height();
/ O1 j2 x; j0 r
" y" r7 F9 r+ L+ S% p2 j3 T- function update_ldoce6_height() {# `) G) I8 c% `7 H* m
- var ldoce6_div = document.getElementById("ldoce6");* j3 v5 s8 x: M7 K' {
- var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
) Y7 ` F5 t2 r4 J* f: i - var preferred_height = window_height - ldoce6_div.offsetTop - 20;
# K' e- J/ U& Q" k - ldoce6_div.style.height = preferred_height + "px";
p f; x/ A& i' e - }( T9 L( K3 ~1 y
F% h5 e, G* C6 B- // test to show the file name
% D7 g! R- j) S) O - //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;1 h" l; E) q+ y2 a% ~7 x; c
" ]9 X i1 I5 U1 j; q- </script>% j& U. X7 i6 H) V4 Q* ^3 @/ t. a
- <script src="_entry.js"></script>
复制代码 |
|