掌上百科 - 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:545 r8 G' L( Q% J% E. b  H
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...

    3 V4 Q8 H/ T- W3 p/ `Front Template:4 V1 q2 P! N+ j- C1 y
    1. <div id="front">) L7 j& T/ [! `1 Y$ c

    2. - \% F% M  O& v
    3.   <div class="headbar">{{Deck}}</div># x3 `- _, r. O, |
    4.   <div id="word">5 _6 K' T" S/ c2 x
    5.     {{单词}}5 @: X1 r! R3 _& \# j# Q& d
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
      6 p3 V8 `( z* m
    7.   </div>
      / m. n2 [# W* P1 G
    8.   <div class="yongfa">! c) `4 n3 ^1 z& R& G
    9.     {{用法}}! S, q6 b  G9 ~4 A
    10.   </div>
      ! t) H" a, V1 H4 T* J! q
    11. 0 n* k* k# E8 m1 v! P3 T) S0 q" J
    12.   <div id="back">
      : u% d2 \, s  s$ @+ d
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
      , j! Q* n0 J; l# P. a
    14.     <div class="shiyi_youdao">
      . c! s$ m/ F4 E: C3 j. o
    15.       {{shiyi_youdao}}; }% `5 E3 D+ s) ]
    16.     </div>
      , d8 t% H' y) Q6 M3 u( c

    17. " K9 y9 s' [: T; @% N9 E: N$ V; @
    18.     <div class="headbar">LDOCE6</div>
      5 Y( \# B" t4 M( D" D/ B" n
    19.     <div id="ldoce6">: d8 t" I9 n3 i# Z4 j0 [
    20.     {{LDOCE6}}& o9 S8 \! q, u% p
    21.     </div>( U$ W0 ?7 ~# [

    22. 4 T& Q- |( B! _+ O, y
    23.     <script type="text/javascript">& v. Q. \5 d  A) s% y
    24.       // format yonfa
      ! ^* C- E8 e  j+ X7 u4 A
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
      & F3 F- t4 [* M1 _1 i. a
    26.         div.innerHTML = div.innerHTML
      0 ~& z1 x4 i, E) j) y* }
    27.           .replace(/[1-9]+\)/g, function (symbol) {' I8 N8 i0 L9 I$ g0 Z. q
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
      1 F" h. P- ?# P
    29.           });
      2 D# s. C3 ~8 }6 r6 I, D
    30.       });
      ) ^5 f* J; v. {5 m

    31. : B% b' G" {: |
    32.       // play the Ammerican pronouciation/ I0 ^1 w# ^8 `4 F/ V; J! q' Z
    33.       var amevoice = document.getElementsByClassName("amevoice");+ o. W6 k( H6 J0 O, B, O' I% ~
    34.       var anki_modified_code = amevoice[0].innerHTML;
      9 b/ T, N( }4 U2 y& F
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
      4 T' M& m. X$ Z* O# z& G
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
      % j( C6 N$ G2 q1 w! Q9 @1 m) O
    37.       var audio = new Audio(filename);5 E  Y6 C) k  a& \: o! H6 \& m5 T7 f
    38.       audio.play();
      # h) S: u# j7 T6 k% x+ z9 V
    39. % ]& T) X; t4 A5 ~
    40.       // add audios of the examples, w/ D/ [! Q5 f) b: {! ^0 w* V( J
    41.       var examples = document.getElementsByClassName("example");6 q  f  p8 D/ V' }7 {$ u* Y
    42.       var example_audios = "";/ H; {9 Z1 ^; n- W
    43.       for (var i = 0; i < examples.length; i++) {
      ( L$ G7 ~* j1 t+ S. Q
    44.           var e = examples[i].innerHTML;- s9 h  d$ n1 d, j4 J
    45.           var index = i + 1;
      " j+ S% T  Y! n" o, I
    46.           if (e.search('mp3]') == -1) {
      ! D0 Y. R1 X; M( B. x
    47.             continue;
      0 A& H* c! U4 O3 s1 j2 p
    48.           }, X) [: Q9 u  L$ R( W8 Y* y
    49.           example_audios += index + e.split('<img')[0];% m& Z, T* T3 n0 x! f
    50. //if (i>10) alerta(e.split('<img')[0]);% o( ]" y( Y7 [0 x2 n: q$ Y
    51.       }
      2 g! n- I4 i( u6 m: t
    52.       var rank = document.getElementById("rank");; a* V# e3 b8 W2 U2 S5 a' d
    53.       rank.innerHTML += example_audios;' O  O% @9 B6 _9 z% n
    54. & ~! f8 a" w7 g/ L9 y5 ^  j, E
    55.     </script>
    复制代码

    - |$ S: x% h, |+ d, A7 G$ j2 d% x7 p0 R6 b; l
    Styling:
    2 z0 R, k$ }! J
    1. /*页眉页脚全局样式*/1 P; S/ U& D% J$ E# Y* c1 ^
    2. .headbar {# i  E0 t; f: k! Y% n
    3.   color: #aaaaaa; /*字体颜色-白色*/
      / W2 |( X& t) Q: }% k3 H* z2 ~! s
    4.   padding: 2px; /*四周留白-5px*/% @# {7 z# d3 X* P; j* s$ p
    5.   text-align: center;. G6 x: o/ q: T. O% ?. d
    6.   font-size: 10px; /*字体大小-12px*/. Y. N5 P; v: S
    7.   background: #365899;
      4 a3 t+ j: p% [0 s" K
    8. }" D: s/ v* h3 U4 C% x/ g( i% A) h
    9. / a& j6 z$ L3 f0 A0 V4 S7 B. u" Z
    10. body {7 X1 D* E5 ~/ K/ v
    11.   background: #c7edcc;
      ; j2 T. H* y  [- Q! ~
    12. }! _) ^/ `" m! R6 `5 X4 V1 u

    13. ( J7 A; y6 O$ o
    14. #word {
      # N. Y/ t+ ?1 W+ u/ v
    15.   font-size: 36px;1 ]; J' D7 z/ s3 O/ I
    16.   font-weight: bold;( C6 d0 m2 O$ Q1 m  I0 V
    17.   padding: 5px 20px;, `. t) r5 |, B4 w, O3 ^
    18. }
      7 H& [$ [' b8 S
    19. / h) B, ~( r( D1 t5 }1 t. D. Y
    20. #rank, #example_audios {! j/ E4 Y6 ~& t
    21.   font-size  : 12px;0 P9 _, n8 z  R4 r4 h
    22. }
      7 j) {4 N! @6 \& |% r

    23. # U8 x1 t" ]9 C, J* q. U% Q: M
    24. .yongfa {! Z" L- A# ]: {2 d4 E- e7 f( F
    25.   font-style: italic;+ N/ ]! x* A4 r
    26.   display: block;( @! m# P& A- m- Q3 k
    27.   color: blue;
      ! O$ A" O  G- e9 W( u% P
    28.   padding: 5px 20px;
      ) ?* p: L; k4 s+ r' u- |4 f
    29.   font-size: 14px;. z) E9 j" O) q. I5 W  G7 W
    30.   line-height: 1.2;
      1 O; A5 D( X  e; Z
    31. }" @& c0 X- u" a5 s  E' S5 C
    32. - ?$ ~  k2 \% N
    33. .shiyi_youdao {4 H+ O2 t- o0 N1 |5 N1 R. a
    34.   font-style: normal;9 p4 \6 Z1 `3 x  Y- T4 [
    35.   font-size: 18px;) j4 k- H8 o6 m5 ?" f" S4 s# ~+ l
    36.   line-height: 1.2;
      7 Z. ?: C6 [& v4 ]# [4 {4 M
    37.   padding: 5px 20px;5 m" N+ _$ }" ~' q7 |: s3 S# s  i) M
    38. }
      0 t( x# U+ U) [- n5 T% A3 j
    39.   ]/ w2 o  Z7 \  x
    40. .hightlight {
      3 P/ D  g( Y- ~
    41.   font-style: italic;
      3 [+ \& [9 m" R7 H; B
    42.   font-weight: bold;
      . |' `' W5 }: A
    43. }! S. o+ L% u  ~; C' T
    44.   {7 h; Y* Q: r# _: d
    45. /*
      + d2 F6 z8 L1 I% t  j
    46. ._LDOCE6 {
      7 D0 W2 j& x. e, E) n
    47.   height: 480px;
      8 c; M4 H3 [/ A+ n2 ?' k$ W) L
    48.   overflow-y: auto;% [8 k8 C' c. f
    49.   font-size: 14px;
      : r& Y- G- ]' o5 W* n+ K
    50.   padding: 0px 10px;- S0 E  r$ P) t2 T' [% ~' x
    51. }- K  ^9 T, T/ o$ X; K( U. d
    52. */! b) w2 k9 |, m2 z) q! ~. b- `

    53. + e4 y. X9 l0 V7 V1 B. R' j( W/ G
    54. #ldoce6 {
      / k- f, S. ~3 \+ q' z: F
    55.   overflow-y: auto;
      % D" N+ B( V8 R' j$ F
    56.   font-size: 14px;2 U7 ^% _& m: D* Q
    57.   padding-left: 10px;
      # V" M, B1 s# O
    58. }
      5 T5 {7 i9 B% {- X# g- _, G

    59. * _3 T5 t5 m' e, L. j

    60. 6 w3 d8 A, Q- `. z* w! [8 e: I
    61. #back {$ u2 X( I4 G* S' M3 R* G/ L7 E3 X& |
    62. display: none;
      5 |; v5 ?( F* p7 P  A- s: u
    63. }
      & ~: j4 A" H# f7 l, t
    64. 7 m3 b0 B2 ^& z
    65. /*9 d1 y  O# j% G4 @" g8 x
    66. .cixing {
      9 Q) y6 ^' u& {8 p1 l3 o
    67.   display:inline-block;, u: A6 d. W) v+ z* C
    68.   text-align:right;/ \6 M+ d/ ^! v6 G4 I$ }; {
    69.   width:40px;5 h: i* u8 ~5 z0 S$ J2 ~8 `  J
    70. }- s" W  P8 c* O3 B% P. {6 Q
    71. */
    复制代码
    0 Z% m4 H. h& r0 j8 j+ Q

    0 N! v0 C5 j* N. ?9 A+ X0 O, cBack Template:
    0 _9 H# Z3 A9 ?. t* H0 q, f9 T7 }
    1. <!-- 背面区块 -->
      , d9 }2 k2 i. B4 c5 C6 J
    2. {{FrontSide}}% S0 [7 u6 b% W+ [8 o, O- z
    3. <!-- 页眉区块 -->3 I7 B+ u$ {9 D3 J3 b% a2 u
    4. <script type="text/javascript">: D0 w8 r  V' K: ^

    5. 1 T+ J4 S" G, v! l0 c, M
    6.   // format shiyi_youdao
      , U+ `/ R% H, D4 n) q; y- s
    7.   var colorMap = {8 C! a8 _, s" m: a' K! e( m# B
    8.     'n.': '#e3412f',
      $ y( S/ B- M* \" C& L3 U8 J; Q
    9.     'a.': '#f8b002',
      2 R+ H. J' w- _, E. Q, c: T
    10.     'adj.': '#f8b002',8 p. z; i& l4 u0 d
    11.     'ad.': '#684b9d',5 l0 d1 V) T8 A8 M- Y; J& w- ?  K
    12.     'adv.': '#684b9d',  ?' Y5 w: \% I) B
    13.     'v.': '#539007',. m  A: P1 r0 }+ S" u! [! ?
    14.     'vi.': '#539007',2 E+ z% L& a# p( g+ S$ R% @
    15.     'vt.': '#539007',# h" f6 r* m# Y7 N5 \! R' @
    16.     'prep.': '#04B7C9',. Y! s7 Q* ~' W
    17.     'conj.': '#04B7C9',
      / g- ]$ E. n% V9 I
    18.     'pron.': '#04B7C9',6 i( P( I0 I" j, X/ N6 u9 f
    19.     'art.': '#04B7C9',6 z! [+ T6 l& P9 U& F5 R
    20.     'num.': '#04B7C9',
      $ C& r5 U6 Q7 H0 X2 t0 |" z
    21.     'int.': '#04B7C9',
      , h# e( I5 J  w: P7 k# ^
    22.     'interj.': '#04B7C9',
      % A, }- Y6 u. g7 R6 k, i$ I
    23.     'modal.': '#04B7C9',0 Z5 L. [! u6 r, q8 M
    24.     'aux.': '#04B7C9',+ B' {8 r# [! b( O' \9 g
    25.     'pl.': '#D111D3',; V7 |' Z( |6 U
    26.     'abbr.': '#D111D3',
      7 Q4 B3 s2 a" K" d
    27.   };
      0 w: p' l# ~+ ^& m
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {4 B# Z( l; v& o# z
    29.     div.innerHTML = div.innerHTML- _% N2 D: K1 e. a. q) n" t1 P
    30.       .replace(/\b[a-z]+\./g, function (symbol) {
      5 J; n* L8 f) D2 J1 x
    31.         if (colorMap[symbol]) {$ d. ~1 W7 \; |7 L
    32.           return '<span class="cixing"><a class="hightlight" style="color:'
      % t4 z& B( y/ {$ n. a
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';3 H% d, j9 t, l2 D+ Y3 t9 d) n
    34.         } else {  o# F. k, y/ t; J, Y# p; k6 G! W! @
    35.           return symbol;
      " }, M2 N; [6 w/ P
    36.         }: h( n2 \+ b$ j
    37.       });
      0 G6 T9 p; i: n5 S1 _
    38.   });
      ( w; S8 v5 G5 o) Z

    39. ) ~- R$ T+ V" S2 b* x: @) n% W: ]
    40.   var back_div = document.getElementById("back");0 M  ]7 s+ `) O+ Z. \
    41.   back_div.style.display = "block";
      ! t& b% e; o4 D8 a/ z% ?
    42. 7 X1 o! }5 r; @: C0 B8 O1 m- e$ v
    43.   window.addEventListener("resize", update_ldoce6_height, false);' X& c! D7 ?5 e
    44.   update_ldoce6_height();
      / O1 j2 x; j0 r

    45. " y" r7 F9 r+ L+ S% p2 j3 T
    46.   function update_ldoce6_height() {# `) G) I8 c% `7 H* m
    47.     var ldoce6_div = document.getElementById("ldoce6");* j3 v5 s8 x: M7 K' {
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
      ) Y7 `  F5 t2 r4 J* f: i
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;
      # K' e- J/ U& Q" k
    50.     ldoce6_div.style.height = preferred_height + "px";
        p  f; x/ A& i' e
    51.   }( T9 L( K3 ~1 y

    52.   F% h5 e, G* C6 B
    53.   // test to show the file name
      % D7 g! R- j) S) O
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;1 h" l; E) q+ y2 a% ~7 x; c

    55. " ]9 X  i1 I5 U1 j; q
    56. </script>% j& U. X7 i6 H) V4 Q* ^3 @/ t. a
    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 编辑
    ( ?& t4 l( U" q9 W$ M$ z
    5 o7 J4 [, a$ m6 o! E我想可能是这个标签里缺点什么:<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 编辑
    ( |. Y7 ~! A: O0 s
    ankifyh 发表于 2018-6-5 16:53
      K5 K9 D3 q6 N+ f( v% z3 O$ k/ S3 Z" c我想可能是这个标签里缺点什么:

    + S5 Z7 S8 i* ~: h, l( g! p4 T& Z; S$ u, r
    代码应该是OK的,我直接从我正在用的card里copy出来的。4 R- l8 s5 b4 }( p& r) G
    <span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。% T! t2 s  P8 O+ z6 B6 m
    如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。
    & X/ M# o. j* B你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。, W8 G8 V/ y- I, z3 O) m, T
    ; g& ~) v6 A! {6 z( Y  |! ^0 D! H
    按钮部分看这里:' L4 \& o8 C9 F/ M7 o( X
    1.       // add audios of the examples( i) t9 a8 T8 k6 e% i; y
    2.       var examples = document.getElementsByClassName("example");
      9 W# O; v/ s1 r+ T2 D( U8 G( j/ K3 ~
    3.       var example_audios = "";6 B9 ?; c7 V: K" E9 n) t6 P
    4.       for (var i = 0; i < examples.length; i++) {9 b" v2 x+ I5 L* G5 a3 c' y
    5.           var e = examples[i].innerHTML;
      % ^+ |0 u( x! [# r: d
    6.           var index = i + 1;. R; F% n3 n4 E' w  a0 s# t/ r
    7.           if (e.search('mp3]') == -1) {: T( t6 |& W' q- j3 h8 K
    8.             continue;5 s0 q+ j" G4 u$ z- i" P' `2 Y
    9.           }
      $ Q* f4 K/ a& s# U% n+ u
    10.           example_audios += index + e.split('<img')[0];+ k& M- M* g/ R4 v8 s* U8 k8 k
    11. //if (i>10) alerta(e.split('<img')[0]);2 ]( z" P# N3 r7 z: e; D0 k6 }
    12.       }) F1 c! M) k; x4 T  D7 x0 Z  s4 ~
    13.       var rank = document.getElementById("rank");7 t2 V3 W/ E9 q+ N. I- Q% A
    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:49: i& E1 F" [/ H/ ]
    我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...
    " @$ |2 c6 A/ A& H' e/ s
    ====Front Template====
    : u+ z, y  I5 e; b+ l' s<div id="front">
    1 k: b8 j% ?) L, F4 }  S' x2 e  d3 @% k, b, u
      <div class="headbar">{{Deck}}</div>
    4 u7 m2 V0 O, G$ n* }: A  <div id="word">% w+ [2 @7 C+ ]/ g
        {{单词}}9 V, I0 A8 o; o3 d' S9 I1 ?# \
        <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>9 r* X  m) {( K8 c( P& }) Y! _
      </div>4 E3 s$ I* Z! D8 e( ]& J
      <div class="yongfa">
    ( D8 e6 c' `, g* h$ y  M5 y3 I    {{用法}}3 K% i" r2 H+ Z+ A' X
      </div>$ K) f7 g/ Q1 L. i( R; ~% j

    " J) f) K; h8 v/ O' W1 p7 ~  <div id="back">
    ; n; Q; |2 p2 P' W+ j3 C0 V5 s    <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    + K$ \- X9 b# f0 O' H! U; @    <div class="shiyi_youdao">4 q# Y, B+ k/ |; W
          {{shiyi_youdao}}9 a& D' m: O' H
        </div>2 w% R  ]+ \$ T: q4 `8 w, C
    % |4 f" k7 H% J  P, v) x) P
        <div class="headbar">LDOCE6</div>. _6 c0 g. g8 F
        <div id="ldoce6">
    # H; K3 U' y. g" N' E& h+ {5 I+ X    {{LDOCE6}}
    4 L  v. |% L- f! a6 ^    </div>3 r' \( Q9 r% k% ?( [3 C+ {& i3 W
    : d- R$ z  E) f. H' n! y
        <script type="text/javascript">6 [$ e) L! p( }4 @8 ^3 E0 N0 d( n
          // format yonfa
    5 y0 ~+ U7 ~8 B* X/ z' L$ S      [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {& f5 g& U% K2 d3 V* D9 }
            div.innerHTML = div.innerHTML8 @5 o% w2 W! ^8 W0 w
              .replace(/[1-9]+\)/g, function (symbol) {
    ( S; k4 `9 `4 [" r4 \            return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';+ Y  H% L$ y: U' X+ c
              });* o* Z  @  G$ L1 o, w2 F9 p9 ?* `( p
          });* Q: f3 w8 x1 B# H0 U" s" E/ c7 ^

    - z/ s" l( f8 m  w+ ~( f      // play the Ammerican pronouciation0 H/ A- W9 m7 r7 N5 K9 z
          var amevoice = document.getElementsByClassName("amevoice");; @5 O+ P8 c! K* P% s9 ?8 H; [
          var anki_modified_code = amevoice[0].innerHTML;* F$ s/ c1 t0 g# N8 ]* T: I) E
          //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;9 P( q! q# p: i/ h
          var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];
    2 {# V* Z2 J7 {/ D& K$ }      var audio = new Audio(filename);
    3 u1 ~3 r3 {5 s3 I      audio.play();
    4 F! }4 Q, e9 b; S1 n5 \, x; H# r/ |& j6 s8 ?
          // add audios of the examples
    2 y& y2 M5 |. Z4 k      var examples = document.getElementsByClassName("example");
    ; r' B; g0 v1 A5 e0 x& a0 B* S: Z& m      var example_audios = "";6 R5 x1 {$ g, }" r
          for (var i = 0; i < examples.length; i++) {* P- e0 ~$ w8 {. x
              var e = examples.innerHTML;
    ! c2 a- ~* |2 v. t; L8 |6 ^          var index = i + 1;2 l5 q3 c! B; b1 I6 ?
              if (e.search('mp3]') == -1) {
    , |+ M6 _+ M% d% A7 O: t* c' N            continue;
    6 W" F8 l  N# @3 @8 P          }7 f. K# d+ f* L
              example_audios += index + e.split('<img')[0];
    0 v( V, x( V  I1 w4 y! i3 a- u//if (i>10) alerta(e.split('<img')[0]);! f# f' ~; a& W7 y# ?' f
          }% j) u; U" S+ h* y7 l. B
          var rank = document.getElementById("rank");
    0 p: d  i6 [" B7 \      rank.innerHTML += example_audios;. B+ f# c) g- C) U

    2 S0 I1 ]* D" p8 Y4 t( x    </script>
    4 g, g/ O) a8 ~====" M6 p. `+ S- A( P$ W6 z* ~5 C

    7 K# C8 }9 Y/ ]====Styling====5 S9 s6 K. E8 G+ Z$ K7 s" {5 ^5 u
    /*页眉页脚全局样式*/
    $ W! P! K+ V1 m# D.headbar {
    6 O3 q* p/ F  Y  color: #aaaaaa; /*字体颜色-白色*/2 C3 X" f" y7 M( n. y* k
      padding: 2px; /*四周留白-5px*/' I# W2 r, S: e
      text-align: center;
    9 C; Y2 t+ ?8 r" u4 W  font-size: 10px; /*字体大小-12px*/% V# z" B1 F8 I+ D  g
      background: #365899;
    % L8 M! C! `0 _2 S# q}
    * y% r0 {% e2 _) L  `5 K2 k6 {' d! e- D. H4 A3 t0 ~
    body {5 M9 c$ Y4 E7 s- X1 T1 N
      background: #c7edcc;2 s% i+ t9 F4 d0 W$ u; s) N
    }; y# ^, b+ ^3 r% j3 X* X
    . B2 T2 L+ e* W
    #word {
      F0 n& T% E/ i( b; Y( y# l  font-size: 36px;$ l& S2 J/ @- S+ \4 p
      font-weight: bold;: H( w2 y  P: S. l1 B
      padding: 5px 20px;4 k2 W" U" U# W; Y9 K7 x' }) Z) q
    }
    ( ]% Q5 J3 b; @  B3 K: F3 {' d+ A* s& Q+ C8 N( N" T2 q
    #rank, #example_audios {/ c+ }5 b6 d# D  J$ N$ g* f
      font-size  : 12px;
    ! K* P' o8 W. e; v}
    ( I. _2 M9 j: `; w& d0 Q4 ^, Q& c0 h$ p: k& N
    .yongfa {" W. p# l5 b, r) W; n( p* D% s, w5 p
      font-style: italic;
    / P! E8 D* n# w0 Y7 U  display: block;
    $ D' e  D! j1 G/ ]0 Y! C  color: blue;: b9 c) ]2 T8 o# `
      padding: 5px 20px;( H) @8 p: p% o9 p6 X
      font-size: 14px;' u) l5 _" P" K9 C
      line-height: 1.2;
      [! H9 c4 T6 k; l; v}
      J4 w7 ?& m! p. J' ~2 b2 ~4 p' D7 ]0 S1 A, Q9 T5 ^; Q% j. U4 z% k
    .shiyi_youdao {
    4 @" Z- Q0 N% M* `  font-style: normal;. [" \2 U2 C0 K6 ^. R" K. ^% Z
      font-size: 18px;6 n  V' c. }) ?2 u6 ~$ K/ U! K9 ~- a6 c
      line-height: 1.2;
    2 u  {" C$ s8 z( ]* v7 @  padding: 5px 20px;
    - a- B. r# E+ ^}7 n7 {& @: a  K

    / r0 M# A% J/ e! V.hightlight {
    / U8 r/ k  ~2 [5 S" N$ Q0 i  font-style: italic;6 L0 m: |0 C0 ~+ `! r
      font-weight: bold;
    8 ^% r0 V  q6 [  n9 `0 M# v) f}
    , S3 X! M7 @7 [$ N! o* _: i+ }5 ^5 o9 f- x  |3 j
    /*
    " X4 G( ~2 x$ \+ G/ }._LDOCE6 {
      Z( I. D# a9 z  height: 480px;6 x( N3 o: B/ j. V# {/ P6 Z2 g
      overflow-y: auto;3 b4 T* D& t" B7 K3 k9 ?
      font-size: 14px;1 c! R3 P+ e7 e4 m. e
      padding: 0px 10px;* m  Q5 W0 o8 z
    }
    0 t+ d! V9 W. x% Y. M& v  t& d*/
    ) A! r3 Y' N! e7 s0 }  W' i
    , ]5 I, q4 k/ b" e8 q$ j% [; d#ldoce6 {
    / O& S. w8 ]# n8 }) G/ J  overflow-y: auto;( A  K4 o1 C! o5 p( D9 M
      font-size: 14px;: t, N/ Z0 z- O2 t2 N
      padding-left: 10px;' Q  I5 F! q8 ?. ]5 j- c3 ]
    }, G8 k/ ?) K0 h# L$ a8 Z, g; a

    + H. B5 w& _- t) T$ f% C: v0 E5 ~% S+ e9 m
    #back {
    ' b) y: u! p8 Ddisplay: none;  x' _9 F0 [2 j2 Q, W
    }& C7 T  [) ?" j) {9 V) l7 t" S
    4 i/ M0 o' I3 `5 ?
    /*2 ~* G1 }5 d' r
    .cixing {( w6 T1 I' U) Y' H6 Y7 ?
      display:inline-block;
    . W( e) `1 ~& ^+ S, ]3 U5 p4 ]& F  text-align:right;" o8 u  D! M: ~# I
      width:40px;
    1 d* K, L: D; U; A2 |- c5 i/ t}. T; l0 |" P7 O& {9 d
    */
    ! ?, f6 x: g7 `2 |# g====
      M' l( ^, Q1 p" B, x! t, S$ j8 f' J. |& O* L9 ]4 R; \1 \
    ====Back Template====' j% ~6 d) B' x) Q7 }; P
    <!-- 背面区块 -->
    9 i3 t( v; d% m8 I% i$ b{{FrontSide}}
    3 Q9 ?# P- @& ?! \' E<!-- 页眉区块 -->
    . J0 \, Z. I( M0 D( }2 d+ d<script type="text/javascript">
    ' @7 p; E0 w0 G  S2 d& g3 S, H( \9 S0 @( E
      // format shiyi_youdao' d% \2 h6 p" ^! A
      var colorMap = {
    : ?% M' ~- z4 |4 q  m: }    'n.': '#e3412f',% f4 u5 W% O6 ~' [1 @1 [5 ~
        'a.': '#f8b002',
    5 [2 g, L* d( |( m3 L0 I    'adj.': '#f8b002',* @2 w) O4 X2 i) Z: @/ _" f6 F
        'ad.': '#684b9d',
    ; A9 j2 X6 k6 B/ C    'adv.': '#684b9d',% L7 y; \0 A3 s% N6 q; e
        'v.': '#539007',
    " A4 T/ T' u1 Q/ n4 |    'vi.': '#539007',
    5 @1 Q$ m1 h7 B) b0 E    'vt.': '#539007',  o+ D- Z7 S/ ?+ K
        'prep.': '#04B7C9',
    ' ^+ r. O2 ~6 o+ Q    'conj.': '#04B7C9',
    0 J" K; \  a4 B% @5 g0 Y3 R* }* l    'pron.': '#04B7C9',
    ' Q$ e7 ~2 }; {/ |    'art.': '#04B7C9',
    ( }) t! E8 K" _) O  {3 X    'num.': '#04B7C9',7 ^/ P- V9 R$ c' c- O" c& {# |9 X
        'int.': '#04B7C9',0 h! t+ }3 U0 C  c+ }/ ~* l
        'interj.': '#04B7C9',& A, j8 m+ i( t
        'modal.': '#04B7C9',
    , E9 F% W- ?0 N% m    'aux.': '#04B7C9'," Z' j9 i$ O. K/ N1 N
        'pl.': '#D111D3',3 @$ w7 b- u0 U& R& |* y# Q$ u; I
        'abbr.': '#D111D3',! T# C) b1 Q! }0 h
      };3 |. t1 c0 U  d8 _% F
      [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
    & o3 }4 l. A: M5 n9 o2 D. ~1 K! Q    div.innerHTML = div.innerHTML% x5 }( U! |1 l
          .replace(/\b[a-z]+\./g, function (symbol) {/ q* s  D  j# ~, X7 r9 J
            if (colorMap[symbol]) {9 V$ R/ d# o; \/ K
              return '<span class="cixing"><a class="hightlight" style="color:'
    1 Z$ a& q8 i  V5 g' r            + colorMap[symbol] + ';" >' + symbol + '</a></span>';
    0 _+ f2 K5 {. X5 u' A& W+ }$ P0 q        } else {
    & |! T+ t6 M8 ?% G) l          return symbol;
    1 @6 A3 ^0 r3 F/ U2 ]) \/ t: o1 j  a+ m        }
    $ z+ b6 m, V3 ~& K2 Y      });- J0 d  Q9 f% N. f8 `, i) }
      });4 r! w9 P9 I! e, O1 c3 y4 _/ M

    ) a6 m2 K0 u$ y  v1 V  var back_div = document.getElementById("back");
    ( w- p0 `7 f# P8 i  G/ u% L9 e  back_div.style.display = "block";
    3 |# T! f; Q4 G% l0 _0 \( y8 n' e6 i5 r( c9 K$ E8 t: a) L4 |2 U6 x! i+ O( G
      window.addEventListener("resize", update_ldoce6_height, false);
    - H& B2 V/ ~5 ^- ]0 }  update_ldoce6_height();
    2 p1 Y, H4 {; X
    6 r' v# P" |7 A4 w9 k' C  function update_ldoce6_height() {
    / H7 o3 t0 O0 l1 P) A( r    var ldoce6_div = document.getElementById("ldoce6");8 Q0 D2 d  D) F3 w  c
        var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
    - i, R8 k7 ^! Y- g3 ]% B    var preferred_height = window_height - ldoce6_div.offsetTop - 20;2 a. r3 d9 ?, I* L5 I& ?
        ldoce6_div.style.height = preferred_height + "px";7 \/ h+ ~0 h% C8 I2 z
      }, Y, _; w0 i# q: _( a' Y7 A

    * E) E3 A7 O/ \: L2 ?  // test to show the file name: M6 E2 _2 {; K' \
      //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;+ S: ~2 g0 Y! H, s* h. Z
    # Z) K# L8 H% ]0 \5 K( j# Y" j) B
    </script>
    2 g  t6 l' {+ t  |3 T<script src="_entry.js"></script>
    0 @7 q) B2 K. F4 X! a! }, R9 C  x====
  • 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:36
    6 W% I- P1 G/ b& ~* Q我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...

    - [. R$ ?0 p! |5 B0 M4 Q, @还真的是够白的啊,哈哈
    / X$ n! I  w, l* t, F  Y1 y这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。( T3 Q1 K5 Y. t3 ^
    我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:50" `# x' W5 x+ y; y* u1 n
    还真的是够白的啊,哈哈5 j! E2 w" J- p- W1 S3 _& d
    这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    2 P- n5 a# M$ @我在共享的文件夹里放了个 ...

    ( y+ i2 X  N% d- c* H' Uthank 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; S0 J. Z1 B* G- j  _( A
    葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...

    # J6 }3 }4 p8 v3 G! T我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。- X; O+ k& y7 L9 R# i5 P6 t( N
    我也只能帮你这么多了,
  • 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 | 显示全部楼层

    ( v2 f$ @2 M% H8 `: k# H4 P- U重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对Java脚本的支持度不一样造成的。
  • TA的每日心情
    无聊
    2020-4-25 16:56
  • 签到天数: 3 天

    [LV.2]偶尔看看I

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

    [LV.Master]伴坛终老

    发表于 2018-6-10 11:47:58 | 显示全部楼层
    感谢分享!: ^) {( o" G/ B5 ~8 {5 n6 w
    这个版本的朗文很精悍啊,原版论坛上有吗?
    4 _4 ~8 o$ E3 J' }
  • TA的每日心情
    奋斗
    2025-6-8 11:18
  • 签到天数: 344 天

    [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, 2026-7-21 14:45 , Processed in 0.021816 second(s), 16 queries .

    Powered by Discuz! X3.4

    © 2001-2023 Discuz! Team.

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