掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: hhuang

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

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

    [LV.6]常住居民II

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

    [LV.6]常住居民II

    发表于 2018-6-5 05:26:29 | 显示全部楼层
    非常感谢,但是导入太慢了,提个建议,希望利用anki浏览器功能的辅助把该牌组按照每1000个词频大小导出为20个apkg文件。苦于手头没有电脑,不然我即刻就做了。甚是感谢。
  • TA的每日心情
    奋斗
    2024-4-28 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:547 a! }$ P0 b$ F7 b6 S' d
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...

    * A$ T: P2 B8 V" i) u, MFront Template:3 p/ u6 z9 o& A: r
    1. <div id="front">
      ; F2 z; d1 ?2 H7 _' P

    2. * z2 b) G; |" @. v% m
    3.   <div class="headbar">{{Deck}}</div>/ F8 p( _, H# O0 X- A. V
    4.   <div id="word">
      : s% }( Y& y& e3 n# f1 s( Q& P; G
    5.     {{单词}}: a: v# G* }) u6 p8 i) `, s
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
      ; A5 `- f* q& B0 e( w+ A) \
    7.   </div>; T3 s( e* K0 A5 v# }% Q) G- u
    8.   <div class="yongfa">
      : u. _6 V1 Z5 m2 s
    9.     {{用法}}
      # J" \" J4 d/ U1 C
    10.   </div>
      4 H0 e5 M, v# N) k- x& m+ X. E2 O+ I
    11. * H3 ?& ]5 S3 f, b  c4 C
    12.   <div id="back"># H7 w5 E  B' E4 w/ ?
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
      % h3 r+ \7 `7 R1 A3 d% [8 I
    14.     <div class="shiyi_youdao">2 Q" T( @' }3 |) x, t, Z
    15.       {{shiyi_youdao}}. a* k) L" f: K$ \+ e6 e
    16.     </div>
      1 a/ J' E- A* s8 `) X; c" ]9 ~/ |
    17. 9 t1 d6 I4 B; N- e" B* a: }2 D
    18.     <div class="headbar">LDOCE6</div>7 p) ?, T) [* s* Q6 l9 ]1 ^5 m& \. S
    19.     <div id="ldoce6">
      0 v9 H/ M! G3 o( `/ B
    20.     {{LDOCE6}}
      # U, [. {/ m) S
    21.     </div>% K3 ^7 f2 F$ ?0 `

    22. 9 J0 `- c' u  @
    23.     <script type="text/javascript">
      " X8 w& p5 U- @; C
    24.       // format yonfa3 @/ _9 ]* U  B. N6 E$ Y& z- O
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {: Y" G1 l# Z+ x* Z% O: Y$ y
    26.         div.innerHTML = div.innerHTML
      2 V+ ^7 O6 ]% Z* S5 Z6 C
    27.           .replace(/[1-9]+\)/g, function (symbol) {$ E7 J* w, r1 m9 l9 z
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';* T/ Z. C& ]: l# M. t
    29.           });& z5 w: `" Q' l
    30.       });7 b; f6 \, t6 X0 }; A( B) j0 |

    31. & H8 K4 {3 W, x% k5 k
    32.       // play the Ammerican pronouciation
      7 ^7 }3 g4 S+ w* |& E
    33.       var amevoice = document.getElementsByClassName("amevoice");
      - f# H: v% j: ~! P; x
    34.       var anki_modified_code = amevoice[0].innerHTML;, @8 E7 @6 v/ P4 q, Q
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
      : P: P" G4 o! R8 B3 g9 Q1 r
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
      5 K+ S9 |' \  ?' m) N+ L
    37.       var audio = new Audio(filename);. f& c3 o1 r( q
    38.       audio.play();
      ' Y  V  t( A9 Q- b! s& z
    39. 1 a: E3 |1 H; B
    40.       // add audios of the examples
      - @! T/ l" s, m
    41.       var examples = document.getElementsByClassName("example");
      / J4 g- H0 m0 _, r5 K) s  D
    42.       var example_audios = "";0 Q# s- M' d" Z8 A) w% Y# F# l
    43.       for (var i = 0; i < examples.length; i++) {. }$ Z5 x/ ]0 F7 [
    44.           var e = examples[i].innerHTML;7 u3 g; W0 `( \) _+ v' Y
    45.           var index = i + 1;( V7 G3 W/ D1 A% @9 s
    46.           if (e.search('mp3]') == -1) {0 }  P( k4 j  H, h: V4 U
    47.             continue;. s6 q( T. O" H: k" K0 h
    48.           }
      6 n  d9 g" j4 Y& j  l( Z) @1 v( J
    49.           example_audios += index + e.split('<img')[0];
      % s5 L4 X6 e& f' r3 t; ^9 t2 c
    50. //if (i>10) alerta(e.split('<img')[0]);
      . R; |: t) `( o8 d
    51.       }
      + F5 {. L8 y- C
    52.       var rank = document.getElementById("rank");
      ; z+ M* R1 C; ^! c/ b6 m
    53.       rank.innerHTML += example_audios;
        k8 K5 g8 n. n# h0 S9 S7 |

    54. 8 q6 t* J) c- l" n
    55.     </script>
    复制代码

    ' C2 B# x4 v. a  j/ D7 e2 P, _5 Z" r. U9 g. ]6 a& q% f( r) i
    Styling:: [) y# d# I& s, z" N% M1 `
    1. /*页眉页脚全局样式*/) X1 [- s& z$ ~' @2 X5 g2 x  \
    2. .headbar {
      ! J8 H/ h/ R0 B
    3.   color: #aaaaaa; /*字体颜色-白色*/
      8 J4 U7 Z; p4 h" p- v
    4.   padding: 2px; /*四周留白-5px*/% E0 Y3 C5 B. K$ M2 Z( O0 ?
    5.   text-align: center;# L+ f# M  |% N) |' [
    6.   font-size: 10px; /*字体大小-12px*/
      6 K- y$ `9 T3 {7 ~4 m5 f; J
    7.   background: #365899;
      $ m: d& H5 q0 O" G. ^
    8. }* ]3 h$ d  P+ X: j( z$ H

    9. , f, y( ]. y* M, v4 b+ [
    10. body {4 G7 |$ _0 ]+ r" x5 \% M/ v1 c7 i
    11.   background: #c7edcc;: Z) I4 h- t1 W: N; T6 G
    12. }) v( t. W+ w! c* _
    13. - p  s4 {( c) k
    14. #word {: R8 |' i$ R/ T" Y# g4 u  r* h
    15.   font-size: 36px;' C6 l4 b* a6 _  p% j
    16.   font-weight: bold;
      2 c, c( H7 y/ y; k0 z3 l
    17.   padding: 5px 20px;
      ) |  s9 U: Q( w8 z4 |* q5 q/ O
    18. }
      7 R+ Z4 L) y: K" P8 t/ T" \1 C8 g

    19. 4 a  I, Y$ S  p$ i
    20. #rank, #example_audios {# f! m( i* z* C; w" ^  \
    21.   font-size  : 12px;
      ' h; s, s8 W  j% _
    22. }4 o4 H% w% y9 X. @/ S7 k
    23. 5 G3 `: g9 u/ i" D) h1 \5 q0 u
    24. .yongfa {& b; n5 g. [2 }! L& ?
    25.   font-style: italic;0 G! R$ Z. e0 {6 S9 ?. ?1 B8 X
    26.   display: block;  O( F1 m1 ]% j
    27.   color: blue;
      1 z! t, Q) y1 p5 E( d
    28.   padding: 5px 20px;
      / e5 q' r4 s  ~8 K+ L0 N' X/ W+ i- W
    29.   font-size: 14px;" a4 U) n0 z7 o; c
    30.   line-height: 1.2;
      * n% w! a' Y4 K7 F4 a  u. J
    31. }
      ) ^1 t" Y* A+ R* t3 T7 Y% p5 y

    32. , ?: {( N2 F! R( p6 O5 z
    33. .shiyi_youdao {& Z( I; t8 S& n6 Z6 S
    34.   font-style: normal;+ A- h1 p# Y) r9 |7 }3 _
    35.   font-size: 18px;
      8 E7 W) ~; U) _% s: e
    36.   line-height: 1.2;
      $ [, }8 J1 `3 W7 H) E9 J' w4 G# Z; E
    37.   padding: 5px 20px;# a3 j) Z1 ~7 C
    38. }
      5 Z: z/ _+ I/ J5 R. N- `+ W
    39. / \& }% r& }( K6 ]" ?
    40. .hightlight {6 ^3 f# b% y+ u4 |
    41.   font-style: italic;
      * T, W+ G- R0 r" K
    42.   font-weight: bold;- X- t- D. V' ^6 X$ n
    43. }. g) h' i+ m0 I2 z/ @- \
    44. ' q  [% F  U' g% i" ]
    45. /*" d/ i1 v- ?& U0 _$ ~3 A% E  f
    46. ._LDOCE6 {5 w" v* m2 c- o  r/ W4 H( Q
    47.   height: 480px;5 G$ y( a/ S4 f" N6 S: }" n+ x
    48.   overflow-y: auto;" h, L$ R# x" d' v7 F& s
    49.   font-size: 14px;, h( g2 u) p& O3 [! z2 y
    50.   padding: 0px 10px;, R9 c  ?4 `2 L
    51. }
      8 S% C( y, S9 A1 a7 Q
    52. */
      - u5 _% ~- I& a  D  v  [, I  j
    53. " G/ m- U% f$ g) ]& M5 C
    54. #ldoce6 {: D) t/ R7 Y- x; w/ T' r) |% f1 n- b
    55.   overflow-y: auto;
      : n8 d5 F, M( R
    56.   font-size: 14px;
      ) j  Z( C% h( _' b3 V+ I
    57.   padding-left: 10px;
        U3 f5 J- M% G8 l, I# z. z- G
    58. }
      1 O( ]7 l4 [6 h# V! H) |5 f) L

    59. ) g2 j" F. ^8 C6 s6 |4 j
    60. 7 w* A; N* K0 R* }( U2 U
    61. #back {
      + V$ I: X8 S; H
    62. display: none;% K9 ?: k( ]6 i$ [
    63. }
      . j9 _7 L  _" i% s

    64. * t: D5 a0 t, }
    65. /*
      4 C- o1 b7 i0 D) k6 Y
    66. .cixing {, @) `* W. q( z8 A
    67.   display:inline-block;* {" e( Q: ]; ~* D, a
    68.   text-align:right;" T5 d2 d: O1 p! a: B
    69.   width:40px;- k! A$ {/ L2 Y) p
    70. }" ^2 J7 j, P2 _$ C- R4 u* ?
    71. */
    复制代码
    % h+ X6 s/ G/ ], A: |9 _! r

    & c# {9 ~! y1 b" bBack Template:1 C0 q( n( k$ b! b' P' e& Z
    1. <!-- 背面区块 -->$ i$ I; {/ _/ {! ]* ^4 }. i
    2. {{FrontSide}}: }- x" Y' Y+ x0 A8 A, V* A, y
    3. <!-- 页眉区块 -->
      , Q5 R/ w; S. l/ A) `
    4. <script type="text/javascript">
      ! O. Q! {1 ~6 ~" V: h. p
    5. * P% s0 J' n( `( r8 R  l
    6.   // format shiyi_youdao
        W1 }6 C5 f. D9 }- |
    7.   var colorMap = {% m+ `5 J' M0 g4 B
    8.     'n.': '#e3412f',
      " T! y+ m  ~9 g' n, B5 T
    9.     'a.': '#f8b002',8 u+ B6 j+ E- R# S% f2 _/ }
    10.     'adj.': '#f8b002',/ C/ o& t4 \0 Y  h: ~% N" a
    11.     'ad.': '#684b9d',( [9 H! Z- a4 ~
    12.     'adv.': '#684b9d',  @% p( s. U2 s+ G
    13.     'v.': '#539007',
      1 p1 ^+ ]' h! f! _, P
    14.     'vi.': '#539007',
      9 j( i9 m2 F+ P- |
    15.     'vt.': '#539007',  k" B; t% H- y  U. J' M
    16.     'prep.': '#04B7C9',
      $ i/ S/ O. g) f
    17.     'conj.': '#04B7C9',
      : ^& h" j3 x7 a; C! Z
    18.     'pron.': '#04B7C9',$ |9 L% x4 d' C/ j
    19.     'art.': '#04B7C9',( P- o2 {$ K1 |. O% ~
    20.     'num.': '#04B7C9',3 K! B7 y0 a% b1 V* I& [
    21.     'int.': '#04B7C9',
      / G7 O6 y8 s1 n* Q: t2 q3 c
    22.     'interj.': '#04B7C9',
      5 f5 f2 t/ I! P! v1 j+ D5 k
    23.     'modal.': '#04B7C9',
      ' e: a8 h0 n8 Q  w$ e5 \# c
    24.     'aux.': '#04B7C9',# d- M0 ^' P9 z  l8 @/ k
    25.     'pl.': '#D111D3',
      , Y& a: t7 G9 h0 H6 D) c& ^' i
    26.     'abbr.': '#D111D3',2 Q( `/ [  {1 `3 X) n+ g7 y
    27.   };; K* T& o: m9 E1 r' c( @0 B$ Q
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
      ) S. A" b  d& R- i
    29.     div.innerHTML = div.innerHTML
        q+ [% R" d- `& ^; a7 a8 X
    30.       .replace(/\b[a-z]+\./g, function (symbol) {5 r& k* I! B* Y& B
    31.         if (colorMap[symbol]) {1 g- J, M/ @4 i# G" Y7 P: H
    32.           return '<span class="cixing"><a class="hightlight" style="color:'
      ( G/ O! E5 }' c8 p
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';/ J/ p3 ]/ ^2 b! Z, O9 M
    34.         } else {1 a$ V$ g/ M& y8 C$ B% h. O
    35.           return symbol;
      , Q. g4 }7 t! N$ M) c
    36.         }
      & U- Y* D" _) V1 x) E
    37.       });
      ) }. d3 K# _' A9 B" l3 H& N
    38.   });- h+ P! Z! I, D8 |
    39. ( w3 H' M8 O1 _( S
    40.   var back_div = document.getElementById("back");9 W0 C: E& A* B: d5 u) K3 H
    41.   back_div.style.display = "block";
      + A/ q& t4 P7 E! Y' p

    42.   H5 b- R( q% t" Y) M$ p
    43.   window.addEventListener("resize", update_ldoce6_height, false);" ~! l9 Z9 @$ U8 L
    44.   update_ldoce6_height();
      # w$ m7 _3 U/ p

    45. & Y1 L0 R1 e: x* C: v8 x1 A
    46.   function update_ldoce6_height() {
      ; r/ g! u2 e& S
    47.     var ldoce6_div = document.getElementById("ldoce6");
      ! w1 w4 x& X) ]
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
      1 P+ M$ ~& I  h; |7 k7 d6 ^
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;1 w4 z- l9 V+ K. d; B, C4 m# g
    50.     ldoce6_div.style.height = preferred_height + "px";
      $ w, B' K# X) M( h& P
    51.   }
      + \9 a; o! I  p! v4 @- ^+ @

    52. $ m% j0 h7 |$ z9 j) t
    53.   // test to show the file name
      % V6 ?" O1 G$ K6 L6 ]" ]2 L* `( T
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
      * V1 d9 o9 e$ k! c1 a! K! @: ]
    55. 0 O1 R+ I- ]' _6 g$ I; r
    56. </script>, X, d, c/ i: D6 t. F* m1 L/ f$ s
    57. <script src="_entry.js"></script>
    复制代码
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

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

    [LV.6]常住居民II

    发表于 2018-6-5 16:53:16 | 显示全部楼层
    本帖最后由 ankifyh 于 2018-6-5 16:54 编辑
    0 `% B/ O- ?/ e+ j, Y
    , M! k! F+ C8 J我想可能是这个标签里缺点什么:<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 编辑 * G( d; k5 K0 T6 i" p) Q1 e
    ankifyh 发表于 2018-6-5 16:53$ E: s& G$ ^& \  h
    我想可能是这个标签里缺点什么:
    " {# ]- ?7 q$ Q

    & l6 t& G2 ]2 t1 M% f代码应该是OK的,我直接从我正在用的card里copy出来的。9 k7 H  N; h  b" e! n- L
    <span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。
    6 C4 t- L; D1 _* T: i1 O1 E如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。5 n3 H) t4 k: i! V
    你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。
    3 R7 _9 Y. J4 x/ v0 s2 ~. u& X5 ^4 z9 U, T
    按钮部分看这里:2 b2 a5 G, n2 G' Y6 Z0 }2 O
    1.       // add audios of the examples
      3 y$ ?$ u- C% t! `
    2.       var examples = document.getElementsByClassName("example");' B% x( c- ^' u, _' i3 {) |" I" X4 K
    3.       var example_audios = "";
      3 t) ?6 `# O4 l# n& U
    4.       for (var i = 0; i < examples.length; i++) {
      & ~6 x5 B' F- S2 h$ w  m5 w# _4 d6 ~
    5.           var e = examples[i].innerHTML;1 ], c9 a) Z0 s# R! V
    6.           var index = i + 1;
        f3 e2 q  m# k' ?# V' P( s+ c
    7.           if (e.search('mp3]') == -1) {
      3 g; k9 k4 S- N9 `" V6 T
    8.             continue;
      9 R' E( j5 U7 {3 Q* G+ ~1 e$ ]3 {
    9.           }
      2 l3 L. V' r0 c; M5 d4 c: m  g# p
    10.           example_audios += index + e.split('<img')[0];. k2 B/ f! l( ^  d* X
    11. //if (i>10) alerta(e.split('<img')[0]);
      4 ]- Y" L$ a9 i3 l" Z6 m4 R
    12.       }: {1 B/ W4 R. k6 }1 Y- d* Q
    13.       var rank = document.getElementById("rank");
      4 C0 u" r. \* v# y. G" s
    14.       rank.innerHTML += example_audios;
    复制代码
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 18:49:56 | 显示全部楼层
    我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复制粘贴试一试。
  • TA的每日心情
    奋斗
    2024-4-28 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:490 c2 F  {2 C7 E# Z8 F4 Z% O
    我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...

    ; T: n' V7 u; i====Front Template====
    % m. N* g8 K) I) d<div id="front">, v; }( C# c; j' |4 Y
    ' I% X  O+ A. ]4 v1 N
      <div class="headbar">{{Deck}}</div>
    1 i5 D4 o# O$ [! Y  <div id="word">" e! h' X  m$ K4 ~. n3 C- a
        {{单词}}
    . |4 F9 H# y- E3 {# a3 x1 l, N7 s    <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
    ) G1 G, ^# E7 q, y, Y  </div>* t7 o) _8 s0 J& B
      <div class="yongfa">
    4 v3 n* q/ ~: ^4 C5 M    {{用法}}* Y) P+ w& o+ a$ K
      </div>
    7 J2 @6 F" T4 z3 [. E9 ]4 S9 S
    ( K( a+ F/ `% @( y, R7 u6 }  <div id="back">
    ! n$ N, ^& M4 K: ~* Q    <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    # y9 b3 H  n+ o, b3 k/ l    <div class="shiyi_youdao">( z8 e8 A3 `& _+ G& D4 Q3 [9 H
          {{shiyi_youdao}}* T3 r5 Y( H! m
        </div>
    ' \1 ?5 j- A  `- X/ X
    3 A3 c# I1 V- ?$ V- C& |% ]    <div class="headbar">LDOCE6</div>
    # m3 i1 i0 z2 \- j    <div id="ldoce6">
    " O7 Y% N' @8 G' P5 f# J0 u    {{LDOCE6}}
    7 e1 ]/ U9 Q' p8 ^8 w& R    </div>$ U# x. ?) X+ m& k7 Z0 u1 a; q  L- ]

    6 y# w. p" D6 f' U3 U) O    <script type="text/javascript">; t  @3 J" V7 k7 X& G
          // format yonfa4 W& `6 c2 r9 B, I; s
          [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {3 N& ]/ G; `- y% e+ N7 _
            div.innerHTML = div.innerHTML
    . \. k% Z) I5 H; M          .replace(/[1-9]+\)/g, function (symbol) {
    0 ^/ a9 `8 ?9 q" e- @( v: _, y! g            return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';6 {0 S) @& p* }! q; S+ R  W+ q7 I
              });4 ^- \: A7 D" G! J; W! h( f
          });! t5 w+ ]2 R3 K$ k

    0 D7 t: H3 T1 [. R) m      // play the Ammerican pronouciation
    ; e- k" ^; T  M4 k2 K4 h# H      var amevoice = document.getElementsByClassName("amevoice");
    5 V! P1 r# c  r, F- r      var anki_modified_code = amevoice[0].innerHTML;
    - M9 X% C- ]1 ^7 q      //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;3 E7 z! V" n: T8 n# q# I
          var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];  h# t2 \3 j) n& y/ W
          var audio = new Audio(filename);
    4 ]; c! P+ Z) L      audio.play();& C* w6 V* z. `( C

    7 b5 `8 R1 e' G' S" x1 ?& F  C% l      // add audios of the examples6 `' [  K* y1 f6 v
          var examples = document.getElementsByClassName("example");8 }6 F, u: I9 O& i5 Q" `
          var example_audios = "";
    * q7 e1 O5 Y' ^" o$ E      for (var i = 0; i < examples.length; i++) {
    ) R+ x+ }' v2 M; m% e5 `  u          var e = examples.innerHTML;+ j, W) i, |1 G, b; M
              var index = i + 1;: ~$ ?6 n/ G) {
              if (e.search('mp3]') == -1) {* g# i) E3 I4 F
                continue;3 V: Z. G: k# o' ]1 S
              }
    1 {3 f+ |. V' y: t' l3 X          example_audios += index + e.split('<img')[0];3 h1 W6 e% y" B2 l
    //if (i>10) alerta(e.split('<img')[0]);
    5 A, m- {! A0 ~6 }) a# J) |  b5 ]9 {      }
    % @8 Z) X, K( R4 J( G; S      var rank = document.getElementById("rank");% \0 A* b+ T3 h4 U
          rank.innerHTML += example_audios;
    7 h# b1 g8 T) |9 l" m
    . W& e5 l6 O3 L    </script>" J2 V5 P7 h7 m% Y
    ====& E3 f2 s( K/ d, b+ k

      i9 d7 }, v! _8 I====Styling====
    * u5 n1 P6 x9 |" m8 b: N0 ]3 ^/*页眉页脚全局样式*/
    ) B- d7 C# l1 h' j.headbar {5 D( a; c' O+ n  o# ]  s
      color: #aaaaaa; /*字体颜色-白色*/
    4 u4 P3 ]; P  T3 r  padding: 2px; /*四周留白-5px*/, h" ^3 c2 {8 n' s: O0 o9 E
      text-align: center;+ B/ x3 y$ p( V& f( g1 u
      font-size: 10px; /*字体大小-12px*// O6 j$ t1 l1 w  u5 h
      background: #365899;
    7 k& e) ^# x! c( m}
    ) G0 C% q' L2 m, g* q/ r- K; ]- \; ?: q0 M9 W0 n9 W7 H
    body {! G9 o/ S3 m2 K" k) ^& J4 N
      background: #c7edcc;4 F/ m0 N! D! E/ _$ d- i$ Y
    }
    ; K1 l1 e/ I3 K7 }  s
    , e8 O& [; f% Y8 ~#word {2 m( r4 H6 T. q0 f7 S
      font-size: 36px;  ?( o" M9 H9 d# A  c2 G* L8 Q. X; ~
      font-weight: bold;
    2 A4 R: _" Q: I! s7 C: ?* H" w9 ?! {  padding: 5px 20px;5 \. Y2 F/ ]& D" t" s; B9 ~: F. Z
    }" q# ]% H& }& P3 j
    ! r( i/ a: E: {( L/ G" s. x6 r
    #rank, #example_audios {' ?) \: A' k- d0 I
      font-size  : 12px;* l0 j: t0 G9 S" O
    }
    " F- x5 M" Q4 i3 x/ h
    : N1 F5 G* u" h. z.yongfa {, \9 T/ S4 p' q  y: T) v
      font-style: italic;
    ; y4 ?7 k5 A; U# p. f* l  display: block;
    $ c9 T7 P  f/ g* c: b  color: blue;
    % C2 R# |* C1 s; q' b  padding: 5px 20px;+ `. S" [8 }1 N' P* n9 e
      font-size: 14px;
      \5 [7 y6 V& s% G, M" M$ s  line-height: 1.2;0 }: X5 ?; ~" j2 A' J2 s2 |8 L
    }& n7 P! {5 {$ e8 x3 d! H% U

    . m4 I3 U& u; J6 O1 ~8 b.shiyi_youdao {" ^4 i: Y, ?3 q) t
      font-style: normal;
    1 v0 p! F, S0 p5 H  font-size: 18px;
    8 ^2 `; {" Q* y' Q. }' B, [  line-height: 1.2;# |- c$ U$ }! x
      padding: 5px 20px;* i" t1 k* Q! h1 y' q
    }
    , g4 y- i* T2 s! x7 C4 V' ^5 h3 L: l. Z4 u: @9 V5 A
    .hightlight {
    ( J- W# O; q& L9 {2 _; ?8 a5 h  font-style: italic;
    5 y: R" l3 g" i" T0 R6 U  font-weight: bold;. F& C4 R1 z* ^) [- n
    }
    ( ^! k8 }% j% u# w, N% u. R7 S* U* T0 w; \* ?, K
    /*
    3 Y8 u$ m3 E; r$ O2 c; q3 l._LDOCE6 {
    $ n; N' H5 I# v  height: 480px;4 x# _7 E& j' V+ Q" A5 B# ?* G
      overflow-y: auto;
    : a7 ^0 }9 z3 V  font-size: 14px;0 {% y( R" S; m* G7 F4 V
      padding: 0px 10px;
    / w. f+ C2 C* h5 j) F}
    8 J3 u$ f( w  r. w$ z! I- Z' E5 Y*/" p  x1 L- V( V) g' q  s

    . j- T" k  F( n; Z" r5 P#ldoce6 {
    + F% O) R3 m  Y* S* y; N, i  overflow-y: auto;
    / V/ B& O+ z# ]) Y9 o* r$ \" B  font-size: 14px;/ T1 D  e1 k+ Y
      padding-left: 10px;6 _' o. o, R: m! b% }; O
    }
    / N% n2 ?7 [9 w9 |' _8 s5 p( f
    + J. x# V! S% I$ n
    $ U. M; o- ~0 ]) a#back {) M% p6 x" @' j
    display: none;0 O& S$ r; E5 G- v2 Q
    }2 c1 r3 j9 G3 U
    + W% P! ]' x$ l( i7 B9 k
    /*
    # l4 y8 ]& `9 o4 x- z- o4 ]/ t/ E.cixing {
    7 s2 }2 K. I# _! O  display:inline-block;. F0 k( H& y: ]$ C+ R, @' E0 k
      text-align:right;
    0 p4 T& U; _, y1 A) {9 I/ x, j  width:40px;  a, E& b( G, c5 @; `7 s
    }* m8 ?) A1 c9 \5 _& Z* P+ E
    */
    ' c% T; X' d+ o! N' K3 b0 R9 X  ^====
    7 [5 E; ^" Q3 c0 ]. O. [; ?
    ( ~# Y2 O# e/ \7 s( y9 m====Back Template====
    0 B+ C0 m$ [; B<!-- 背面区块 -->( W0 Y" ~% Q  Q; E# q0 d
    {{FrontSide}}) D8 a* x+ G5 p1 y% m7 D9 M
    <!-- 页眉区块 -->
    - x; ^  `$ P' t$ L<script type="text/javascript">
    ) s6 C( y- v2 F8 ^) H# {5 A: T$ p) g6 A; M
      // format shiyi_youdao% B( }; N' @& U  h
      var colorMap = {$ m$ q. U: p$ u/ }% \
        'n.': '#e3412f',( n- t  ]8 ~0 f% {, K, W1 d+ D
        'a.': '#f8b002',% j3 R2 C/ A- x# z4 L! u1 R8 w5 }
        'adj.': '#f8b002',
    9 ?2 _2 ^+ ~0 ]. w    'ad.': '#684b9d',5 ]$ K3 r: e$ O( u# r/ u( c" o: k+ r
        'adv.': '#684b9d',
    . Z+ y4 E% @  O    'v.': '#539007',$ q: S! y$ P# ?. o! \
        'vi.': '#539007',
    ! p$ ]2 i* X7 |! [# D    'vt.': '#539007',
    # q* U( _2 ~) `9 D5 m    'prep.': '#04B7C9',
    - _9 G0 g" z  c& V3 i4 g: w    'conj.': '#04B7C9',
    " d5 S( l; U7 |' Q$ J# d    'pron.': '#04B7C9',
    / V; r; T) ^/ E0 a    'art.': '#04B7C9',
    ; u5 p, c: ^' x; }" [) D& S    'num.': '#04B7C9',* W3 t( a$ A  W6 K2 Z" ]1 K. J
        'int.': '#04B7C9',# `8 I  P! ]; _, A. h
        'interj.': '#04B7C9',  I6 f( x# r* H9 R
        'modal.': '#04B7C9',- c( h- {) g7 p$ e! B0 N2 W
        'aux.': '#04B7C9',* _& D1 F5 v( _1 X. L- Y4 V" E
        'pl.': '#D111D3',. L: _! H: s) ~  K  ?
        'abbr.': '#D111D3',5 z8 Q1 z8 Y0 K$ X6 B
      };. L& u5 ~  w+ ^) G1 l3 H, K
      [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
    ; e$ @  l- P& ?5 @9 o/ [8 G    div.innerHTML = div.innerHTML9 X: b  ^$ I; ]1 H
          .replace(/\b[a-z]+\./g, function (symbol) {
    9 C' G; t+ [& W+ [3 h        if (colorMap[symbol]) {
    0 j* h9 V" L9 x$ B1 S7 k8 b" j          return '<span class="cixing"><a class="hightlight" style="color:'1 ~- t; |! w' `3 t7 [& v
                + colorMap[symbol] + ';" >' + symbol + '</a></span>';
    5 _9 X( m4 |% q# U: B        } else {
    6 M' j) c' L  H" U( A          return symbol;
    & a9 k! K' n0 ~4 h1 i; X- }0 h7 D        }6 z# R( j" r: Q- Y* N) e
          });$ d' S! N/ g7 n. Q
      });' o0 ~* y2 {/ }& O
    8 z5 Z8 q3 r8 K9 L9 h, f* o
      var back_div = document.getElementById("back");
    & L0 ^' i6 c6 O$ L, ]2 V: A  back_div.style.display = "block";. l* E$ W7 e4 @& a1 O. q1 {( ]4 \7 B
    ) C( n. w- y' N
      window.addEventListener("resize", update_ldoce6_height, false);% o: U+ w) k9 a- ]1 ~! p8 D7 v
      update_ldoce6_height();
    & o" }4 }* X; e7 T, b: v0 k  b( Q' Q
    " E. a! _% ~1 |/ b5 ^& Z  function update_ldoce6_height() {
    ) M5 S$ M) S/ f$ u, w    var ldoce6_div = document.getElementById("ldoce6");
    ! f9 s+ Z8 X8 {" d* U0 A3 Y    var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;/ M3 M1 a; S7 e. @; Y5 V+ c
        var preferred_height = window_height - ldoce6_div.offsetTop - 20;/ o6 g6 I5 e4 I3 z
        ldoce6_div.style.height = preferred_height + "px";
    ) p8 O; A0 q: i% F! W1 Z# Z  }7 Y. j$ x) J# T( j/ q( K

    . K! M# F5 h9 ~6 q0 ^6 L5 ^+ u  // test to show the file name; j  b: ~  ]2 W3 K3 F
      //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;! v/ i' k  @7 F. P
    ; x6 @; h' b/ q' P3 g
    </script>
    7 Z7 ?0 R. K+ ^& Y4 ?" {! z1 H<script src="_entry.js"></script>
    7 \/ {/ M# e2 H====
  • TA的每日心情
    奋斗
    2024-4-28 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:367 t( z( G( ~+ g9 D; E1 y: D- U# \( C* f
    我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...
    3 w, N" i) H/ N& a
    还真的是够白的啊,哈哈
    . i7 L5 \: \% i) Z8 p' S( W这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    $ p  f  @! X6 Q+ C我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:50
    # I6 S) j  C$ \2 n还真的是够白的啊,哈哈
    * e5 H0 c3 H3 @; a) _7 W- G这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。1 G  O- k; k4 S! o- c  l/ k
    我在共享的文件夹里放了个 ...
    7 c8 Y8 j6 i/ W9 S0 \& j+ m0 Y/ @# X4 R+ `
    thank you!????多谢合作
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:30:49 来自手机 | 显示全部楼层
    也许是因为系统不同的原因,Windows系统和安卓都没能实现你的那个正面卡片一排按钮。或许是系统不支持该js代码。注意到你使用的是macos。
  • TA的每日心情
    奋斗
    2024-4-28 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
    1 F# a! R; G! d+ b8 O4 G葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...
    : P5 z& H5 F# G  ]3 M3 S) W) f8 `
    我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。8 k* i) l! t0 t* ]
    我也只能帮你这么多了,
  • TA的每日心情
    开心
    2018-8-7 13:14
  • 签到天数: 10 天

    [LV.3]偶尔看看II

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

    [LV.6]常住居民II

    发表于 2018-6-7 08:18:05 | 显示全部楼层
    ; K  A, ?) q1 a3 H( @/ R) I% }
    重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对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 | 显示全部楼层
    感谢分享!
    . N; S" B: i1 F; Q! o' r. A5 G/ U这个版本的朗文很精悍啊,原版论坛上有吗?
    / R3 b: Y- n, Z/ 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-5-22 01:17 , Processed in 0.095591 second(s), 5 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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