掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: hhuang

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

    [复制链接]
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

    发表于 2018-6-5 02:52:02 | 显示全部楼层
    非常感谢,试一下
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

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

    2022-5-24 05:14
  • 签到天数: 85 天

    [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
    " [4 {: |5 t( Q# |% Z- C" v' K你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...
    % [2 Y  Q! S; Q! A- |& R
    Front Template:$ ^' Q  z/ a6 U
    1. <div id="front">4 ^: i7 R% N, ?+ s8 a' r; w

    2. 9 E. z  R. b$ b/ J: f; P- f1 b
    3.   <div class="headbar">{{Deck}}</div>: }! o6 H+ ~6 k# @3 [
    4.   <div id="word">
        p4 v- L+ M, h2 j5 A- x/ Y
    5.     {{单词}}
      ) ~: e3 a4 C+ w( s  D
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
      8 e. _6 B% @9 l" ]9 a2 x! I# i# b
    7.   </div>
      ' [8 M6 S  j  M  X* {7 q; j: m
    8.   <div class="yongfa">
      ( m( v0 [  T, _, p9 w/ h
    9.     {{用法}}
      $ z1 h8 }$ Y1 m3 h% Z* O3 s% i+ V; j
    10.   </div>
      : p; S! v; H- G1 P- t4 u9 L

    11. * B( }* Y. c. [) f# p) v  ^7 W/ o8 Q
    12.   <div id="back">
      9 i$ \# u7 w( l# Q) y
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
      # F# c# J) H$ |
    14.     <div class="shiyi_youdao">" p: s+ K1 N( b1 O( S8 Z
    15.       {{shiyi_youdao}}0 ?* t  B3 m" T' r6 R9 Z9 \+ K
    16.     </div>
      . y6 o; p  r. w4 [3 x

    17. : k2 T' |9 [4 B* n
    18.     <div class="headbar">LDOCE6</div>
      ' K; W1 {$ s) B8 |+ X9 p. ~
    19.     <div id="ldoce6">+ B" L8 P7 W9 N% ]
    20.     {{LDOCE6}}+ l2 X# L. I2 D7 @
    21.     </div>5 y* u$ n6 N( `: @8 R

    22. 2 ^  R  g% T8 ]
    23.     <script type="text/javascript">8 A/ }9 G5 _  G9 }
    24.       // format yonfa( \4 t0 W+ W; T5 @( g0 @/ E9 K6 ^
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {6 j. a5 ]# x4 \5 J
    26.         div.innerHTML = div.innerHTML
      - Z& G2 Y! K) H5 C4 g! O: [/ o6 y
    27.           .replace(/[1-9]+\)/g, function (symbol) {" Y0 C) L5 t7 |6 p4 {. l
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';' W; Q3 \+ ~' [+ ~3 c1 j
    29.           });
      9 C+ x2 h( P1 R: X: p: ^0 P" E
    30.       });, }/ T6 f* W* A" N" v/ |, S* }

    31. 4 J$ v: D6 i, ^1 A* S9 h
    32.       // play the Ammerican pronouciation# b3 ^$ K. P) o5 H' l2 h
    33.       var amevoice = document.getElementsByClassName("amevoice");
      2 m0 V8 p: P3 N
    34.       var anki_modified_code = amevoice[0].innerHTML;) j0 L9 W# R6 \/ S) s
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;8 t7 m4 S* \  u: \& W
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
      % k& B1 l: q- a; F
    37.       var audio = new Audio(filename);; S" o  j9 ^' `- M
    38.       audio.play();
      2 f: f3 z: t* F; t' O

    39.   F" f. n" I6 a' c+ L9 F$ K
    40.       // add audios of the examples
      - F9 u, w: z* l
    41.       var examples = document.getElementsByClassName("example");
      , b  w) z1 T4 k' Z
    42.       var example_audios = "";. o: d" _: P( d3 s
    43.       for (var i = 0; i < examples.length; i++) {
      % M7 Y  t7 d4 B
    44.           var e = examples[i].innerHTML;
      # p3 ?2 Z( ?2 U8 W. c5 u8 i
    45.           var index = i + 1;& h  `& ]$ ]- Z3 N! l/ k2 j# }
    46.           if (e.search('mp3]') == -1) {
      5 {5 T' N2 Q& c+ [+ f" \- m9 F* ^
    47.             continue;  O7 S$ \0 u- u7 z0 D) i8 ?
    48.           }( O# n7 H; N4 v+ U% P
    49.           example_audios += index + e.split('<img')[0];
      5 x" A3 G% K. f8 S& F: d
    50. //if (i>10) alerta(e.split('<img')[0]);
      3 Z9 \) h$ @, K" I% L- K
    51.       }8 g( K( g8 P9 C& e7 N
    52.       var rank = document.getElementById("rank");- n2 }5 K. [/ I7 g" I
    53.       rank.innerHTML += example_audios;
      + x0 l+ a- H# m1 V; B8 T; @; {
    54. + b  W% }: O, c9 c" y& N
    55.     </script>
    复制代码
    ( v  ^! X) ]- `5 Q8 Z5 f0 R( w2 A
    $ J+ r$ E3 c  R; N
    Styling:+ {  D) C% k  o: A; z
    1. /*页眉页脚全局样式*/3 ]. N2 T4 @/ o' }4 C$ Q% d$ ]
    2. .headbar {% \6 |, c- r' B( b" r  U8 A
    3.   color: #aaaaaa; /*字体颜色-白色*/, e, h% X( [% B! Y: b( o: ^1 U6 M
    4.   padding: 2px; /*四周留白-5px*/
      ( M" d5 p/ N$ R
    5.   text-align: center;
      6 C, q; M6 ?$ M' k& w- k% d
    6.   font-size: 10px; /*字体大小-12px*/
      3 v( |! m3 l- Y+ s( m' O& b
    7.   background: #365899;
      & e; K$ i2 A" x; J
    8. }
      . p4 M7 y# v0 l6 K' t  P8 v
    9.   {3 Q" \- T  ]( t6 b- P: V
    10. body {8 E; O5 g/ R0 C
    11.   background: #c7edcc;, C0 @5 u. ^/ \; L
    12. }
      8 y* E) ?1 T8 n: Q# W  J; A6 k7 v8 M

    13. % {& D& ]/ h* ~8 f
    14. #word {
      # s) G# J4 X1 l
    15.   font-size: 36px;. P- [* F# c8 S1 n" f
    16.   font-weight: bold;5 G7 a. t9 \$ [
    17.   padding: 5px 20px;
      ! B0 q- s1 s" y! R  y8 _- S$ B5 M
    18. }
      3 P4 y) |3 l9 P2 D0 M, o  c0 \
    19. ; l& D4 v/ ]# F2 K  N, d6 O. H) G
    20. #rank, #example_audios {/ p; Q  g& U/ N0 H5 r9 ^
    21.   font-size  : 12px;  C  I/ R$ x. B+ @; }" J
    22. }
      6 q! `3 F8 l8 L1 s: r

    23. / X( U# x1 {( E8 `6 _  F
    24. .yongfa {/ a3 V4 c7 A. c* w* v
    25.   font-style: italic;# P0 e: j, l$ l' }. F- K/ C0 s1 T3 E
    26.   display: block;
      6 H: P, u$ c6 \+ P. B% P
    27.   color: blue;8 O( q3 e6 v3 m1 D8 {: E
    28.   padding: 5px 20px;3 J0 T9 y9 l9 P9 D$ a
    29.   font-size: 14px;
      & d6 C$ z0 t0 f/ q4 O4 r( J1 H& Z
    30.   line-height: 1.2;- x0 x9 Y! _$ L4 X+ R& w/ G
    31. }
      4 f: C' f0 ^! k/ v0 i
    32. ' j0 o7 D8 `" {" u
    33. .shiyi_youdao {) C: o4 w1 o0 r9 R0 p3 l' x7 l
    34.   font-style: normal;
      ' m5 c4 D: O" D2 R0 v) t
    35.   font-size: 18px;; i+ p; \2 [  f4 `( l  d& b
    36.   line-height: 1.2;  d3 q& a+ K1 C7 X0 j2 S& i; e
    37.   padding: 5px 20px;
      # m& ~- s$ C" ~8 U8 O& g. d8 u
    38. }' e2 |" @! N7 D. \

    39. ! a# K* M0 r5 ?: v$ v
    40. .hightlight {4 e7 \% S$ u! B( Q0 x
    41.   font-style: italic;, L3 l; v- ]1 `8 v- N3 F6 O0 c
    42.   font-weight: bold;& i, L; Z) b; B' i+ _! A( q( V
    43. }
      2 D1 A+ S! H" F# T' t# K

    44. . x+ Y( l( O+ ^2 T6 I
    45. /*
      & N  o) i5 M9 e' R
    46. ._LDOCE6 {
      5 M3 F' G8 l% u+ f
    47.   height: 480px;' {5 W0 `$ U% p6 X
    48.   overflow-y: auto;
      8 A! z# o/ E9 Q0 P" Y7 n( }+ Z. j
    49.   font-size: 14px;1 N0 y. G; y- T9 _: r% ~
    50.   padding: 0px 10px;
      4 G" F' t% y' n0 {3 R+ ]" E) F# [, `) _
    51. }
      $ l$ `/ K; ?: j) |! e$ n; q5 V
    52. */: ~5 b, Y6 d/ B+ X" V- c/ I
    53. 1 q2 H# u. U7 J8 ~- h
    54. #ldoce6 {
      9 `! t4 j# h$ w
    55.   overflow-y: auto;% G/ s# G6 A7 c' p
    56.   font-size: 14px;
      % Y( L! B! Z9 R/ _* L$ ?# X
    57.   padding-left: 10px;& l6 D) J3 V3 p) n* i, Q
    58. }
      , c/ s( Y& t2 ~; ^1 d2 |7 {: G

    59. & ?; z! X9 I9 T  V! J8 j
    60.   G, L8 Y" h9 J
    61. #back {
      # O+ c7 q$ q5 n6 r% X
    62. display: none;
      , S7 ^6 M/ R1 Q8 Q& I
    63. }
      % _1 T+ [8 E4 {5 ^' h( v
    64. : B' s2 \% G" \4 F: _# g
    65. /*8 V4 J: W  `" S
    66. .cixing {$ s6 `7 m! F- {, q& V) n) ?
    67.   display:inline-block;
      * A* U9 k& O  v* y
    68.   text-align:right;! j, t$ j  ]$ k& o+ P) q
    69.   width:40px;' _0 h$ B4 c$ q8 c! q) n
    70. }
      . w9 u/ c% J( u3 y
    71. */
    复制代码

    ! a! `" k2 n, Y8 E$ `: w2 B, ^3 e3 c9 Q! \. f
    Back Template:5 N" ~' E1 Q" G2 e5 [5 [
    1. <!-- 背面区块 -->2 I5 }7 o  @& L
    2. {{FrontSide}}
      . S) R! ?8 J  P# ~7 g
    3. <!-- 页眉区块 -->7 \' w9 `' f  ~* w6 ^
    4. <script type="text/javascript">% |( C7 N% T/ C6 F
    5. 0 ~1 |4 U4 e$ Y3 T) j
    6.   // format shiyi_youdao; u4 D3 H" ]6 E3 W4 F, z
    7.   var colorMap = {* r, Z, Z# u/ T6 G
    8.     'n.': '#e3412f',7 Y6 d: \+ d6 n8 s! [3 w
    9.     'a.': '#f8b002',7 M- y0 Q0 B% x5 H, y' _
    10.     'adj.': '#f8b002',
      # R( S7 ^$ q- d6 G+ d  D
    11.     'ad.': '#684b9d',
      $ o/ h( i! l- x$ x! l/ r# D
    12.     'adv.': '#684b9d',
      ( _# t- `" Y8 i+ Z4 H* K. b# q
    13.     'v.': '#539007',
      1 g% d. y$ i7 ?! u
    14.     'vi.': '#539007',# ?" C! N7 z+ A7 @1 c; |2 r8 F, q
    15.     'vt.': '#539007',8 g& Z5 h0 {/ ?+ n; K
    16.     'prep.': '#04B7C9',
      * C& u9 r- V! p  z) w. D
    17.     'conj.': '#04B7C9',
      9 z$ r& {9 V* }5 @1 F" V
    18.     'pron.': '#04B7C9',! ]/ B9 n3 N4 _9 T! D; `2 t# d# J6 Z+ N9 p
    19.     'art.': '#04B7C9',2 z7 O# U- H8 I5 I$ ?
    20.     'num.': '#04B7C9',
      4 H5 K% o0 |7 E5 {$ _# j
    21.     'int.': '#04B7C9',5 B. E4 L% b- x- v/ X" X" J
    22.     'interj.': '#04B7C9',+ r5 q- v9 U3 t; o+ C( A. X, C
    23.     'modal.': '#04B7C9',7 j" v8 I0 ~, Z3 t
    24.     'aux.': '#04B7C9',
      2 c. S3 T4 X$ W, h% P- T  B& v! B* J
    25.     'pl.': '#D111D3',
      & ^5 V: m1 d# M
    26.     'abbr.': '#D111D3',
      9 K  T4 j4 A6 s% m* L: W/ e
    27.   };6 {6 |$ S/ V4 I; f
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
      ) I5 Z) l& d4 T4 k. ^
    29.     div.innerHTML = div.innerHTML
      " a" q; F0 ]9 [% l5 a6 M
    30.       .replace(/\b[a-z]+\./g, function (symbol) {& M' ?- ]& K5 G
    31.         if (colorMap[symbol]) {
      7 F2 U; u+ t/ R; X0 U; l
    32.           return '<span class="cixing"><a class="hightlight" style="color:'8 r' r! [1 o1 e. D
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';* w; x+ R3 n* |: ]0 d8 k
    34.         } else {/ x3 N( q9 r0 `9 v* s
    35.           return symbol;
      7 C& }+ L& B! {4 ~/ p$ Y
    36.         }
      & s8 l+ \/ F1 z2 ]8 N- g
    37.       });! o/ ]) Q. V: A# \4 m
    38.   });( \& C2 n2 J8 z& B( k
    39. 0 ?& v$ T3 i- G
    40.   var back_div = document.getElementById("back");% p* O# a" P! l  v1 q: V
    41.   back_div.style.display = "block";
      ! V# @0 D# a& X$ g3 u: B% B

    42. ' V4 _+ l# g; z2 u# [) O
    43.   window.addEventListener("resize", update_ldoce6_height, false);  C( P6 r& X9 `! X
    44.   update_ldoce6_height();
      ' V# W; j* `. r5 i& W& }

    45. 8 i8 x& x! ?. U9 W5 Y+ I
    46.   function update_ldoce6_height() {
      ! l: ]- H$ w: B5 X
    47.     var ldoce6_div = document.getElementById("ldoce6");$ J: h7 L' S. E; B% `/ C0 |
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;4 e0 g+ d+ I. F9 B
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;* Z! Y" Q+ v* C4 n( X
    50.     ldoce6_div.style.height = preferred_height + "px";
      # o5 v* `" ]6 N7 Q8 o
    51.   }! ^3 H0 U' l6 E$ d: x/ j: Y

    52. 7 v9 c% q( z" O* J
    53.   // test to show the file name# K9 U& ]: [+ r. i$ _" e
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;  @, _# |# A7 n# g0 `: S
    55. ! M- r2 [1 Z4 ?+ k/ @
    56. </script>
      0 m1 R( P; Y0 @3 D9 U
    57. <script src="_entry.js"></script>
    复制代码
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

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

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

    发表于 2018-6-5 16:53:16 | 显示全部楼层
    本帖最后由 ankifyh 于 2018-6-5 16:54 编辑
    9 V, m0 O/ [0 W/ [8 e6 o  _$ h" _& K% g/ w5 {4 S
    我想可能是这个标签里缺点什么:<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 编辑
    - s' |$ u6 J; G* D) X) I3 W+ ?; c
    ankifyh 发表于 2018-6-5 16:53
    ; _4 `0 O9 Y9 M1 Y. ?( O我想可能是这个标签里缺点什么:
    ( K0 d6 l, v( r
    , L$ ~6 c' l. o5 n
    代码应该是OK的,我直接从我正在用的card里copy出来的。& Q( t) S0 z( K
    <span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。  O' _1 G7 P% W6 y& u8 Q- R
    如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。
    4 ]- z& E5 I  P; o& h$ V) S你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。
    7 ^9 P  W% r" L* V& |) @
    3 ?" q0 L4 r" u" [按钮部分看这里:
    % U% Y' W4 H/ y3 a$ R2 @
    1.       // add audios of the examples
      5 M4 n) U0 P8 i$ J
    2.       var examples = document.getElementsByClassName("example");: l, U* H3 V+ _% B  ^2 k& G# J9 D5 m
    3.       var example_audios = "";& w* {, v" A1 h% D# g( h
    4.       for (var i = 0; i < examples.length; i++) {9 O+ {, ~: _/ y$ l8 Q
    5.           var e = examples[i].innerHTML;
      3 f. Z9 R1 T' T+ B; [3 ^- @; m
    6.           var index = i + 1;  j2 R0 T) W: q* J
    7.           if (e.search('mp3]') == -1) {3 D4 V$ W8 }) ^1 l1 m& R/ J
    8.             continue;
      ( ?% N+ x3 U" @+ M, a! d
    9.           }
      7 }* n; u' J, s' k- d  N3 W# D
    10.           example_audios += index + e.split('<img')[0];
        e: p0 D1 @! q8 h/ P
    11. //if (i>10) alerta(e.split('<img')[0]);, V8 p9 E; A0 _0 s
    12.       }" w0 ~! }3 M$ M- S  o" }
    13.       var rank = document.getElementById("rank");7 ?/ D% N: R: s1 g' {# c
    14.       rank.innerHTML += example_audios;
    复制代码
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

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

    2022-5-24 05:14
  • 签到天数: 85 天

    [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:491 |& M! y" F" j* |9 n- J5 E
    我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...
    7 c2 ?' g' t, ?" P- |/ N
    ====Front Template====
    % E* r8 E3 _0 y5 C<div id="front">
    . `- Y8 `1 }, `+ d* B
    ( \# l0 _( g! i! p& P- t) n$ t  <div class="headbar">{{Deck}}</div>$ \1 P! V6 i% U/ z
      <div id="word">. t: T3 _4 w, Z. V& Y
        {{单词}}, O) Q: H+ _% d* J3 C3 O! {. V) ?
        <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>+ ~7 K' Z9 A6 j2 o! N
      </div>/ e- ^5 d1 R: G3 I  [, V
      <div class="yongfa">
    ; j1 m$ ^' v5 J    {{用法}}) D5 y) M7 c0 v$ H# P+ Q
      </div>
    , P) G; P9 @9 N) i, ?
    - r& z, {6 `/ p. _$ E2 q0 T  <div id="back">7 _) }* Y* f  X9 _1 v/ T0 @7 y
        <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    1 C5 N" V1 C% q$ T( V1 a2 k    <div class="shiyi_youdao">
    3 U' c+ `3 @+ M1 H( d9 N      {{shiyi_youdao}}
    : {. D3 ^$ _6 g" K1 B( i, L    </div>
    , \( Y1 P- R. H3 n
    0 X1 U% l  Q3 U2 i3 T( J    <div class="headbar">LDOCE6</div>" b* A! C" |+ a$ r
        <div id="ldoce6">
    * g) ^9 I( A( ]4 u    {{LDOCE6}}. `) Z9 p8 f, Y
        </div>* H& f4 O2 H8 P  \, z) E
    0 ]9 x! s0 z6 q* K
        <script type="text/javascript">
    4 K* a$ f* d, U+ {, i      // format yonfa
    - d5 R# V3 g$ O      [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    # `4 T7 n2 t7 @* Z/ _2 `8 _        div.innerHTML = div.innerHTML
    * D$ f6 K* q3 G  x2 E3 a5 |; ~          .replace(/[1-9]+\)/g, function (symbol) {
    , {* E6 g8 `8 y7 k7 C            return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';2 U4 ]+ a1 V) w3 }. d
              });. b7 h- F. X8 I5 A, }7 k
          });3 b* a# S) \' i6 s8 P) C' x
    # W3 Y) D) y8 w" p
          // play the Ammerican pronouciation
    : \7 M( Y; y: \0 s0 ^      var amevoice = document.getElementsByClassName("amevoice");  X* U  c) D* ^3 V6 Q- |7 p
          var anki_modified_code = amevoice[0].innerHTML;
    ! v) v% K, x0 o2 F0 X      //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;2 m9 {% K( B1 O) e; E; E! Z
          var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];' U* K( ?; N" ?
          var audio = new Audio(filename);
    : y1 f- s7 ?; z      audio.play();
      a0 C8 e+ v( w: x+ S
    9 X3 x: j) v$ h3 J: _5 X- z5 ~+ `0 @, _      // add audios of the examples( {: k$ K$ x6 \# H0 J; \
          var examples = document.getElementsByClassName("example");: t# G0 }* ~" ~1 X* D
          var example_audios = "";
    7 W4 c; l/ o: h3 \& z) x  F4 e      for (var i = 0; i < examples.length; i++) {. w# ?. V# S9 A2 o$ _
              var e = examples.innerHTML;' M. P" L0 E* `; t
              var index = i + 1;
    $ F4 f: _2 x) z1 r1 z          if (e.search('mp3]') == -1) {1 j3 R" d# z  {+ a: {7 y9 w6 [7 N
                continue;
    - q' n) M0 B5 F0 e          }
    1 U# T+ J+ h3 J7 [7 W4 k          example_audios += index + e.split('<img')[0];9 F# b6 R- Q) `
    //if (i>10) alerta(e.split('<img')[0]);
    4 o% \: p" a. U( k( I9 G8 H      }: h% Q; v! Q" c; x: F# f$ l7 s
          var rank = document.getElementById("rank");2 u0 G  D5 i  R5 z
          rank.innerHTML += example_audios;
    ! y% A* `4 W0 x% d, U% U& W) @' Z( x
    8 X* O" w# C# N; @2 O+ i, P/ U. F. f    </script>
    3 ?  l  J  P# ^, K====
    ) l) T1 g% y/ ~5 u( E+ N# q( n1 S% Z; r) H
    ====Styling====
    ' e# f! U+ r2 b  [) R8 r3 I/ i/*页眉页脚全局样式*/6 e/ o/ X% X  p; e4 X! T& R8 f
    .headbar {0 A& J6 K0 }- q4 w4 I" \
      color: #aaaaaa; /*字体颜色-白色*/
    3 J( f/ y$ C9 o$ ~6 J  padding: 2px; /*四周留白-5px*/
    2 |/ r+ O/ Q5 j) \  text-align: center;* {& x) C4 I5 P7 V+ m
      font-size: 10px; /*字体大小-12px*/
    4 C& C3 \# n; i3 x  background: #365899;
      \' `. s# i3 W5 r) k2 D; A" U}- {6 i3 ~: X$ k) w& q

    & g& x1 ^) ]$ U" D8 z% P, M4 Tbody {4 v* j- P7 Y7 `8 J! B( R
      background: #c7edcc;7 J' K5 C2 n1 i' @) c1 z
    }. c5 G" h9 Q4 s3 Z+ H* U
    0 t0 `$ S; d# o: X. L/ ^
    #word {  r" y% I. o9 d
      font-size: 36px;
    7 Q" z! t, R% G2 d  font-weight: bold;, _" I# B/ x, S/ E0 x6 W
      padding: 5px 20px;
    ' y7 o/ e/ l/ d- i}
    5 m3 Q  e! h" v9 C+ u5 r
    , M4 s/ N( F" t) h, ]( U#rank, #example_audios {$ s' U2 ^7 O) K$ w* E8 y
      font-size  : 12px;% X, F* n; j( R2 K* S
    }
    8 @: Z" u1 R% l) k) V# `4 f8 w4 h% @+ g/ y; l! i- m' Y
    .yongfa {
    7 l; U$ e  r  {  font-style: italic;: p" Y9 a2 r: _+ \0 H, y6 c. O* Y% H
      display: block;- D8 G6 M$ K; C
      color: blue;
    ( }; S  v) R9 }( D) J3 O  padding: 5px 20px;
    9 |) P( _$ v, [$ d0 E  font-size: 14px;( X! S" d/ a: V5 L, i" y
      line-height: 1.2;
    & u3 }( a3 e0 o: U9 |6 R+ U/ g}
    7 F/ `& \( V- p3 N. O
    * K. }& T$ l- b! B.shiyi_youdao {2 b8 ~+ X' a+ K6 k& @8 k! X3 @
      font-style: normal;
    0 u6 Y/ l9 e8 p& D  g9 T. X  font-size: 18px;
    0 G. s, ~7 r, c" T6 z1 d  line-height: 1.2;
    : c% p3 W: ]6 q+ u! m# s  padding: 5px 20px;
    ) I# j; s: U  e# R3 U}
    4 L& k0 L: \% y+ w; b% D4 }! N/ D. ~: v
    .hightlight {
    # a4 c' k" }" S5 n  font-style: italic;8 Z8 ~9 o- D( x& S. U7 Q% p
      font-weight: bold;
    9 d0 Y* b1 x( |, I" a}
    & @3 {1 B2 r/ ?; g1 s% d- W+ v3 s0 b+ p; f+ h
    /*
    4 P; |- P1 z, B7 J4 a, W* x._LDOCE6 {7 ]) N+ g& N! e" X
      height: 480px;+ U, T2 `3 m, F. {4 ?5 g
      overflow-y: auto;4 z3 @& ?+ n; l) L
      font-size: 14px;
    5 `, ]( z+ @$ ]0 m6 u. r8 [  padding: 0px 10px;2 u% h$ |* U! D$ n  c7 M7 I+ t, H
    }' X+ @! @( b1 A& ~2 _1 z
    */2 b4 N. `" y5 C9 _+ l. G
    ) ]' p* `" \6 H% L" K( U3 u8 N
    #ldoce6 {* t9 @6 V9 M8 O: t
      overflow-y: auto;
    " j9 R+ N, a7 R* i% x! o  x7 {+ J  font-size: 14px;4 r: P8 k. c8 n* w3 u; `: W! a3 i
      padding-left: 10px;; n% S) e$ {% A, H) T
    }
    # b5 }  k! t3 v, `) A6 W" l5 `. x* s$ l' d
    ' d# ?" f( }4 x3 k, D/ u7 e
    #back {
    4 t2 v# ?' u4 f: T0 `4 tdisplay: none;# {1 t: s" ~; ^6 d- d& F" Y, I, t
    }
    % t' r. O5 c/ ^$ K% Y8 Y8 F# O# C
    ( S" R0 B+ U, k3 e$ \0 b( _4 W/*# D- B1 d' m3 u2 [6 |
    .cixing {7 [, i- h, Z5 I  T8 ~0 s
      display:inline-block;
    9 M; R9 P- w4 e9 [" y* T7 u' i  text-align:right;
    $ I- X7 A, G$ }  `; Y  width:40px;0 \9 v; S' T$ a/ B* e
    }/ a5 I9 y1 a# A# k4 R5 _+ Y
    */
      M- b* i2 K+ X8 f====
    7 o$ H2 m4 {+ `2 P8 F. `7 s
    $ }2 ~, J% c& `& u====Back Template====: G7 a3 s& \; R" I; `% a
    <!-- 背面区块 -->
      T6 b0 B4 U3 y7 s8 ^, O: X# p{{FrontSide}}1 C2 a3 f! Z  B! J
    <!-- 页眉区块 -->  ]! R/ Z; ~( d5 {, ]* s
    <script type="text/javascript">! ^5 U, C# e' R! F* \
    , _  z8 ^" j& c  b
      // format shiyi_youdao0 p: \( q3 [! a, b  O
      var colorMap = {. F8 [8 q/ u% ~/ i) y
        'n.': '#e3412f',) P3 x2 S' q: t* m1 |
        'a.': '#f8b002',
    7 W# F$ H& K- w/ ^) ]* ~    'adj.': '#f8b002',4 D# p0 }, M' [) p+ e. ^4 L
        'ad.': '#684b9d',
    - u, S. b* c3 y1 a9 ^3 z+ u; [    'adv.': '#684b9d',
    9 {8 R. [6 O1 [+ B$ K# A    'v.': '#539007',
    3 M0 u  l: T& V    'vi.': '#539007',
    . @# L: d; p, T    'vt.': '#539007',
    , t* r" ]% w( l% F: V    'prep.': '#04B7C9',
    + n$ X, M( o; ^    'conj.': '#04B7C9',
    8 y8 @+ [6 w$ k; i; {9 e( H    'pron.': '#04B7C9',
    9 w" w& J, p: P8 K5 q! l6 ]7 F    'art.': '#04B7C9',
    0 b: j4 J. x$ l2 d$ [) I    'num.': '#04B7C9',/ C, b/ `+ u' H+ K; @
        'int.': '#04B7C9',4 V' n& V  ?# u: P# U" i5 [
        'interj.': '#04B7C9',
    , Y! x" U. D# }" b) ~6 B- @    'modal.': '#04B7C9',* Z0 C; [* O: o& x+ r: i& U
        'aux.': '#04B7C9',
    ) N% b3 X( B4 g  A0 a: U! S  g% I* g* @    'pl.': '#D111D3',0 [) U8 [9 R8 W4 S+ p
        'abbr.': '#D111D3',: G* v5 r! Q9 `0 x. E
      };
    3 l* E9 ?/ Q. T8 s# R  [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {* }; B) ?8 c* a: S
        div.innerHTML = div.innerHTML
    " O, |& k$ s  U3 D% d$ O      .replace(/\b[a-z]+\./g, function (symbol) {
    8 a  I, r; k( b        if (colorMap[symbol]) {
      M" j" Z0 f% ~: [- i  ]6 @: [          return '<span class="cixing"><a class="hightlight" style="color:'1 N  x4 r4 }, I1 e! V; ~
                + colorMap[symbol] + ';" >' + symbol + '</a></span>';2 P1 D6 h9 H  O  W. F
            } else {
    3 O( a* ]  J; s          return symbol;( g- P4 P4 a$ U
            }; y- q& b0 F# _- }9 z5 [. _3 j
          });
    " r, R. u; `" v4 o* r  G" t7 d8 V( I: \9 O  });% T5 X0 e: \! [  ]0 h

    ) V$ U0 |( U: i" ?* p  var back_div = document.getElementById("back");
    1 c0 `" ?$ y" ]3 h' t  back_div.style.display = "block";0 J* J$ _9 a! D" P' @
    ; {. B! W. @& a& t4 s: n
      window.addEventListener("resize", update_ldoce6_height, false);
    " O" m' \: G' J( f2 |3 O* [  update_ldoce6_height();5 @$ Q4 ~4 e# `9 d! |; L
    5 A) j; j2 t) T; Q/ V
      function update_ldoce6_height() {: `- V/ q+ H& ^. t
        var ldoce6_div = document.getElementById("ldoce6");
    2 X5 y$ w# r: M% q' m) i  r    var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
    - C* c2 |$ X: E% U9 Q# O/ p0 W    var preferred_height = window_height - ldoce6_div.offsetTop - 20;
    0 W5 @  h7 ~% F8 n7 ?+ L/ [    ldoce6_div.style.height = preferred_height + "px";
    3 w9 m. W$ O$ H, y  }+ i6 @3 b$ ^& l9 h3 F1 g: p
    0 E/ K! I) B3 b1 ?2 B' r4 _. p
      // test to show the file name7 Z3 y+ G/ @, @, S; q6 @* B
      //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
    ) e; B3 C* y# S1 n& @8 U: \0 h5 V2 G8 w8 \' X; @' D
    </script>
    / f4 J6 z. B. j' ]* A4 @  T. B( a9 I9 E<script src="_entry.js"></script>- {2 W: [* r2 k+ y1 H! J
    ====
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [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- V) a$ q- L8 _/ Z) a
    我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...

    6 p; ?+ y3 m& {# o' m+ A7 ^0 }' A& {- s还真的是够白的啊,哈哈
    2 `- @1 F/ A. Q/ d  e8 _这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    2 C0 N/ n- O7 m' }, l我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:50# T7 c" \3 Z/ ], E& m5 o
    还真的是够白的啊,哈哈
    * l: h& w3 x( l( A这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。8 D2 f3 L) y% `9 e5 K6 s
    我在共享的文件夹里放了个 ...
    2 c% W. g# i; J; h
    thank you!????多谢合作
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

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

    2022-5-24 05:14
  • 签到天数: 85 天

    [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/ O3 A; n3 H, A- u; S1 q2 x& A5 J
    葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...
    0 y! V0 @" w3 t
    我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。. F. P% ~# m4 Z9 i! i
    我也只能帮你这么多了,
  • TA的每日心情
    开心
    2018-8-7 13:14
  • 签到天数: 10 天

    [LV.3]偶尔看看II

    发表于 2018-6-6 21:01:29 来自手机 | 显示全部楼层
    感谢楼主分享。。。。
  • TA的每日心情

    2022-5-24 05:14
  • 签到天数: 85 天

    [LV.6]常住居民II

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

    5 F: a4 g- M# t: \4 ?+ X, {重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对Java脚本的支持度不一样造成的。
  • TA的每日心情
    无聊
    2020-4-25 16:56
  • 签到天数: 3 天

    [LV.2]偶尔看看I

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

    [LV.Master]伴坛终老

    发表于 2018-6-10 11:47:58 | 显示全部楼层
    感谢分享!: Y; S9 U* `- m+ V; W) W
    这个版本的朗文很精悍啊,原版论坛上有吗?
    # l! O. i* W9 X, j# c
  • 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-3-29 21:18 , Processed in 0.080703 second(s), 4 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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