掌上百科 - 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
    1 k+ R8 z" R' P0 k- d你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...

    9 x5 F: h* r  S. J9 f$ q& q, hFront Template:3 y, d, v( P5 V- W$ F: a: L) ]
    1. <div id="front">9 n" D, x& N" d! j

    2. 2 k6 f/ X  V6 C; q
    3.   <div class="headbar">{{Deck}}</div>) p: D! N+ w. J$ {
    4.   <div id="word">
      5 _! [& P# z) Y1 T% h$ w
    5.     {{单词}}
      5 M% L4 D; ?$ f5 i6 r" y
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>- e0 h% D: m  v! \. F; `7 W
    7.   </div>
      , V; r6 c" M; E0 ^5 C
    8.   <div class="yongfa">
      : _9 u4 K$ k. [0 t1 ^* e
    9.     {{用法}}
        \, Q" M1 \! ~
    10.   </div>
      ; L9 Y$ L& o5 v* O) b

    11.   q- V, O1 v. G4 l+ P) w
    12.   <div id="back"># Q1 R6 c8 D) o& n# T. a; Z
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
      , T" ^, L1 Q( y: g# ?. @
    14.     <div class="shiyi_youdao">" n0 ]9 q3 J. j, w7 G! |
    15.       {{shiyi_youdao}}0 n0 e+ ]' y* p  W& t1 `- a5 w
    16.     </div>* d7 A4 m9 V3 f" R
    17. , M: N. x' |( T/ P2 Y. L' [
    18.     <div class="headbar">LDOCE6</div>3 B, b5 w& i$ d1 d5 T9 O, \
    19.     <div id="ldoce6">6 A9 b# b2 G) i* q2 X0 s8 A9 J) G
    20.     {{LDOCE6}}; T. w6 I$ f5 H
    21.     </div>& b1 z3 |, w& D$ ~0 T
    22. , g$ r7 A, f2 C  x' S3 F8 w; L
    23.     <script type="text/javascript">  V7 k% p* _) F4 _( S- Q9 G
    24.       // format yonfa
      8 O  Y2 A8 K# [$ S9 o0 Z
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {4 A  o, m& R- W) x( Y
    26.         div.innerHTML = div.innerHTML, z6 G& q: k& M
    27.           .replace(/[1-9]+\)/g, function (symbol) {
      - ~8 ]1 t( T+ l! L" G) g. \( Q3 Y
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
      $ Z! ?) Q* X  _9 W, B
    29.           });! x  l' m- K) V- y9 I5 w9 o( ^: R
    30.       });/ r7 a# k8 T6 T, v, U/ @+ B6 k- @
    31. ; Q6 {6 a' H( y
    32.       // play the Ammerican pronouciation
      ' Q6 |; [/ H3 v% {; a1 a; {
    33.       var amevoice = document.getElementsByClassName("amevoice");2 b3 e; z+ c* E, L
    34.       var anki_modified_code = amevoice[0].innerHTML;
      ' u) X! G% W+ V, l
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
      1 g9 P7 r5 N) f/ Q$ }7 b4 \
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
      & o7 \' \1 g* m6 s2 o7 [
    37.       var audio = new Audio(filename);' [4 N9 m3 C& p$ D& R! k& d
    38.       audio.play();
      , p1 w( s. A, |3 D% L+ T: I- S
    39. 8 P7 ^, Z. {9 b( x; F
    40.       // add audios of the examples5 ^8 O, e9 I' j1 ?
    41.       var examples = document.getElementsByClassName("example");
      ) u% o" Z$ G+ M$ F5 o
    42.       var example_audios = "";/ P! R( _) _' ]' `* s  [$ E5 \9 a
    43.       for (var i = 0; i < examples.length; i++) {
      : @8 Y8 X8 i- Y5 t& M+ D
    44.           var e = examples[i].innerHTML;8 q( E6 y* D+ w' T' ?$ S5 r
    45.           var index = i + 1;
      - Q+ q  B! p* k: F
    46.           if (e.search('mp3]') == -1) {
      ; R1 i$ U; i9 h9 g( W0 F; r0 m- J
    47.             continue;
      0 E* M% x, Y8 ^4 ?
    48.           }: m* x  |$ W! q* |) |! @9 a
    49.           example_audios += index + e.split('<img')[0];
      5 V0 R( X* o# S6 v( V0 X
    50. //if (i>10) alerta(e.split('<img')[0]);; C# c, U9 K) I# T6 A. z6 A
    51.       }
      5 C$ l8 f  ^9 [
    52.       var rank = document.getElementById("rank");) R8 x) t7 [% M
    53.       rank.innerHTML += example_audios;
      ) ~5 S* q, X- e4 h, O1 J
    54. 1 [: @$ k4 A+ r* x7 E5 W
    55.     </script>
    复制代码

    3 {5 u  e5 @+ V- D9 O) X# s1 z* L+ G- R, q+ m4 T% R
    Styling:
    # O8 m+ T! u6 S) r6 G% I% g
    1. /*页眉页脚全局样式*/1 a3 Q1 V5 m+ Q7 j' e6 Z- h
    2. .headbar {) G: k% Y2 Z4 y
    3.   color: #aaaaaa; /*字体颜色-白色*/
      & |) o0 S- `3 ^5 x& R) [
    4.   padding: 2px; /*四周留白-5px*/, ]! u- K* B. A- G* U& s4 t. N% `+ Q3 r
    5.   text-align: center;" A$ o3 c( o: m7 K3 i6 C6 `
    6.   font-size: 10px; /*字体大小-12px*/
      ( v1 b1 y& Q' V. z( A
    7.   background: #365899;! G, y% n- x, H! x6 T9 a% d
    8. }7 Z2 B) t# ^! L) L: N0 ]& ~

    9. % s3 D2 A1 J! j, ~; |- T- R. c: Y
    10. body {0 \# k2 x; T" G8 ?2 j( w# j
    11.   background: #c7edcc;- }( I% E$ H* G) ^0 {( ~' \6 g1 X
    12. }
      " P, x: I8 g: z
    13. " G! K0 E) c4 a! m1 C+ @$ @' ~
    14. #word {
      " h+ x/ A' K  `* n
    15.   font-size: 36px;
      4 H( ~7 o' `  I: T  ^. k
    16.   font-weight: bold;
      + \+ M1 J! R/ r9 i: Q/ `! b9 B! q
    17.   padding: 5px 20px;
      7 h( n& X4 w& ~0 p$ W  C
    18. }
      - v/ h" Z2 E0 p2 i, ~( R
    19. $ [  v3 n5 ?7 |# E  P# o) l& }
    20. #rank, #example_audios {$ a* M/ N3 T; Q7 R( W. e1 L+ \
    21.   font-size  : 12px;
      2 x! M( F+ x- P& d
    22. }) F$ K( t4 X4 h0 p+ _
    23. 7 l: x  m- w- W+ c* S6 u( F% d
    24. .yongfa {1 b" k8 c% ?/ m! e
    25.   font-style: italic;
      ; U+ ]1 t0 K4 x5 M3 H
    26.   display: block;
      3 c# i% y" `$ X$ g" v% m# r
    27.   color: blue;, V$ O6 C1 p- q2 ?- k8 H3 s
    28.   padding: 5px 20px;6 b! d: x" H9 J( o' E
    29.   font-size: 14px;
      + t. K- X+ A6 N8 v0 L. G, l0 J
    30.   line-height: 1.2;
      6 e$ ~! z9 i* [
    31. }
      6 ^/ ?7 G( A% F

    32. - T1 x3 I+ Z/ i' t" C
    33. .shiyi_youdao {
      , t. a, h! y( |1 p4 M
    34.   font-style: normal;+ `' Z6 O3 P! G+ I# Y4 ?: l& C
    35.   font-size: 18px;$ K) x5 Z, `" f/ W) G5 ]2 N/ a
    36.   line-height: 1.2;, ]3 o5 m6 n2 x
    37.   padding: 5px 20px;
      , j, b! k; Z; \
    38. }. Q8 `, h) g  C, Y9 h5 G
    39. ' P1 d! l4 R$ g! t; F7 D
    40. .hightlight {
      * m2 a( N4 C- R, Q7 O
    41.   font-style: italic;1 ~* K5 i9 c7 y3 ]3 V% c
    42.   font-weight: bold;
      4 N' u/ _- Z; [' f
    43. }2 i& h5 X7 t' b& b$ M' K; E
    44. ( L7 _" x, m& K
    45. /*/ \& K( _1 m8 e8 I9 o
    46. ._LDOCE6 {$ E- i4 w; `, g) p  z- E
    47.   height: 480px;
      4 J* d6 g4 i; G2 E1 U
    48.   overflow-y: auto;# m/ E8 f+ Z2 @, o2 q
    49.   font-size: 14px;
      & Y9 x0 p( E5 [/ J" ]
    50.   padding: 0px 10px;
      5 f1 T* ^( T( t
    51. }6 S+ ~) F( q3 ~
    52. */
      / G6 V2 `* |: Z- w5 @! m) e

    53. . F7 @) g: z* i( i. o3 G  c, F
    54. #ldoce6 {
      & [+ a1 ~7 g$ n3 f, ?
    55.   overflow-y: auto;) m  {* i1 V9 ]: O+ f
    56.   font-size: 14px;1 \0 g% ]  ^' |& E0 N
    57.   padding-left: 10px;0 v! m* W6 v6 F1 T5 A$ H% F
    58. }
      + a$ Y# Z7 V5 K: A
    59.   J; s1 v, n9 P+ _# o

    60. ; [% X+ w8 X2 s3 Y% a9 ?
    61. #back {+ Q$ w- a' w# L1 g4 G
    62. display: none;
      4 W+ e4 q+ `* S, e" G4 E
    63. }
      9 j/ O. A5 z2 z4 t3 s
    64.   z8 f& c# A' g/ L
    65. /*4 x/ t' y1 p  b3 x/ J
    66. .cixing {  {0 k; H- O5 p
    67.   display:inline-block;
      9 e$ `$ P. R. a
    68.   text-align:right;
      & u/ I5 M4 a. d. H1 ~" v
    69.   width:40px;
      4 Q0 I" _' R1 w3 J4 i; j9 D: p8 w
    70. }
      ' ]2 R$ g7 n' ^
    71. */
    复制代码

    7 X+ D; t0 x9 u* y" l3 I
    - R; b2 B0 ?& H; q. `8 mBack Template:
    ) s' m9 M+ z+ ?% \" q6 z8 p
    1. <!-- 背面区块 -->
      1 Y1 _, X1 z% K6 w5 O
    2. {{FrontSide}}
      & N0 l3 @, h8 T4 n# z6 l. Z
    3. <!-- 页眉区块 -->% E$ Q- W1 Z4 D% K
    4. <script type="text/javascript">$ w3 |; P! x" p- T. u* x' V8 ?: {

    5. 4 T; w  {$ [) A# ~( p5 d
    6.   // format shiyi_youdao; v: V8 k  T, F& t3 W$ Z
    7.   var colorMap = {
      0 g' ~0 ]' ?. b* a) G
    8.     'n.': '#e3412f',
      , ]$ h2 q0 \0 ?6 i3 ?  f7 V! |
    9.     'a.': '#f8b002',
      ( C5 F6 L) n( U9 L' p/ h7 r7 t
    10.     'adj.': '#f8b002',
        a' p( r) O' ]# a: O
    11.     'ad.': '#684b9d',+ J: X* B1 i: w' G; r. n* z
    12.     'adv.': '#684b9d',$ {  y& W4 _; ]7 E% A- X
    13.     'v.': '#539007',
      1 `, c# S1 B) N# Y) f$ t9 U' |
    14.     'vi.': '#539007',& L9 q5 i3 E; j- `
    15.     'vt.': '#539007',7 ~4 p) A1 t# n9 V$ h/ I, [) N
    16.     'prep.': '#04B7C9',$ B, t2 K( m1 f( O7 c  ]
    17.     'conj.': '#04B7C9',
      $ Y- M3 j5 p+ ?1 s2 E2 @% J% ~
    18.     'pron.': '#04B7C9',
      / W  u6 I# f# l! [8 P
    19.     'art.': '#04B7C9',
      2 J3 T/ T1 Z7 o2 T0 S
    20.     'num.': '#04B7C9',7 L$ M4 Z/ Q0 A9 g( \- A, o, m
    21.     'int.': '#04B7C9',
      - B. p% z% e0 O
    22.     'interj.': '#04B7C9',' Q, X9 w4 S% N+ K4 |
    23.     'modal.': '#04B7C9',
      9 Z4 f; l. @$ ^" r6 ]7 p3 b
    24.     'aux.': '#04B7C9',7 A. ]( x8 ^8 j2 @' [- r" @. n! `- b
    25.     'pl.': '#D111D3',6 `/ O( U" |# Y" \) v
    26.     'abbr.': '#D111D3',
      $ Q) }0 ?# K# h; j
    27.   };% [( `( z7 R/ ^, L
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
      ) ~; A6 Q$ y& @* ^
    29.     div.innerHTML = div.innerHTML2 a/ M7 E) c$ V3 G6 V( c
    30.       .replace(/\b[a-z]+\./g, function (symbol) {* Y' q. t7 G+ D/ J* R/ m6 `
    31.         if (colorMap[symbol]) {0 J" r7 k' g, r
    32.           return '<span class="cixing"><a class="hightlight" style="color:'
      5 L! o  A8 N  O6 p, `
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';
      ' i& r( s7 @8 m$ \7 R$ o9 H  H
    34.         } else {8 ^: G4 s/ Z( Z6 o! I4 S
    35.           return symbol;
      % W5 L' q9 ?# a3 W
    36.         }0 P- W& G9 d9 ~3 n" O
    37.       });3 W- I1 b8 z6 q# n
    38.   });
      ; q# F6 d% Z5 H4 G0 ^# {4 A* y' M

    39. / p5 z9 O. v8 M
    40.   var back_div = document.getElementById("back");
      + S' _: A* m! K- y. ]$ }* [
    41.   back_div.style.display = "block";
      2 i2 v& z7 Y1 z
    42. , O% z( [4 D' j- W3 ~1 j/ D, Y7 q
    43.   window.addEventListener("resize", update_ldoce6_height, false);/ }: h) P$ A# r& i+ |
    44.   update_ldoce6_height();' Y4 @1 q' s/ U) |; ?. i! Z4 A

    45.   A2 \  p) F' B/ j/ j' q
    46.   function update_ldoce6_height() {! \& O2 n, T/ X; D/ J8 o2 `& O0 ?
    47.     var ldoce6_div = document.getElementById("ldoce6");
      * y2 F# A+ R% ~# X* q  F
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
      * t0 V, g. n: b7 t3 q: f
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;
      8 @! }. F5 c9 B
    50.     ldoce6_div.style.height = preferred_height + "px";
      ! W0 V* h8 Y* R, L& p% m
    51.   }
      0 `8 @& g& m" S

    52. 7 @, u" r) q$ g" C' o
    53.   // test to show the file name
      * `. j( e3 n* y, R
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;2 m5 ], w6 J$ A0 [* Z# V

    55. 4 Q  E  {0 {' t1 {2 U- u
    56. </script>5 T3 Z" f* A  [  H
    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 编辑
    # u  b# J+ i  z8 O0 D: Q
    - Q; y- \5 [3 c/ h& ~我想可能是这个标签里缺点什么:<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) W# D( D4 d; b1 t
    ankifyh 发表于 2018-6-5 16:53) {/ B" L6 ^2 |- H! D. Z9 W
    我想可能是这个标签里缺点什么:

    % Z& }) F+ X" D+ z; _$ \. X9 P2 V" r' z" Q& l4 S; j$ ]: i7 t
    代码应该是OK的,我直接从我正在用的card里copy出来的。
    " W6 _. e) ~" h<span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。' I2 G6 I8 r; \2 P+ {3 K+ D
    如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。7 T" F4 P, y* l, `/ D8 `
    你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。# y) a  E& Y0 N7 @1 R2 n
    - C* H' }4 ?  [$ @8 s  i( t
    按钮部分看这里:0 h( k' F: ?1 T- ], u
    1.       // add audios of the examples9 {$ h) b  \: j0 Y
    2.       var examples = document.getElementsByClassName("example");
      ! A9 e/ u1 q- f# }6 d
    3.       var example_audios = "";" t! W4 g9 Z# |8 ]/ j
    4.       for (var i = 0; i < examples.length; i++) {
      0 v, [: S5 H+ i5 C/ V7 s
    5.           var e = examples[i].innerHTML;
      6 q. d: U+ `. N, l8 R6 l
    6.           var index = i + 1;
      ' }, I" P% Y' T! g
    7.           if (e.search('mp3]') == -1) {
      2 |  ~. U3 n3 P$ q& w) ~9 Z( c2 W1 g
    8.             continue;1 R7 [5 \) x, l' @2 q1 a; g
    9.           }
      9 f/ ]& C% z# F( A# ?1 e; j
    10.           example_audios += index + e.split('<img')[0];5 P8 g7 W$ J0 n7 P/ U& u; k
    11. //if (i>10) alerta(e.split('<img')[0]);0 j: ]: ~5 W# ~6 Y8 ?7 L1 F
    12.       }
      3 ~- n+ p4 k( z' @
    13.       var rank = document.getElementById("rank");1 P  x( ^! h8 O3 b: 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
    - I3 g2 D& J4 T3 i8 H/ i& d8 p, ^6 w8 p" O我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...

    9 d5 O1 Q3 X6 m9 m====Front Template====
    + z* d5 G  v& X( I7 W<div id="front">
    7 h" y$ B% m6 e. ^; s; N6 ]: H; l8 H4 D5 [/ T
      <div class="headbar">{{Deck}}</div>
    & \$ i. d: S. i) @7 v; R# E  d  <div id="word">' j2 B9 j# `% Y6 [* \# x8 J9 Y
        {{单词}}
    2 ^2 |2 S5 s3 |# E! c; N6 c    <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>, i) i7 m+ U6 K  n  q8 |! o8 @$ ?
      </div>2 z9 Z* a. z& Q2 D. k
      <div class="yongfa">+ S0 X$ K! {8 u/ P" D
        {{用法}}
    # Z* g9 u) n+ [: U  </div>* B- H% R1 c3 f4 P& a

    - |! n2 |* }! ]. }  <div id="back">
    & m7 c9 A5 b' r6 P- X# ?5 S3 H% o    <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    & u9 @* n  u6 e2 H) F8 W    <div class="shiyi_youdao">
    * E9 q8 V: s6 r5 I8 f- _% `. x- w      {{shiyi_youdao}}
    9 G; y7 f# g/ M6 M, }    </div>  n8 e0 I; }% j( \6 [9 m: t
    . R. x4 t4 b7 R
        <div class="headbar">LDOCE6</div>, s  ^9 ~, k4 P$ `; A
        <div id="ldoce6">3 P. a) d4 a) K/ q7 t+ ^5 W% j
        {{LDOCE6}}
    5 Q. ?; M, {  u, z7 W/ D# e  f. W0 l    </div>) ^0 k0 L! e- ?7 r  x; r

    8 y4 f( _8 l: z5 n! \' f    <script type="text/javascript">4 y. C; d: D* M, P* Z# t
          // format yonfa
    * i$ i' x. S; M& s& |      [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    ' z# L/ L; e6 i5 e0 u3 G7 Q. j        div.innerHTML = div.innerHTML
    8 v$ `9 v( R0 ?3 H: N0 X5 D/ [          .replace(/[1-9]+\)/g, function (symbol) {* z1 {6 ~% W. H, }
                return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';( u$ L/ A- J: Z4 o2 a/ K) w
              });% m% w. S! g, y
          });
    / U% J1 n  d+ Q/ v- {# X/ h# m7 b4 Z% L' |" @- ?3 C  C
          // play the Ammerican pronouciation
    , Z  G) U/ S) i# A1 A/ W      var amevoice = document.getElementsByClassName("amevoice");
    * x( ^7 H. c( ]" S      var anki_modified_code = amevoice[0].innerHTML;3 I1 G. x$ T8 m) Y( a
          //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;$ Z( s4 w+ v7 o& M! Y" l
          var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];0 K- u) E' z1 |3 [6 C
          var audio = new Audio(filename);
    & K) X& e8 g: C, ]; ~      audio.play();
      B7 Q- ^( F. B: _1 P% d
    $ l4 P1 {. I. `) M7 s      // add audios of the examples
    + k# S6 n, Y. }! B      var examples = document.getElementsByClassName("example");4 \; R4 o& m. e
          var example_audios = "";- U1 Q" V, h' ~) c
          for (var i = 0; i < examples.length; i++) {9 m3 ]7 t$ H# w. @" B8 V( f
              var e = examples.innerHTML;
    6 x/ w! A9 w' C2 g          var index = i + 1;$ Q% e: y4 g) S4 Z6 a! }
              if (e.search('mp3]') == -1) {
    . {4 F. V/ Z. X8 A4 U8 U            continue;
    & U. `- I8 V. z+ C" ?0 I; ?          }
    & t4 x3 M$ S& Y0 c8 u          example_audios += index + e.split('<img')[0];
    6 M8 @) ^$ t- m. _! S3 h//if (i>10) alerta(e.split('<img')[0]);3 [' ?" P; M; O! h
          }
    8 R% c; d8 U3 P/ k      var rank = document.getElementById("rank");
    * E) d( s& L3 M) P( u1 N      rank.innerHTML += example_audios;# o# h/ C6 R  _& Z* Z& P
    . W  C% W7 N' w7 U+ `6 ]6 A
        </script>: \8 T" G  Y% v# D* ?
    ====
    " S* Z1 b, V( |' Y! T
    7 a- c' q# f% V% M/ C0 [- z====Styling====, O7 m/ _/ }7 O6 l% Q
    /*页眉页脚全局样式*/
    " o' S! @1 Z8 T.headbar {
    / P; H1 A/ k2 L. n  B6 S, b  L  color: #aaaaaa; /*字体颜色-白色*/
    ) ?9 i) o- P! h  padding: 2px; /*四周留白-5px*/) W1 H. Y, }- G8 [. \
      text-align: center;
    8 p$ r, P" j5 q) ]  font-size: 10px; /*字体大小-12px*/
    & r' z7 b$ s- ]) {  background: #365899;  x% X, t& R. G& q+ j
    }
    ( I1 N1 K0 k3 C
    0 A$ A9 A& _$ l  ?4 Dbody {: Q% c1 l" N/ L- Q7 X; [
      background: #c7edcc;6 D4 S& v0 Z) V# g
    }
    6 p! i3 z6 y4 o) x+ `, [% n& T2 J+ }4 h1 y4 f7 K' a+ N
    #word {; q( [' q0 O$ P% [8 m
      font-size: 36px;
    / K% k: R9 }1 f  t- d  I+ A  font-weight: bold;
    * {, M) Z; H2 D% ?: f" |  padding: 5px 20px;# s2 E& K/ z: h$ Q; q2 w
    }
    : F# u1 G( f( l' W5 a2 Z) l3 G
    1 m# m) k9 l& ^! X4 c0 P  N6 h#rank, #example_audios {
    " Z- q& f; A% c# Z6 [3 q0 w, O  font-size  : 12px;
    ; i: F/ t# c3 ?' W* v}
    & ], D9 J, S. \, }. J1 T
    - R0 a0 S  j1 B9 f.yongfa {
    & t' T  C# D2 ?6 [" g  font-style: italic;& W; i- n, o, D  j+ a
      display: block;
    : C7 h& D3 j2 [8 a3 n  color: blue;
    / A& \4 E( [9 n0 R0 [$ o5 H  padding: 5px 20px;
    ( d8 x* y- j' l0 q: U& Q  font-size: 14px;
    ; }6 C* Z) v) a9 o; O  line-height: 1.2;
    2 H7 B- N! y; m' v}
    ) m3 J& m7 a: H9 M6 O0 T$ Q7 Y# p  N) y$ P& P
    .shiyi_youdao {
    * j- |0 A  l% |- u1 [  font-style: normal;
    9 C7 q' @8 y4 [! \! X9 y& G  d  font-size: 18px;
    0 F. k( k! ]! A7 M. L; u  line-height: 1.2;) z: K' O; E) w% J# c/ M
      padding: 5px 20px;
    ! S+ W; f' P, f3 F) I}
    & j1 C$ b. U' E& {$ [4 r7 _
    4 \2 o( ?& \5 m' C) I8 Y.hightlight {
    4 ~: R( K4 `) a3 }  font-style: italic;3 B9 q3 x  T5 z  S1 g7 }6 a4 A3 Z
      font-weight: bold;
    % m; x9 [9 n/ S2 r. `+ N: m3 n3 @}9 e4 Y" H& E# ~# f5 h. v  K
    ) J% Y0 D; u8 Q! l
    /*0 Z2 M/ P( e! b# M/ a) M1 p
    ._LDOCE6 {& l, U4 t& _4 ~. ?1 m4 J
      height: 480px;
    . x9 S; g( Q7 O0 k  overflow-y: auto;5 l1 C3 C5 M! C/ R) H
      font-size: 14px;
    ) j6 l: V! ]: h  padding: 0px 10px;
    # X7 W, n+ }  o4 L+ A) d0 a% X# u}
    " l) d) M% e! U*/
    0 A$ K. G# b) D/ u. E9 Q+ Q- \9 @. [& p' W4 C$ G$ S
    #ldoce6 {2 y4 T$ i: P5 Y5 G0 m! [2 V
      overflow-y: auto;
    & K* s( o+ ^; d1 h  font-size: 14px;( E9 L. c: Y; x. p+ n
      padding-left: 10px;
    " T( T9 y! y* n  u1 Q}
    8 o1 j& i: d, m0 ~) N6 }
    / ]8 a: ]( a" t
    4 }1 v  q3 A/ ]7 T7 k! z9 M( `#back {/ i# P: c% D1 v' g5 P
    display: none;
    / H, Q9 V" d5 ]1 V% |) k}
    3 _- F6 M: G! A2 F. G5 X; f8 Q# j( t) h5 B
    /*9 M+ b, u+ p: f4 S6 O
    .cixing {) |3 ]) y; f# N; ?; S5 {
      display:inline-block;
    ' ^! G7 _; i4 n" d$ D  text-align:right;6 j1 p+ m" j/ ~& I0 U, X, t# E
      width:40px;! t4 d, B- K) M/ P
    }' ^/ c+ `& b9 M7 \8 R/ R4 B' U
    */
    ) q/ ~& X# U, g====! p, o+ n$ g/ Z' e; d% {! ^
    ; c  C- s- f1 L1 k6 z1 [2 r8 N; w
    ====Back Template====
    4 }$ _5 U2 d5 q, o<!-- 背面区块 -->- P. c! L# v9 L  e. Q+ [- P  l
    {{FrontSide}}
    ' h" K7 w& n7 M1 E<!-- 页眉区块 -->% x& r" ]9 y  l/ S3 v, A
    <script type="text/javascript">( @  _/ N, |- q* e& s

    ! u( q  u. h: S( ]; J1 H+ n% C3 S/ t  // format shiyi_youdao
      M& k' L* V+ t6 [/ g" R  var colorMap = {
    : d" E6 f! B; T+ Q$ O0 q# D    'n.': '#e3412f',
    . z4 d8 y2 O4 J$ C/ ^    'a.': '#f8b002',: J9 n: z: `6 }! J/ ]) ~* \
        'adj.': '#f8b002',8 p9 y7 v3 |/ J  ?9 T$ ^' g! I
        'ad.': '#684b9d',# @  [: j- _/ F
        'adv.': '#684b9d',) K/ j! X5 n5 n
        'v.': '#539007',! [* g% Q* F+ F* _: W' R
        'vi.': '#539007',
    ' w# f7 v4 J+ r$ z  B    'vt.': '#539007',
    9 K' L( x4 E/ e7 s/ D    'prep.': '#04B7C9',8 ?5 E; J5 Z* N: I$ x1 F% y! b& }
        'conj.': '#04B7C9',$ S1 |0 r1 S; [! E# P5 _) v
        'pron.': '#04B7C9',
    - y! t- F0 R8 T% j9 o    'art.': '#04B7C9',
      [( M9 i2 G7 L3 }- k& G$ U( }    'num.': '#04B7C9',
    1 m: Z1 a7 j' q7 r0 u( i! u    'int.': '#04B7C9',
    % i8 C. Y1 a% t6 x6 P0 y    'interj.': '#04B7C9',$ B' w& M- M' s( p2 ~2 c: `; H
        'modal.': '#04B7C9',+ E& M0 e, I4 H3 M+ Y
        'aux.': '#04B7C9',/ I6 u) @; l; t* L4 E5 E# R
        'pl.': '#D111D3',% }2 r5 Z) v4 c5 L5 v7 u. f, S
        'abbr.': '#D111D3',
    . {* o  L( M0 F! R  };6 X6 \: R) G8 t. Q- Q- [
      [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {+ J: _, }+ v# U0 G0 y
        div.innerHTML = div.innerHTML
    - T4 K% O7 ^. ]0 u8 @1 h      .replace(/\b[a-z]+\./g, function (symbol) {
    8 r4 y0 A* j) D1 G        if (colorMap[symbol]) {. R% c# |5 B, U0 O) y7 c
              return '<span class="cixing"><a class="hightlight" style="color:'( }4 ^. }0 }! i" v
                + colorMap[symbol] + ';" >' + symbol + '</a></span>';
    , n: N9 @1 ^' g5 ^1 _" b        } else {* f$ E* b: l' m) N. i# q
              return symbol;
    ! D$ t; o0 M4 D        }
    3 z2 ~. E& J5 Z' w, {0 l4 p, z3 z# g      });* s+ k: Y4 f; T6 u
      });
    ) G2 b0 ^* N; o  \2 K' p
    # K5 z; A) v$ I  var back_div = document.getElementById("back");
    , ?- o3 a1 i5 w9 B+ _% r2 h  back_div.style.display = "block";) L$ _0 C2 C% k2 C. Q) H+ b  D' x

    - `; {+ _# v4 C; v) L  window.addEventListener("resize", update_ldoce6_height, false);
    # P4 Q+ O3 t; {+ n7 m  update_ldoce6_height();
    0 }! y  L: K0 H3 v) U$ v. E0 f0 ^- ~6 i5 \4 q8 {# u* N
      function update_ldoce6_height() {0 t9 k. \0 Y9 }$ ]% A7 t
        var ldoce6_div = document.getElementById("ldoce6");' {/ I$ f4 }; f' |$ e
        var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
    ; \* o; j5 z' H+ B    var preferred_height = window_height - ldoce6_div.offsetTop - 20;) w- ~  S/ k9 \% N. Y& F1 v
        ldoce6_div.style.height = preferred_height + "px";; [  x$ w3 `0 {  B4 u& f- s+ i
      }5 g2 h$ d( x/ p+ \& ]9 w
    / P8 i/ [$ Y# ~( b
      // test to show the file name" {6 N; S8 [9 l5 U$ Z( m# t5 d
      //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;# o9 T( N& S3 I3 t& W" _1 _
    5 R  X9 k! t" D% t
    </script>
    , `! [1 ^+ K0 v# \4 f% Q<script src="_entry.js"></script>
    : l* h+ i1 Z- `# H' t" J====
  • 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
      W3 G( Z$ ~. Q  L3 r我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...

    5 D/ C; e6 C$ A% X+ m/ E, H还真的是够白的啊,哈哈: m% E9 J, `5 t4 h0 i
    这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    " y) A+ |- a- {2 q我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:502 |5 f* s$ O- l  I6 Q( t! Q& x, T7 _
    还真的是够白的啊,哈哈
    2 D! ]6 N* o6 T% Q这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    , h8 i. m, B* V( [, \) M+ k我在共享的文件夹里放了个 ...

    : I5 C9 W1 |* a2 A- N) `+ ]thank 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
    , h/ k7 c: Z/ h% w4 n葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...
    & D5 W1 e  e: F, @0 l  M; X
    我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。: {7 B( v7 ~6 T' _
    我也只能帮你这么多了,
  • 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 | 显示全部楼层
    ( C' F+ f% T  ?/ n
    重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对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 | 显示全部楼层
    感谢分享!! s6 I+ ], E+ {% @) l
    这个版本的朗文很精悍啊,原版论坛上有吗?$ s' |  s7 G! d  o
  • 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 14:41 , Processed in 0.110685 second(s), 4 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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