掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: hhuang

[记忆库] 更新带音频(单词+例句),LDOCE6,美国当代英语语料库2...

    [复制链接]
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 02:52:02 | 显示全部楼层
    非常感谢,试一下
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 05:26:29 | 显示全部楼层
    非常感谢,但是导入太慢了,提个建议,希望利用anki浏览器功能的辅助把该牌组按照每1000个词频大小导出为20个apkg文件。苦于手头没有电脑,不然我即刻就做了。甚是感谢。
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 06:54:51 | 显示全部楼层
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱[email protected]
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 07:51:00 | 显示全部楼层
    ankifyh 发表于 2018-6-5 06:54) N" x  G! f9 }; d. \4 |( b
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...

    : e: [5 o9 G' w8 UFront Template:
    ! O4 ^1 {5 y+ t2 {6 _8 {
    1. <div id="front">% p3 O! t! Q4 R

    2. $ _5 Y9 k9 _. Q) l: Q" X. Q
    3.   <div class="headbar">{{Deck}}</div>
      . h' d: u6 j/ ?0 X7 h! [' Q
    4.   <div id="word">
      ' m3 a# s4 z0 ^: a; |
    5.     {{单词}}
      , G4 {& A& h; g) f" s' k1 f! O
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
      4 N1 H( g) k! |, N" r
    7.   </div>6 U" \5 S, G, W$ I2 w
    8.   <div class="yongfa">
      : U/ V: ?& |& Y( M& Y% ]
    9.     {{用法}}+ Y+ r( z% i6 x! Z5 ?/ o
    10.   </div>$ P' }$ o& B* o8 L2 w% w1 T" i* r

    11. 2 ^; ?% V4 A5 l6 m
    12.   <div id="back">
      0 ~  R) M/ w4 [7 E
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
      & s. f- k! b- F( x9 T" m0 ]
    14.     <div class="shiyi_youdao">, Q. V) Q7 L- g
    15.       {{shiyi_youdao}}: D0 \/ \$ e1 j9 |: [9 |3 x! B
    16.     </div>0 P- R% e/ C: q' F
    17. ' W: P: S4 Z" |% J& B7 a
    18.     <div class="headbar">LDOCE6</div>
      & S, h% A4 Y  P0 N( p9 U( c* g% a8 r
    19.     <div id="ldoce6">  r) w7 W8 i- O/ Q2 v( ^
    20.     {{LDOCE6}}
      ) b+ y( p+ Y( d! `4 q7 h5 I
    21.     </div>  F& y" C7 m& M0 K! i" S

    22. 7 V# Z+ W1 p$ ]) T3 g
    23.     <script type="text/javascript">; V0 r8 a; W/ I" N% O5 w- F
    24.       // format yonfa7 |- X# i5 u4 U- N' U
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {, f3 Y( E. ]$ K# y
    26.         div.innerHTML = div.innerHTML
      - ^, j# _8 C2 n# C7 A6 k
    27.           .replace(/[1-9]+\)/g, function (symbol) {3 |$ _% N- ?; A4 z3 R7 b
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';# V. f5 }7 {4 |2 T) `4 ~* i! {
    29.           });1 u' K2 z$ Q, q+ f6 H
    30.       });
      9 I+ ~9 U9 {. k$ f

    31. 0 m0 e3 h% y1 B& d* A& I2 x
    32.       // play the Ammerican pronouciation
      ! [% b2 e4 M8 b+ B5 g3 d) h4 P
    33.       var amevoice = document.getElementsByClassName("amevoice");
      . A- t3 E3 M+ Y' X: I. c$ R
    34.       var anki_modified_code = amevoice[0].innerHTML;
      ' k  D  o, x0 M# m
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
      " R( b% ~: J; D" G$ K+ u9 y
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
        G+ W5 s8 m7 t: B$ d* t' z
    37.       var audio = new Audio(filename);8 |' d0 A' [. p) i  Y7 H6 G7 E  C" `
    38.       audio.play();  V8 ~! r& [# C! X! g" r9 |" c2 M' w

    39. . T3 o1 f- J6 o$ U1 A: T$ O
    40.       // add audios of the examples
      / C* ^' h* N1 m7 ?, N
    41.       var examples = document.getElementsByClassName("example");
      ( ?1 N7 s# q8 \( A' W1 d! v
    42.       var example_audios = "";
      , M5 D/ J$ e, f1 j5 P. v, D8 i- S
    43.       for (var i = 0; i < examples.length; i++) {
      % Q# _5 h, H2 s0 N8 j4 E; B: O
    44.           var e = examples[i].innerHTML;0 X9 b0 m7 V0 M& u3 s( \! o
    45.           var index = i + 1;
      1 i. d% l8 D& `- w+ F& z
    46.           if (e.search('mp3]') == -1) {! }. E& ~6 ?! c) q, J7 N1 _
    47.             continue;
      - {: E* L1 F% _% K+ l2 e
    48.           }
      $ S) U& ~" s! S$ ?6 K- F3 K4 T
    49.           example_audios += index + e.split('<img')[0];
      2 N6 b) V1 M! I9 y+ G7 N3 z( ^. n
    50. //if (i>10) alerta(e.split('<img')[0]);
      4 z$ w/ s& i- h9 b
    51.       }
      & _0 o7 m) f3 S! c
    52.       var rank = document.getElementById("rank");
      ) S3 C2 b( G. h2 k1 Q- ?  s; ]) e
    53.       rank.innerHTML += example_audios;  _* O& T/ H9 z" @
    54. 4 k# d. o; l/ L
    55.     </script>
    复制代码
    ( q2 t# j& W+ O# Y! Z2 A" C

    5 W5 v( q* `; BStyling:
    4 k7 o- k; d9 I/ {/ S
    1. /*页眉页脚全局样式*/
      % W5 o. v! u) Y" |- @, s+ u
    2. .headbar {: r2 s, d1 b" {# J" L! T
    3.   color: #aaaaaa; /*字体颜色-白色*/4 W) ^1 s  E8 t
    4.   padding: 2px; /*四周留白-5px*/
      2 |. c  k, e9 e' a7 u/ I# v0 d
    5.   text-align: center;
      5 C& X' d# y% {1 [2 Z  N
    6.   font-size: 10px; /*字体大小-12px*/
      $ b, w9 I1 r* o- C$ }; O9 ]4 V
    7.   background: #365899;  j% \, m0 N7 s! H. u7 @
    8. }
      + c# X) S4 c4 z! d7 u

    9. ! ~* A  M4 _2 p1 S
    10. body {9 D3 J0 Q( K! u0 N* ^4 s" b
    11.   background: #c7edcc;! K! Q. f: W+ \+ o
    12. }
      7 Z$ ]& p# K/ m1 J

    13. ' T( D: g8 t  O' x, O
    14. #word {) @) _$ n/ x9 O4 u. {9 m" n
    15.   font-size: 36px;7 b  R2 w/ e, [9 u3 q5 \
    16.   font-weight: bold;. b- V6 z* e3 ~; {; p! m
    17.   padding: 5px 20px;/ G/ f! {6 w, b' q2 f4 l0 ]; P
    18. }/ \( U3 N) F4 r7 T( B% z

    19. 7 C. W( t' e- k& g: H! N
    20. #rank, #example_audios {. u  O/ j* l4 M  c* Y' A  d) v; j
    21.   font-size  : 12px;. W$ c) d2 L; A- ?4 B
    22. }
      / g  ~! b& w/ b" ?0 F
    23. 8 H" O% _( r, m& A& B0 g) G3 b
    24. .yongfa {
      ! Z4 ^5 f+ a% I, a
    25.   font-style: italic;
      " Y1 Z6 A2 i! C3 t$ e, l% P6 X# o3 N
    26.   display: block;7 _8 w5 G. R" O* U- b
    27.   color: blue;
      * j3 W1 Y  w3 u/ [! W4 X: t# E$ Z
    28.   padding: 5px 20px;
      5 P& y8 Y, J: T' A( G( F9 N4 Q5 L
    29.   font-size: 14px;3 @: O/ J' h: Q) k# h4 D1 L: ~8 P
    30.   line-height: 1.2;: Y  E. o2 `" W8 i, Y& D- v" J0 `
    31. }' o: W) N4 k2 Q, o) a
    32. $ a; S4 v9 d5 Z" t9 I$ a
    33. .shiyi_youdao {
      3 @; @  D( V7 q7 H! h) Y
    34.   font-style: normal;; `2 s3 W" K- J6 C; V
    35.   font-size: 18px;) p0 N! I- ?' k* t6 R' X( R: R
    36.   line-height: 1.2;
        P) e% U9 z& t8 U4 y' `
    37.   padding: 5px 20px;
      5 V! S  z7 u; t) t0 `7 Q5 J) b
    38. }0 H2 V2 [3 E  R8 o$ |* V
    39. 1 a# h$ ~& W6 m/ a/ o) }
    40. .hightlight {$ w1 S+ h  t4 n% B: D5 g. M
    41.   font-style: italic;
      / T- i8 W5 H5 l  ?0 ?8 z! ^& f( v  j" c
    42.   font-weight: bold;
      0 U+ [1 v- Y1 c  {6 K. e
    43. }
      : ^: A; F3 K" r4 f9 ]$ i4 z0 q

    44. * d; [. p4 t. B: c9 j
    45. /*
      6 |3 K: h( [2 A8 X- C  ?! N: Y# B7 ^; p
    46. ._LDOCE6 {
      - J' j- X- A, }5 O; A) _0 {
    47.   height: 480px;
      ! z! n! Z4 |- Z6 ^& x
    48.   overflow-y: auto;- \- [/ F0 M; B. r! V9 Q, B  M
    49.   font-size: 14px;
      9 H4 S6 c/ l, a( a' f% O0 ~. T0 r# S
    50.   padding: 0px 10px;
      + [" p( `( [$ l, a  @! A5 C1 }4 H
    51. }( [' M/ M1 B( Y
    52. */
      1 F" N2 r% \! P5 x

    53. 7 V1 ]" F/ B! f$ ]) ~
    54. #ldoce6 {7 _2 @4 i, U$ g& s" R
    55.   overflow-y: auto;
      : e3 F% z1 l' h$ A7 ^. y* _
    56.   font-size: 14px;
      : S, l& H& D, _, v$ y
    57.   padding-left: 10px;
      9 k  w9 j5 c' M7 l/ x
    58. }$ [" ]7 k" \4 B& _

    59. - j5 h( {$ Z( ]! n" Q+ t6 y1 V

    60. / F7 N. Z3 m# w8 e; E% }
    61. #back {7 j/ n! N* Q: g( B) h' ^  t) A
    62. display: none;" K2 |. n8 m) w/ s: }$ u
    63. }
      9 V( u  f- ^' _) C% f
    64. 8 y' g+ c/ l' m+ r- D$ E
    65. /*
      ; v& M+ o& j( M
    66. .cixing {- E/ G* S+ v/ J5 d! l
    67.   display:inline-block;
      # X/ X: F0 m1 J" v( \
    68.   text-align:right;. d7 |! V* B5 U3 ], Y9 n
    69.   width:40px;: g2 V4 U, z% {; k$ U5 R  V  _
    70. }  G0 L/ O' q6 q  J
    71. */
    复制代码
    ( P9 {8 v% E4 y1 c5 L5 E% d  p/ Y
    7 c' j* A6 Q* Z  \4 b3 I5 m
    Back Template:
    0 s3 B8 }5 |2 d8 ?
    1. <!-- 背面区块 -->
      ' i1 `' v, F0 m
    2. {{FrontSide}}
      1 U1 J( R+ W& t$ f! C# u# v
    3. <!-- 页眉区块 -->1 |. N9 y6 h7 [
    4. <script type="text/javascript">. ]6 D5 F6 v1 ^+ U; R
    5. - ^+ O2 m  B; Y, s
    6.   // format shiyi_youdao/ q4 E2 o& r) T. H+ C( ^
    7.   var colorMap = {7 e/ Z1 \9 r3 z9 e4 j: z' W- i. {8 e) S
    8.     'n.': '#e3412f',. |; e' Y! |0 D- f" a( D- X
    9.     'a.': '#f8b002',
      & q. j( ~7 E3 o0 z" [: x
    10.     'adj.': '#f8b002',: T7 R+ B! m9 B: B
    11.     'ad.': '#684b9d',* i+ L6 y: L: r$ x
    12.     'adv.': '#684b9d',: E" G5 o: ~" i6 ~- x; V
    13.     'v.': '#539007',
      : }6 W& i/ E- R; G  M/ Y# u
    14.     'vi.': '#539007',' u" B, t/ G0 n6 P" G3 z' p# ~
    15.     'vt.': '#539007',
      : w8 M7 v' B- t
    16.     'prep.': '#04B7C9'," Z5 X+ V( S6 b2 V+ J$ S3 B
    17.     'conj.': '#04B7C9',; O* ]( e+ k* a3 l. O
    18.     'pron.': '#04B7C9',* Q! ?3 u1 k. g& l$ i
    19.     'art.': '#04B7C9',
      5 H( `( j" _+ `7 W$ q# \. M
    20.     'num.': '#04B7C9',  g4 W! ^" j/ R( _
    21.     'int.': '#04B7C9',, J# s' q; b5 a
    22.     'interj.': '#04B7C9',0 f8 S9 F; o) J. z
    23.     'modal.': '#04B7C9',
      2 |* a% Z6 {8 q7 g& c  Q/ S/ F
    24.     'aux.': '#04B7C9',& A# L- R" W" G* {' a
    25.     'pl.': '#D111D3',; O& A* `; F4 I# i3 O" v
    26.     'abbr.': '#D111D3',3 ^2 c! d' \' W7 V) T- ?2 |$ t5 d
    27.   };9 J# l1 a7 K' p  _% l" A) s
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {. c$ D* s5 a" T
    29.     div.innerHTML = div.innerHTML% V) S0 L. k8 r. b: ~( s" w/ w4 k
    30.       .replace(/\b[a-z]+\./g, function (symbol) {6 p  F7 P/ X# c5 L& q1 l$ H
    31.         if (colorMap[symbol]) {
      1 |! D) |7 Z  Q5 U: h/ Y' F
    32.           return '<span class="cixing"><a class="hightlight" style="color:'
      0 x7 p, P$ }* B; K3 d; M& {
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';: F' P" X4 [& r! M# d2 |; r. J
    34.         } else {- k* T, Y) h4 r8 q. U5 W! ?( k4 u
    35.           return symbol;
      ' J$ i6 u& i, N# h$ s9 |
    36.         }# H+ Y. k5 F& s0 T* u4 D4 t) [/ {
    37.       });, e; L8 V$ }" j: r2 G6 t1 M
    38.   });
      5 k. x1 k4 C( ?

    39. " O9 P, g/ K7 x+ {0 i( ?1 A6 q
    40.   var back_div = document.getElementById("back");
      - `& w5 e1 I3 W' L
    41.   back_div.style.display = "block";
        o' a' X1 F2 R

    42. : x0 L% F- G1 y% ^) _5 o
    43.   window.addEventListener("resize", update_ldoce6_height, false);' s; I, N  e* ?7 k
    44.   update_ldoce6_height();, d5 H6 ~$ M" h" E( J

    45.   ?4 v2 ?5 v2 C+ T+ p3 O6 I  A. f
    46.   function update_ldoce6_height() {  w0 x$ p1 N; V! @) s+ _
    47.     var ldoce6_div = document.getElementById("ldoce6");
      - r" o- \- `, |9 w9 E, n
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
      : P7 u* ]9 F$ d& v
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;
      * G4 J! _4 {3 @1 Q/ o9 H
    50.     ldoce6_div.style.height = preferred_height + "px";
      8 o  `. M3 m* _! z: X
    51.   }! n# s0 M/ R' |/ j" h* X/ l" O

    52. 3 z& ~0 B# P9 h4 H
    53.   // test to show the file name" z9 j' W0 E# `9 x3 o3 l$ Y
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;# j' ^6 c; z  {- m- q4 G' ^
    55. 5 ?( a  p) n  y9 S
    56. </script>
      5 i) `3 l# d! F# o5 r5 p$ k
    57. <script src="_entry.js"></script>
    复制代码
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 16:14:23 | 显示全部楼层
    照抄了代码还是没实现加上按钮播放例句的效果。不知道是哪里搞错了,不过还是要谢谢您的回复
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 16:53:16 | 显示全部楼层
    本帖最后由 ankifyh 于 2018-6-5 16:54 编辑 4 w# y7 N4 S1 |7 |4 o

    3 v6 M9 X# [) [4 L/ a我想可能是这个标签里缺点什么:<span id='example_audios'></span>
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 17:14:15 | 显示全部楼层
    本帖最后由 hhuang 于 2018-6-5 17:19 编辑 % N. l& p- i+ d* k$ s; C
    ankifyh 发表于 2018-6-5 16:53
    9 T3 O+ F$ x! _& s2 `3 r# [我想可能是这个标签里缺点什么:

    - y. O& `. ~6 I+ ?$ J( `1 j4 j
    : e+ `1 `+ W+ a7 ^代码应该是OK的,我直接从我正在用的card里copy出来的。
    - y- }- v9 U9 e2 x: z<span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。
    : y. `, e( ?" w; [, p, R如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。3 o0 O" D- v3 X8 e# X
    你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。
    $ D, }1 ?* j, c$ O% a# U& L( q+ U9 i' H6 A' D  S1 a+ a& r
    按钮部分看这里:2 _9 O- K0 U+ M& X: V1 F9 ]
    1.       // add audios of the examples2 r2 x. I5 x$ r, p3 u
    2.       var examples = document.getElementsByClassName("example");7 @' y* Q, [' v- S/ t' ]7 B+ M
    3.       var example_audios = "";
      3 Q" V  e: Z; j8 f0 P/ h
    4.       for (var i = 0; i < examples.length; i++) {
      * d5 E. a/ V9 \, h; `1 ]
    5.           var e = examples[i].innerHTML;
      + D2 D. q* C6 N4 B9 r, b9 }2 z$ `
    6.           var index = i + 1;
      * [" }% n; L. ~1 O
    7.           if (e.search('mp3]') == -1) {  \0 s- L3 ~) l9 q+ d* S& L
    8.             continue;
      + ^' k( ~8 t  e+ z$ z
    9.           }
      9 ?+ I- ^( O2 L2 v' t: q$ Y
    10.           example_audios += index + e.split('<img')[0];
      # G( e' e% u$ M! z' r$ g$ K2 C
    11. //if (i>10) alerta(e.split('<img')[0]);
      3 \- P! Y! B6 R( b$ ]
    12.       }* v* F0 m& c2 G! l7 a& o7 Q( ^# h
    13.       var rank = document.getElementById("rank");1 S  Q, O5 g$ ^! j
    14.       rank.innerHTML += example_audios;
    复制代码
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 18:49:56 | 显示全部楼层
    我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复制粘贴试一试。
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 18:51:15 | 显示全部楼层
    麻烦您了,实在不好意思,浪费了你不少时间
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 20:10:48 | 显示全部楼层
    ankifyh 发表于 2018-6-5 18:49
    ; [0 E  i$ b0 y* f9 m) W我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...
    - F0 U5 c8 v+ m& ?$ @7 z" d
    ====Front Template====
    . r0 n0 _' t0 ]. |* `# t<div id="front">& S. `9 U1 b5 j8 Y! t9 c

    8 A. k# I8 n0 D7 t2 \" @  <div class="headbar">{{Deck}}</div>2 i' C8 S( C, K" s3 q
      <div id="word">! H# h: h2 X, }8 ~
        {{单词}}
    7 L+ P! x1 o0 _8 i: C( H7 _( `* A    <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
    # u9 g" K4 e5 W  j. f; m* E  </div>
    4 {$ R- d: Z0 b. A  <div class="yongfa">( b2 N, i! z' W; K# |; G
        {{用法}}
    3 E# b- @; M$ M4 U  </div>1 y. f7 {3 T/ x* K5 d, ]
    9 f- C% C- _( \2 Z/ o  j8 ~0 z
      <div id="back">2 R$ n& |1 d5 z
        <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>! N3 C0 e$ T  |. B
        <div class="shiyi_youdao">. ]/ B5 d! L( V% m3 f0 U) W
          {{shiyi_youdao}}
    0 p9 j. r  b0 l5 @1 p; }    </div>
    " I' x9 k  c1 X
    . t/ t" N; P7 W1 ^5 e% x9 ^    <div class="headbar">LDOCE6</div>
    2 O/ {* R3 G8 g0 ?% B    <div id="ldoce6">  J" @) h4 F7 R" V- l. ^
        {{LDOCE6}}
    ( c. {' ~3 c% s9 C! `) \5 m+ a    </div>8 j2 y! U% i8 J9 h

    6 K7 @, c+ v  B, a/ c    <script type="text/javascript">9 f$ P; s- @& B- p; ]
          // format yonfa0 r7 [* Z3 V& D: y, q
          [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {  y* ?% e9 r( R0 P5 ~
            div.innerHTML = div.innerHTML$ i/ Q) t5 g; u% q7 X' ^
              .replace(/[1-9]+\)/g, function (symbol) {
    # h7 _& A) o( r$ h$ h3 G            return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
    0 [! g/ E9 t0 X! V2 m          });
    1 @* U3 c$ m) m* F, B% @      });
    6 N* b0 p  u: L4 @. N9 U& D9 U6 |* B3 u. k+ h% Y- _
          // play the Ammerican pronouciation; Z1 z7 X1 S" s3 {* W
          var amevoice = document.getElementsByClassName("amevoice");
    5 ^. r, H+ {6 z      var anki_modified_code = amevoice[0].innerHTML;  N* ?( f: D4 G8 E' e! j$ g0 d8 q
          //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;# B9 V' I* ?; v; Z
          var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];& [# X5 V( N3 s6 t
          var audio = new Audio(filename);
    + m. y1 v. v( j, A* Z      audio.play();1 }+ t. E/ _; X3 ^4 T; x

    2 ?$ i5 C. N5 K$ x$ }' a      // add audios of the examples
    # L& b3 m: b/ f# w9 U' [      var examples = document.getElementsByClassName("example");6 d1 P1 M( f. n
          var example_audios = "";& \; l8 l& c) n3 c1 N- Y0 q' V' A
          for (var i = 0; i < examples.length; i++) {
      M6 Z8 C3 W: R/ L2 b& E2 L          var e = examples.innerHTML;0 o( A6 V; g: }+ A, B( Y
              var index = i + 1;) y& c/ \6 p7 W0 D9 J7 i
              if (e.search('mp3]') == -1) {) m6 o# \0 d9 G' B
                continue;
      T( ]  _  w7 s+ |8 x          }' x2 k9 O4 V$ F- f: g  o
              example_audios += index + e.split('<img')[0];
    8 V& q0 x2 _# C' _5 G9 D+ H$ O//if (i>10) alerta(e.split('<img')[0]);
    3 A6 w1 O6 F! e% B! x      }2 j4 v- p! \1 N$ c3 S4 i+ l9 [& t) N8 M
          var rank = document.getElementById("rank");
    : Q1 J  J  n; ~, S7 R8 t      rank.innerHTML += example_audios;- K$ i" F2 \. g) |
    ! H8 t9 S; c+ @( s$ h& l, I
        </script>2 d7 G+ n& |' M
    ====
    8 }5 h) E! b! y) \4 X: _% Q+ {" M
    * B3 G1 Z7 |& t0 u+ f+ {====Styling====0 R* n/ q- d  b* U/ f# T
    /*页眉页脚全局样式*/
      P. X: V0 y: `! Q.headbar {1 d4 _) y% j' f2 E  T
      color: #aaaaaa; /*字体颜色-白色*/
      F: _% c  [, V) a$ s8 U  padding: 2px; /*四周留白-5px*/; S$ z# ~! q) S
      text-align: center;' [/ ^+ u( w% x# }1 g7 M
      font-size: 10px; /*字体大小-12px*/8 n& c8 `0 D  F
      background: #365899;
    # b2 @  Y$ ^- m}
    1 @  p' I) B- U' w8 r
    % F. `$ p4 _( ~9 \( l. e* W8 I. Pbody {% x3 P" [) P/ z1 ]1 l
      background: #c7edcc;
    4 V, v3 G% h" L8 w3 Y}
    2 H5 R6 U& X# U3 N& e2 G, e) b
    " w# f7 {: m( V3 O% X#word {
    . W/ o2 j) U" K1 i+ x  font-size: 36px;
    : J. Y) M& Q# j* _/ j+ U# c  font-weight: bold;
    & B( k9 \' |0 r. V" `* x  padding: 5px 20px;
    % L2 p8 c+ Z/ B) d9 O# d}
    : z* e! x  x/ L" _; z+ j
    1 p' J' B, l) P# Q#rank, #example_audios {
    : e) ^4 [0 f, D& M( V  font-size  : 12px;7 V) C1 u6 f4 u- p  D
    }% X: o. v) _% r- n. T
    + J6 a, I, ~# d! }* \2 J
    .yongfa {8 u) O3 E: n3 o5 ]" ]
      font-style: italic;
    2 u- l4 p8 D8 |  display: block;8 |% Q5 V) P7 p  @
      color: blue;
    " |- G+ \, ^3 T; J$ M+ |  padding: 5px 20px;/ G6 j, O2 C8 B1 B' w
      font-size: 14px;. E0 b- D/ o4 Q* c
      line-height: 1.2;
    ) G# {6 ]* w! p& a+ y}) B7 b$ W7 L# e' h! }$ `! h9 G

    0 w. M  z+ d4 q6 w% m.shiyi_youdao {
    * l9 D. C7 H4 M1 ?7 {7 D' ~8 ~  font-style: normal;
    7 u1 \4 @6 B8 N4 g  font-size: 18px;7 U! e& t& O, e& F  k* B* B
      line-height: 1.2;
    7 ^' P* i4 q+ Z8 }) B: f  N  padding: 5px 20px;6 A! w# x8 j" d! [- k' ^# W
    }
    ! G( V" e1 y& j, {' ^! }) [8 E/ ^( n9 z; @
    .hightlight {2 N& V; B/ @0 w# e+ }: g
      font-style: italic;
    6 v/ _, @& G8 U& _! Q  font-weight: bold;% a" \' j' l! Y
    }" V! H" ~" W( |( c6 b
    - w: e. V3 o0 U5 [$ ]! J) W
    /*
    # H0 x& T. Q$ |5 U( D._LDOCE6 {
    & T" @" @( W4 F( A0 }, }, ^  height: 480px;; n8 l8 r3 y' [& x! Y
      overflow-y: auto;
    2 G) e8 N6 v' @# n4 S0 h  font-size: 14px;
    $ J: m$ C+ U0 h* x, U& {' r  padding: 0px 10px;% W$ x0 [) k$ b2 J; r) I/ X8 f- C
    }- t% H+ s  e7 R; U2 `
    */7 j3 |6 ?8 R. q# s

    5 v- b9 h5 z9 H; L0 |+ W# ^#ldoce6 {
    3 K+ d: T4 U3 v' E, E6 i/ M( D  overflow-y: auto;3 `8 D1 ]$ H* w) n0 y
      font-size: 14px;% T# a6 n8 @% a; u
      padding-left: 10px;
      H+ |2 r, P; W! c}0 s, r5 K$ n! X# C) [5 i. }' D

    2 E+ _4 c* ~) Y3 M* p! k
    ! l9 b) N  g( Q' z( L" c, i: b, A#back {3 r$ E3 x! |4 C8 u$ K/ P
    display: none;3 ]( u+ A! d2 O( M3 c
    }
    ( E/ R, {, |# ]9 o6 [/ P3 r" V, D3 M$ {
    /*
    9 q: J( K; j0 M8 R: p.cixing {  F# w6 F4 r2 @9 v. O6 i
      display:inline-block;) J. w( K2 ~( u% n
      text-align:right;4 d1 O2 m" V! ~" T8 O# S/ l* T
      width:40px;
    ! V6 c; h: {! a+ Q& m. X2 u% B% z}: l: q0 N) W8 M, M# E: C, ^% J
    */
    3 u% \0 c5 l" C& V0 r7 q====7 T* E% X* E1 I' P; V, a6 z
    ; b2 D. R2 \8 ^" }! \4 P8 F# ?
    ====Back Template====$ I2 [( @+ ^* V; @
    <!-- 背面区块 -->7 \: {1 \2 J+ c5 }* I9 Y: e1 z: `
    {{FrontSide}}
    " ^* ]8 M$ {# b9 E5 {: F$ c<!-- 页眉区块 -->
    ' n& h; X9 E# s6 j<script type="text/javascript">7 L  l# w! p2 z% r  Y# A  K3 `
    / Z5 K0 R& E2 G" |+ G' d" \, F0 z
      // format shiyi_youdao3 Z# Z* o& P. M* G9 w
      var colorMap = {
    3 j8 @5 ]& p5 L! m& |4 i- F# {    'n.': '#e3412f',
    * X1 W+ Q/ F* z    'a.': '#f8b002',
    9 W. V2 {; y' s    'adj.': '#f8b002',
    # D9 k5 I) f+ t) Z( Q7 O    'ad.': '#684b9d',
    2 k1 M6 Y% q- @- P    'adv.': '#684b9d',* F2 R  D; f! |8 y
        'v.': '#539007',
    # A8 B' K6 H( j    'vi.': '#539007',* V' U2 ]+ g7 H1 q4 B( l1 ]- B/ Y
        'vt.': '#539007',/ L0 w+ D5 q! Z& T* d
        'prep.': '#04B7C9',
    + Y" @/ C) F/ @    'conj.': '#04B7C9',! P4 Q# j' g9 E1 _4 F) S: {$ Z
        'pron.': '#04B7C9'," \  D* |0 d$ ^. }# t5 t: i
        'art.': '#04B7C9',! C% N5 l4 F, m$ L. h! K- q
        'num.': '#04B7C9',9 J; j. A  F% Z% u. i
        'int.': '#04B7C9',4 u+ x& B4 J. |% r
        'interj.': '#04B7C9',' E% R" z) J, q9 ^4 w7 _
        'modal.': '#04B7C9',  F' q1 R2 p. @$ r
        'aux.': '#04B7C9',8 ^: e: Z5 a4 P) Z& c
        'pl.': '#D111D3',
    ; }6 R9 m# R6 T( U, B4 d9 x3 Y" C4 F    'abbr.': '#D111D3',
    : d* N4 l- n! ]+ I9 K  };
    & @+ A% F" @  s9 x2 t- b  [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
    9 K1 M. n1 `. Y2 e1 i% a    div.innerHTML = div.innerHTML
    , f. W7 Y* c  K6 |0 q      .replace(/\b[a-z]+\./g, function (symbol) {* u* O4 x- ?, Z: @4 ?0 P
            if (colorMap[symbol]) {
    0 F4 {4 h9 A0 c- m- J          return '<span class="cixing"><a class="hightlight" style="color:'- y2 ^2 C6 R4 G
                + colorMap[symbol] + ';" >' + symbol + '</a></span>';8 n0 ?/ s- Q# X7 E* O# i
            } else {
    1 x% ^3 {9 i4 d4 z- \5 C( L          return symbol;+ g* q. z9 C( A5 i6 A/ b. M
            }) B- e, n# [  P
          });
    7 o' n6 t# e5 q3 q# S2 ^8 R  });
    : F4 L) q, z' z* f8 F+ X6 s1 e$ O$ i6 e( R5 \$ l. ]  R
      var back_div = document.getElementById("back");
    , V$ l0 N! }6 L8 Z  back_div.style.display = "block";
    # z. [, M2 U9 [1 S" n
    5 y+ A& f, K* C9 \2 H  window.addEventListener("resize", update_ldoce6_height, false);. Y! Y6 @% w' p9 i5 X* h  ^) b
      update_ldoce6_height();1 D; P& _% v2 ^" ^+ h! @: q

    6 b: z& n% X9 @: |4 F8 d  function update_ldoce6_height() {% R! H* f& V1 H- @4 o, M' m% m
        var ldoce6_div = document.getElementById("ldoce6");- L0 e, \" q/ e
        var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
    & _; S& ~6 h! F4 e( Y    var preferred_height = window_height - ldoce6_div.offsetTop - 20;
    2 H4 B- |9 v, ^% m    ldoce6_div.style.height = preferred_height + "px";" C7 k( G  f- n7 v5 \- I
      }
    3 A: e% W' V  e+ }2 `
    ' }1 T" }  a, ]9 d( W7 e  // test to show the file name' L1 Z! f4 R+ l! Q1 V; N  k2 x
      //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;  F9 L8 v9 ~/ x3 _( W, U
    % X+ i. I8 y: v! R1 b9 M
    </script>' o* c, A. ^' o' U- X3 U
    <script src="_entry.js"></script>
    ; ^+ S% |8 D+ C3 I====
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 20:36:08 | 显示全部楼层
    我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白,所以我就一条一条地复制粘贴。逐行核对,还是气死自己了。所以请见谅。

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?免费注册

    x
  • TA的每日心情
    开心
    2021-11-14 10:34
  • 签到天数: 220 天

    [LV.7]常住居民III

    发表于 2018-6-5 20:40:39 | 显示全部楼层
    谢谢楼主宝贵的意见
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 20:50:16 | 显示全部楼层
    ankifyh 发表于 2018-6-5 20:36+ C) T' d* H6 F: p+ t
    我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...

    . H: |! U! ~0 M. N- S; S( S还真的是够白的啊,哈哈3 M$ }  D( W# z1 F" c8 ^1 q
    这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。9 s, V: y" J. v  M4 N# N, Y
    我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:50+ l$ c5 T2 o! E* K, W- F
    还真的是够白的啊,哈哈5 s7 x1 j+ P) ~, ]3 F
    这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。9 x0 b/ F8 J: ?: T* |$ t, L: b
    我在共享的文件夹里放了个 ...

    . c: x) B( }8 E" d" h; dthank you!????多谢合作
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:30:49 来自手机 | 显示全部楼层
    也许是因为系统不同的原因,Windows系统和安卓都没能实现你的那个正面卡片一排按钮。或许是系统不支持该js代码。注意到你使用的是macos。
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:36:39 来自手机 | 显示全部楼层
    葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢
  • TA的每日心情
    奋斗
    2018-10-10 14:31
  • 签到天数: 61 天

    [LV.6]常住居民II

    发表于 2018-6-5 23:04:30 | 显示全部楼层
    语音库需要另外下载吗?
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-6 09:58:33 | 显示全部楼层
    ankifyh 发表于 2018-6-5 22:36
    , r2 L4 q" g  {9 S) y葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...

    $ l5 A# q. \4 ?+ _; x/ s9 ^' r我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。4 Q4 q- j# C4 {; g3 N0 u
    我也只能帮你这么多了,
  • TA的每日心情
    开心
    2018-8-7 13:14
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    发表于 2018-6-6 21:01:29 来自手机 | 显示全部楼层
    感谢楼主分享。。。。
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-7 08:18:05 | 显示全部楼层

    ( D# F; I7 k/ h9 k6 f  r3 O+ h4 O重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对Java脚本的支持度不一样造成的。
  • TA的每日心情
    无聊
    2020-4-25 16:56
  • 签到天数: 3 天

    [LV.2]偶尔看看I

    发表于 2018-6-9 16:35:25 | 显示全部楼层
    确实漂亮,但是在安卓手机上看,字体有点小!谢谢分享!
  • TA的每日心情
    奋斗
    2024-3-24 12:29
  • 签到天数: 1975 天

    [LV.Master]伴坛终老

    发表于 2018-6-10 11:47:58 | 显示全部楼层
    感谢分享!: f( f4 V" E, s  g4 C- N. e
    这个版本的朗文很精悍啊,原版论坛上有吗?
    * z& F$ X( b8 ?) p+ ]+ J
  • TA的每日心情

    2024-2-29 09:26
  • 签到天数: 343 天

    [LV.8]以坛为家I

    发表于 2018-6-10 13:08:50 | 显示全部楼层
    貌似很好的东西,谢谢真的非常不错,是不是很大的一个文件?
  • TA的每日心情
    无聊
    2018-8-7 20:07
  • 签到天数: 21 天

    [LV.4]偶尔看看III

    发表于 2018-6-11 10:54:04 | 显示全部楼层
    太棒啦,谢谢楼主!!!感恩!!LDOCE5
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    小黑屋|手机版|Archiver|PDAWIKI |网站地图

    GMT+8, 2024-4-29 04:37 , Processed in 0.136113 second(s), 5 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

    快速回复 返回顶部 返回列表