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

楼主 |
发表于 2018-6-5 20:10:48
|
显示全部楼层
+ O) F# L: \6 t% C% n====Front Template====
. }" s" O. L2 D h- f) W<div id="front">
/ e) r' j t5 F9 K: Y4 y0 U6 _% @$ Q' @( _% T
<div class="headbar">{{Deck}}</div>8 X2 o5 I% j) h) ?3 q
<div id="word">3 F3 m# W. }& n$ P
{{单词}}
, n3 N6 {3 I) B6 ]9 |! y4 F. r <span id="rank"> {{ranking}} </span><span id='example_audios'></span>, [/ F# d0 t" B+ t
</div>
$ _. o5 y6 H. t5 v5 V5 L$ l2 f. k) g <div class="yongfa">
0 r# O% s" n Q% s {{用法}}
: O& j" L9 \6 l8 `, F </div>
7 o; _, M' y9 D6 j8 E: M- H/ z# P, m$ S v) W" p* K
<div id="back">
3 m5 z( D5 I* l <div class="headbar">有道词典 基本释义</div>
0 w" _5 [9 r0 }! s <div class="shiyi_youdao">2 H6 v) [' C) W0 }2 r
{{shiyi_youdao}}# B' g. t L7 h, K( g" `& h1 [
</div>
- V+ w! O L& s4 X s; n3 S% G- z! W' { q& F
<div class="headbar">LDOCE6</div>: |7 a6 i7 U r: S. C
<div id="ldoce6">
& Y: A! z7 V2 c4 z1 B1 b {{LDOCE6}}; Z- f& A, b8 R, V5 O6 K
</div>- P9 ^. X" X2 P* _ ~
, w/ O' H& t; t) s/ B
<script type="text/javascript">
- d' k4 v8 y g7 C! W0 c // format yonfa
0 G0 y6 Y6 v& Y8 H [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {5 \- [2 o4 Y% x1 q1 U2 |
div.innerHTML = div.innerHTML) Z9 k' n1 t9 o
.replace(/[1-9]+\)/g, function (symbol) {( ]) o$ \0 M& }( j- i
return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
/ p4 i& ~2 [ n( ~ });
: H9 m7 t7 h3 o; y ?1 J. R });7 d; k9 A9 W) c: F$ y% A
( z# @2 t. j. e6 C3 T/ t1 | // play the Ammerican pronouciation
- u, @5 p/ q- g* S$ D: H! Y8 [ var amevoice = document.getElementsByClassName("amevoice");
7 d) R! a _5 m var anki_modified_code = amevoice[0].innerHTML;, b+ V* S' u1 Y0 f' B% ^
//var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
0 {6 F( t J6 u: x B& ] var filename = anki_modified_code.split('ankiplay')[1].split('\");')[0];/ r6 i6 b% n0 c2 @2 a/ m( U J
var audio = new Audio(filename);7 u9 H* H- |+ F
audio.play();+ D q' [: c6 c( {
. T2 d: F5 |8 X
// add audios of the examples
3 C& X" N! @. f; u2 w var examples = document.getElementsByClassName("example");
1 ]1 G+ i: _0 V7 i+ i6 x8 f7 i var example_audios = ""; N' Z5 z+ J' y6 f& H% I: h
for (var i = 0; i < examples.length; i++) {
5 `& Z$ |" F5 A& `/ W( @/ c1 P; _ var e = examples.innerHTML;! C$ a0 {, X0 t
var index = i + 1;
, r. R5 v4 W" u& g( v; h& M if (e.search('mp3]') == -1) {
: [9 y& h4 g( z' W8 [4 b continue;# I6 V; U. H$ a h" ~
}
; G$ }0 ` T2 _( s1 S% Z q2 \/ i+ h example_audios += index + e.split('<img')[0];: U, o$ S! `- P2 C1 `$ g
//if (i>10) alerta(e.split('<img')[0]);
5 M* @/ L) p) V }
5 F3 I8 t+ j, w var rank = document.getElementById("rank");
: W; w. E1 c: t. ? F rank.innerHTML += example_audios;4 ^/ U5 u% J4 l' b( R
8 H1 ~4 x* _" H0 u l) Q" g+ C </script>' \- Y" M" y: q8 V E2 e2 ?
====0 }# v4 t3 w' ?
9 ~' G2 h! B, E/ Y7 m9 p$ J====Styling====( c. u' X8 r% {& T- j2 X
/*页眉页脚全局样式*/
( \" d! n. l& i8 P0 o) Q, M.headbar {
7 r* p7 v4 |3 k: x color: #aaaaaa; /*字体颜色-白色*/
) s ?1 B, l7 T5 u ]2 u. U/ y, { padding: 2px; /*四周留白-5px*/7 b6 m1 W- ^ o; c. H
text-align: center;1 P. u0 F: c! {( W( }
font-size: 10px; /*字体大小-12px*/
7 j! \7 @/ t A7 I* ~ background: #365899;9 ^( _6 x% ~+ J5 E* U" ?
}
5 ~1 Z* n; O% h1 b! h: y+ M
' G5 [" k0 h7 D- |1 F( U: Xbody {( [8 h& y( A% M+ \5 y) U2 A% }' e- y
background: #c7edcc;- o( j6 o0 D- e
}9 k# B$ z; I2 m8 k2 P, K
9 v" l$ g5 U- u4 _ ^#word {
3 n# k W/ t3 o1 I font-size: 36px;
/ r3 A% l+ |$ p0 c( W; G font-weight: bold;
/ c) b0 h# e% t8 L, X: f& ` padding: 5px 20px;/ ^; H: ?, f) n: x
}; H9 Y# l- f# C# ~* M/ m7 i8 @
; O' s0 R1 N0 ~: @; D- F. ^#rank, #example_audios {/ \* d! U8 J/ J- r! S+ C
font-size : 12px;
; t3 m7 Y* n: P. c) {8 |0 f}9 B0 F! I% b( K2 i) b' P! T
+ x) w5 F, m @& T7 ?
.yongfa {
7 S3 A8 v& s! x% k font-style: italic;
2 T, ]0 _$ T% `- k8 K display: block;
2 y0 [9 Z" S2 m( f color: blue;0 W* I+ K( g# {3 i" ]# t' ]
padding: 5px 20px;2 }8 x% h n# Z, a5 g% Y( z) l
font-size: 14px;
( E5 b: p+ t, J2 U! T9 {# C5 Y( h line-height: 1.2; z$ G: {& v/ X3 B; Y$ m
}
0 H- N( w! q- j9 f' Z6 Y; ~
0 m; I$ W- y7 ^) a' H.shiyi_youdao {
' e8 K9 _. W0 U font-style: normal;
+ X/ O. A% a8 c; R, k+ g' L2 `6 C font-size: 18px;
( ?7 U/ z* o/ C5 k4 ~( h2 K- i line-height: 1.2;
/ D: Y$ ~4 V: `& x- Z padding: 5px 20px;: a8 l* O* M5 M: G" n
}6 ~; i- t1 [; S8 J
7 K6 v4 S/ `: \) z4 f* @7 q) C.hightlight {
4 N* M/ ~+ w3 f$ {/ Q font-style: italic;
2 S9 W) n: n5 p1 e* H9 H font-weight: bold;
5 S) l; a% a8 }. f: }}
( Z( L. z1 t$ z3 Q4 U) r
4 I1 z( ~; b( R' b$ d/*3 J v1 d3 m" a( I( v
._LDOCE6 {
$ `( o$ q0 Z5 i: b9 T height: 480px;! h2 u* O2 ?1 E5 Z1 U9 ^( v
overflow-y: auto;
1 k4 d1 {5 [6 o! j* i font-size: 14px;2 T7 |# r# j3 r1 k" c' I# {
padding: 0px 10px;
! \ x$ D; ^2 _' [8 g}
& b' C3 s( @, c, a' m7 T*/
7 [& k D' T8 O- `- {( i: @$ Z0 ]# q! C
# G2 Y1 {% a5 v1 e#ldoce6 {
, g1 m" H+ r$ k# U5 U overflow-y: auto;
3 j/ O! n H' X, F: f/ V1 R8 q font-size: 14px;8 e; V5 q% B# E, a
padding-left: 10px;
W( Q* w) Z; O2 X2 G}' s3 k8 ^0 @# D" d: }
- b- m! d$ V0 ^ t
1 }1 N2 {7 o& l" U- k
#back {
& W1 M- c" W. Idisplay: none;
& b6 c' j- u/ R1 t0 p}
7 A; J1 f( k1 N# o4 ^
: C. h; k# r6 ?6 A- w) {/*
1 j# a* m* n1 \& x.cixing {6 |; j6 Z3 y4 n& G! W# U0 k
display:inline-block;
$ F& J# x' c o( a# D text-align:right;
7 K5 t" @! I+ R width:40px;
8 @/ G S& {7 m6 F, D$ q}1 F2 n0 e/ c) R" ?: _, v
*/; ~ n/ q& l' f+ l
====
$ G) b* Y" z4 |4 q0 {4 V3 F
& @+ A1 f! u$ e- S- v6 q, ^====Back Template====$ i! N. S# Y' A* n! X3 S5 n
<!-- 背面区块 -->3 a# h8 e" i+ `$ U7 s
{{FrontSide}}
! h& e" q! W. t7 m- ~9 Z<!-- 页眉区块 -->! U* K, u2 J7 k
<script type="text/javascript">
! j8 s* s! L; j# t# V8 `7 b& [/ B" v1 p9 ^
// format shiyi_youdao- }+ R% l. W2 R' ?* G. g0 T/ x
var colorMap = {
" t( h7 U+ Y. l& d9 ?! F1 e( @ 'n.': '#e3412f',
8 K- E; ^. a6 T- A 'a.': '#f8b002',
% c" p" B2 c! d+ r& Q g 'adj.': '#f8b002',
+ E6 |0 P1 ~1 F% G% O N1 p 'ad.': '#684b9d',7 N% `! B+ W1 I! b
'adv.': '#684b9d',
" A, t- `" Q( `& A 'v.': '#539007',
- I/ |, i! {8 F6 Y ] 'vi.': '#539007',
8 @- O) d9 q6 K9 _ 'vt.': '#539007',& w; X* C! o4 x+ ^
'prep.': '#04B7C9',$ c1 v; v7 ]* X$ `) g6 z
'conj.': '#04B7C9',; |; i! {$ _8 b( S: V; U
'pron.': '#04B7C9',
3 }9 n2 J9 q1 G, _9 g* J* k 'art.': '#04B7C9',6 {+ z7 H M! {# g0 N* {0 O& ?
'num.': '#04B7C9',' R3 l3 V9 O2 v* M
'int.': '#04B7C9',
7 X1 v9 |# f* M) T* g$ \ 'interj.': '#04B7C9',
6 n, D: E- Y9 e" q 'modal.': '#04B7C9',
& E: `% y' b9 T$ C8 K" M 'aux.': '#04B7C9'," y. f- k% m9 R& O8 E- k
'pl.': '#D111D3',/ J4 W! k, f8 [- W( v
'abbr.': '#D111D3',( ?# q) y8 N; F6 O
};
/ C, l' X* C8 E0 P- b% i5 m5 Z [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
, g+ p7 n, f) K, T& {1 n div.innerHTML = div.innerHTML2 r0 x1 D$ i' j
.replace(/\b[a-z]+\./g, function (symbol) {( c+ S& k# y8 O# n
if (colorMap[symbol]) {
" \ ~! \8 w0 n' e4 z$ F; O7 T return '<span class="cixing"><a class="hightlight" style="color:'# k7 ], D/ O2 r$ w) ?
+ colorMap[symbol] + ';" >' + symbol + '</a></span>';
) M A6 ], V- K } else {6 h7 f- ]; {" w0 B: C
return symbol;
' w) U e" z: F }7 X9 h) q3 y! W
});! o) {$ A# [: E5 D" ?
});
* A1 s; o9 j7 H0 U+ L
- N e! q! ~/ Q- O& T5 l var back_div = document.getElementById("back");
s& K+ S0 Y9 S2 }( U' f4 p7 z back_div.style.display = "block";
' M) r9 p% B# k; i$ `5 [& O2 j
( {: {, Y; c& K4 Y; ], h. ]. } window.addEventListener("resize", update_ldoce6_height, false);( e# I& R- `6 r7 @4 L( U
update_ldoce6_height();
4 R( \) B/ T7 _1 |' g* P: [" j7 b% w4 ^* c: f% m
function update_ldoce6_height() {
, z7 _. G6 Z- c2 p) Q- o% } var ldoce6_div = document.getElementById("ldoce6");
" x9 o/ H% z/ @4 L var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
7 f+ p$ P+ `# d# }& O( R" L var preferred_height = window_height - ldoce6_div.offsetTop - 20;
3 F5 @% l, T! e6 Y) M% x ldoce6_div.style.height = preferred_height + "px";
! ?" G) ^! a, j* k% L# w }1 k3 K2 v/ t+ y; R! H+ Z8 ~/ a
0 _+ r; V8 n) _$ L/ w- ?( ~ // test to show the file name5 q4 [) B" S8 t) P; C3 C6 s
//document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
/ g3 [ m5 F; i5 ^* \- v7 x) V
; P3 H* ~; d9 L" b</script>" @$ B# G6 j& ^* h, v! t
<script src="_entry.js"></script>
9 m- ]( o, e1 y3 ^==== |
|