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

楼主 |
发表于 2018-6-5 20:10:48
|
显示全部楼层
: ^# J, e0 P* e7 _6 m
====Front Template====
2 t# A3 \1 o* y5 w<div id="front">
; T* B8 E; ?2 E7 E& I
( \) w4 k& j% P" }$ Z8 P <div class="headbar">{{Deck}}</div>
) K& S- i/ h0 y: ?1 g5 P <div id="word">
/ D( m1 r3 }- W! \ {{单词}}
+ t) x5 x4 z5 b" P+ k# y% p <span id="rank"> {{ranking}} </span><span id='example_audios'></span>8 K, d- a, Z6 h8 T2 R4 f4 N
</div>( j( W) n( o: e) C# }
<div class="yongfa">; E ~: A- W O& M9 r) n6 K
{{用法}}
" Y. f' @! A- A& y </div>. Q9 A' `0 B) {+ O0 [3 B! u
, H3 ~; D+ J* A6 Y! I: q
<div id="back">
; w! K0 V# q9 a) }& O <div class="headbar">有道词典 基本释义</div>+ ^6 }* T G* o. y t
<div class="shiyi_youdao">
( ]( A! _8 o+ F7 ^) y {{shiyi_youdao}}! f6 p! N! k0 @- T9 H4 x1 X3 E
</div>2 Y& ?' K) v% z. K8 G* }
6 A; X" o# K5 T <div class="headbar">LDOCE6</div>& g" U( a, V& M6 o
<div id="ldoce6">' B$ j; s7 `; p9 k. B
{{LDOCE6}}0 g' X5 ?* X* i* g. K4 Y
</div>- o. G: ?+ Q4 m c8 h
* n) G' K8 h. O, v; R& z <script type="text/javascript"># w4 |' T+ u2 ~2 N; x3 ?/ t* D
// format yonfa9 i0 o- L8 C5 X" g# m" f! D
[].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
+ F% B5 K1 V' u/ _4 N) Y3 ~( V div.innerHTML = div.innerHTML3 P v- |% |7 V5 k( z4 [. k( N. [* S
.replace(/[1-9]+\)/g, function (symbol) {
2 E0 o6 } c% a' W6 C return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';, s9 s' T+ M( @( M7 H. c# ^2 ]
});. c9 y# P6 P9 B1 D
});
$ y* n4 ^ n; U$ k6 _
/ F: Q; ~- v& P2 f, a // play the Ammerican pronouciation6 T/ K" K2 o3 K% w8 U8 v
var amevoice = document.getElementsByClassName("amevoice");
' \3 z$ T, y; n var anki_modified_code = amevoice[0].innerHTML;$ w1 d; E" p! c4 G) M2 M
//var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
8 ^8 P! Q9 C: r/ H var filename = anki_modified_code.split('ankiplay')[1].split('\");')[0];# ?) Z' A7 p8 r' \* H# x
var audio = new Audio(filename);, E0 \5 V) M! d) f# B9 m
audio.play();
# j( o4 O7 ^9 E& m' _' @+ g' X) h
// add audios of the examples
: C' w" W3 g3 _0 O1 I var examples = document.getElementsByClassName("example");7 T8 T4 B$ N$ M0 `( ~& Z" L- L" d
var example_audios = "";
% G3 }1 Y3 }! b" k4 h( D for (var i = 0; i < examples.length; i++) {
2 `. d5 q2 C% I& J( o- u6 u3 w var e = examples.innerHTML;7 w" _) I: ?6 C6 w8 `. Y, [6 ?3 E1 ?
var index = i + 1;
+ `2 A- Y$ g1 c, I, C& q# l' p if (e.search('mp3]') == -1) {% d: i; s/ Q G. n e
continue;
3 e* S- T" T4 K+ a a }
; D# F: `8 D G/ a! X example_audios += index + e.split('<img')[0];
' d/ v! ~5 _# S//if (i>10) alerta(e.split('<img')[0]);2 O& Q* u4 D' \9 U# m( J3 w4 D# g
}: j3 Z( L" x3 y' M7 y. p: u
var rank = document.getElementById("rank");' z0 H: M$ N, M- ]
rank.innerHTML += example_audios;
/ H. L+ B( M {7 Q. |" W+ |" K2 e! b7 X {8 S! T: |
</script>2 \, O; M9 Q: B; G) F: b% c4 ^- E
====1 _) W6 d/ P! b
1 ?2 a0 w2 e( o
====Styling====
; Y4 q- [4 _) O5 @+ L/*页眉页脚全局样式*/! f' q2 `2 \5 b" L E
.headbar {5 J( o5 S9 Z5 G8 Y
color: #aaaaaa; /*字体颜色-白色*/
L' r+ d8 {4 _) m R4 q padding: 2px; /*四周留白-5px*/5 k9 W* H5 @" U
text-align: center;
7 n) [1 R( d! X* C" g+ W: Z/ e/ U1 r# I font-size: 10px; /*字体大小-12px*/. l1 y+ @0 _5 H0 s# Y+ ]
background: #365899;. U7 s* r' {3 B
}5 N; e6 ^ ]+ D8 _9 l
0 F2 g/ T8 \3 {9 z, B% o. p
body { @+ T% E+ T6 h9 y2 q' X7 p
background: #c7edcc;. k8 [* j! R+ D9 N: d. m- N7 o
}
6 u# I9 F" s& P! u
# H' _& I7 T# d: o9 J#word {
; `2 ], N& V+ l$ t% h5 O, c font-size: 36px;
( M6 q5 T1 G, L, ~6 {* \ font-weight: bold;
7 n. b: b0 W1 |# f% h. C. Y; \ padding: 5px 20px;: g, o- U- |1 O9 O% B
}
# w/ J( |* m( e# T3 k! p! o2 f0 E- \7 h4 |8 X
#rank, #example_audios {
) E# B5 Q9 y' q3 i9 s/ w: p font-size : 12px;7 f) R! x" w# U4 K2 {: { U
} o- P2 N6 Y# u( N: t6 k7 ]0 R3 b0 T
+ n0 b5 H: i7 S. k4 K+ I. H
.yongfa {
& y. b3 Q/ d. Z$ o- y q, n' f font-style: italic;
' X8 \6 J& O" z; a b% ]# K display: block;
, Q! z8 @* r( y- R- H! C color: blue;: o! A+ G, d9 h2 V' \
padding: 5px 20px;, f9 w. p& Y( L& W; p q
font-size: 14px;
3 R4 S4 [# G. j line-height: 1.2;
0 T( H1 t& n* `, g( z4 B}
8 {7 O! z4 s) @+ W
2 f6 o0 Y% ] ]8 C. l, C.shiyi_youdao {# [' E" d6 m) t2 r4 f7 d% M
font-style: normal;
4 [, H6 K# Q* w# ~0 N1 b font-size: 18px;
( w0 S" h1 K& d0 \+ v, g8 k line-height: 1.2;
- Z' o( E/ d& p @* p$ o3 v padding: 5px 20px;3 ]/ N1 t: F9 k- W z
}
" ]4 d" i4 `4 N+ p& @, z7 x4 I" B
: A5 O3 p$ m1 _% Z2 E- \.hightlight {
2 ^# P# @) y8 q7 c1 t font-style: italic;; M8 q4 L" G, ]5 J, j- K+ ^4 ]0 }
font-weight: bold;1 ]4 B0 x3 I! L3 p6 x
}; u, O- n5 q, p7 b6 ^" j
9 M4 l" d3 `; M- R9 {/ N, [/** X | ?3 j% V5 n" G
._LDOCE6 {
0 Q) M% P+ [( M% W height: 480px;
- Y8 u: x* j6 Q [; L- y/ f overflow-y: auto;8 X4 n. v/ w! }9 ]" E
font-size: 14px;
$ r+ j6 B( _; S4 u9 o6 i+ J padding: 0px 10px;* r# [0 \+ \5 t+ {3 }, c2 T- ~6 x7 X
}- r! D$ |. U6 L$ E( u# i, y
*/
0 B5 V \; g4 K+ O# M$ p4 g
3 Y& j) _9 L' s# y9 H; ?9 l" x& q#ldoce6 {& N1 P. ~2 K0 T& M. K
overflow-y: auto;
9 J% H7 I5 R7 D( L! g2 F font-size: 14px;7 d) S$ |: j4 z7 P0 v0 z8 W
padding-left: 10px;
7 J# }, K+ [- _' x: ~}
9 N6 K0 e5 j( O7 U( O; w3 \! v, I3 Q7 x9 T4 y) k. S
% ]- k& S" z8 d/ J1 s& t# e#back {1 A7 \( s: P1 R6 h4 `3 u
display: none;
F" ?& o8 t: N, w+ j4 ?' U5 Y}! m' u7 |8 J1 g4 {8 A C- J
5 M. }2 f# a- W" p5 f
/*
" M) O b6 _; K/ t& s.cixing {& s" A" s" l; E" ?2 \$ v
display:inline-block;
. y' Y" q" K& V7 q' s) o text-align:right;
9 K* m& I( f, X width:40px;& _* | c. }# k3 r j; t
}
, `' {% t5 i3 W*/
& h, q# P6 e/ g. p$ J7 | n====: U2 x& U. G1 p& c, k; ^
* l. w6 k9 ^( T3 Y3 P====Back Template====+ n: t0 z% W' o. H' f3 `' y- S, {0 h
<!-- 背面区块 -->5 J6 C+ w& J' ^, c3 O
{{FrontSide}}
7 {5 \1 s2 M' f( v. A% n<!-- 页眉区块 -->6 n K4 B; ]; o4 b2 N$ p" z/ P8 w
<script type="text/javascript"> Y, [! F7 c4 G9 \" ~
% m# H/ I8 a% P+ t6 V& }5 Q // format shiyi_youdao
& Q8 W' w4 F W var colorMap = {9 |* I& h& F0 `
'n.': '#e3412f',
+ I& I8 F* F/ y. p0 c 'a.': '#f8b002',
3 u' E9 Y' J. L* u, {' i- b 'adj.': '#f8b002',
% Z! ^; I$ }$ Y* g. x' x9 x 'ad.': '#684b9d',
0 u" G* L1 j$ ?2 Y. o) t 'adv.': '#684b9d',
# C( c8 C3 n% a4 J+ c 'v.': '#539007',5 p2 g- R2 y- e0 C, l9 o. O* w
'vi.': '#539007',
: f$ E! r9 k' Q1 Q 'vt.': '#539007',
- m. w/ i- k( c" U+ d I 'prep.': '#04B7C9',
5 J# [$ x% Z+ Q 'conj.': '#04B7C9',
4 ~: l, \5 n- E 'pron.': '#04B7C9',
# x* R9 p& `2 T q% A+ W 'art.': '#04B7C9',
, }2 ]: p a* K$ L 'num.': '#04B7C9',
$ d0 d o2 ]0 j2 w* [ 'int.': '#04B7C9',5 b4 g4 U% \( U/ k
'interj.': '#04B7C9',/ z3 c& D) {, G+ @- z' g
'modal.': '#04B7C9',3 Z6 W. N. ]8 N2 e
'aux.': '#04B7C9',' l* h0 q, C8 p( j2 J/ k( ~
'pl.': '#D111D3',
* n3 a. X. T- G W3 g | 'abbr.': '#D111D3',! |# p. e, C- G/ z+ ?+ b& T
};
$ u4 F; Q! @' v2 v+ s [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
7 y3 z, E8 w5 _9 t+ R div.innerHTML = div.innerHTML
6 T* Y! ~- M# t K: B/ c .replace(/\b[a-z]+\./g, function (symbol) {7 x6 \- a# h1 ]5 w
if (colorMap[symbol]) {. z! V9 T% y! R( S- w+ T
return '<span class="cixing"><a class="hightlight" style="color:'
5 h" c% d* p# w + colorMap[symbol] + ';" >' + symbol + '</a></span>';
' ~5 t. S( d" [, `' w( u9 F } else {
# E J5 p4 I5 b w& V5 l4 z' M return symbol;
5 |( O+ Z1 [) E" F }0 J! u1 K, f- g/ n0 @2 |& W8 C
});
9 y. j! n: o& u' p });
' E+ _# }7 O3 N+ N, P( r0 h% P4 Q- Y, m, u5 |% X) E- {6 M
var back_div = document.getElementById("back");
) x; f6 r# j% _" F5 y$ ^ back_div.style.display = "block";! P ~" i4 o& N* g y* f' n
+ H N! g" h1 A0 Q. R5 x/ P
window.addEventListener("resize", update_ldoce6_height, false);
8 T' x, l1 U/ O8 W/ F% b/ F" J update_ldoce6_height();# x- R4 s) c# }' @: P4 k* [
( Y& Q3 ?0 M2 j8 r- z3 c
function update_ldoce6_height() { [' U1 x4 N6 W5 I2 b
var ldoce6_div = document.getElementById("ldoce6");! f4 N$ c4 d; d0 E6 D
var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;" h5 C4 D6 a4 r- z$ ?" a1 u5 K
var preferred_height = window_height - ldoce6_div.offsetTop - 20;) S d' D6 `' ~3 ]# W5 c3 W: C
ldoce6_div.style.height = preferred_height + "px";* B$ e! x n# `8 Q7 J3 Z
}7 n5 w) b0 q& j/ D% m; ?1 _
, J7 T1 e% ~/ t2 E- } // test to show the file name
2 y8 `" T# l- V3 N$ t //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
2 [0 M4 ~' u# h2 s% r( d& V4 I* k& v* G: W1 _6 C1 J
</script>; B, Q+ v7 i; W0 j
<script src="_entry.js"></script>
* ~) r5 v6 {+ V6 l2 H==== |
|