掌上百科 - 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 J) s. @  d! b. H, J; @4 |" u. s* Z
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...

    9 @: M- o9 H# I. x- _: V. e5 aFront Template:9 K. E# q8 y5 ]2 f+ h7 |  M$ d
    1. <div id="front">
      . v6 u8 t& S7 s$ T* G! z$ \! j& }
    2. : c) I* R% v' h
    3.   <div class="headbar">{{Deck}}</div>6 N0 z" c4 H, s/ E8 {
    4.   <div id="word">7 O% h1 }! j/ A/ }4 ?
    5.     {{单词}}
      0 Y( K0 B1 z- I6 t- q& V
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>( i, X* i& r$ V  @# V5 ~" }7 i
    7.   </div>" ]: k5 `( h+ m6 `
    8.   <div class="yongfa">
      + j4 I, Y- Z/ l/ z. `: h- O0 [
    9.     {{用法}}4 o, y: L: \/ _8 n7 y# Q: h6 c9 R
    10.   </div>
      " v8 u- B0 q" v/ m8 p! D0 ]

    11. 1 }2 U/ p0 ]& M4 A* {8 @
    12.   <div id="back">  C) v9 W/ E! ~! f
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>- S2 k- Q" |3 B7 o
    14.     <div class="shiyi_youdao">
      4 b- m4 a$ S' L7 c3 j
    15.       {{shiyi_youdao}}
      6 U: F/ ^; D- o, G( V% q
    16.     </div>
        c% Q/ c. \9 V7 p3 ~( t
    17. * v7 m5 Z' L* O0 [, R
    18.     <div class="headbar">LDOCE6</div>
      ) F3 h5 {! [$ ]* m5 h+ w
    19.     <div id="ldoce6">; ?1 W. u. v6 I+ F- h- Z
    20.     {{LDOCE6}}
      6 l8 T( ]0 k$ j" `5 Y: j( ?$ i% \. g' K
    21.     </div>
      ' G) I# ?. I8 C8 m0 e5 z+ h* A6 v
    22. 6 X/ w1 Q) j& q8 p# H
    23.     <script type="text/javascript">% x2 O; M% ^. a/ U: F3 c: L
    24.       // format yonfa- T& t& ^/ w  t7 I( z4 E9 S
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {/ ~- I/ J2 k! a. J" T  ?  o( ?
    26.         div.innerHTML = div.innerHTML7 ]( x5 O5 f+ l* t# P, D
    27.           .replace(/[1-9]+\)/g, function (symbol) {& V3 E+ r. m2 _
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
      % T- y5 l* m& @3 m* k
    29.           });
      $ s5 Y7 T/ o5 P0 g* ^2 s* {9 l
    30.       });
      " v; U% c6 {6 r- C% @
    31. 0 E# {$ R: M7 p& `( m! o
    32.       // play the Ammerican pronouciation
      - j/ y+ K! ^( b+ D6 Z$ z3 V4 D4 \
    33.       var amevoice = document.getElementsByClassName("amevoice");2 ?; _" M4 w& W) r8 d2 n/ U  G
    34.       var anki_modified_code = amevoice[0].innerHTML;4 M$ V0 S8 o. E, n. n0 z
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
      + J& X: T1 Z) A/ O( ~5 U" G4 D* m
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
      ' b+ J, F1 t- f  S! F
    37.       var audio = new Audio(filename);) d0 `' u  t  Y3 w- W
    38.       audio.play();
      % A2 r" d5 V& ^/ i* ~, G8 k
    39. # V% @9 O; O, g. x4 Y1 _! B
    40.       // add audios of the examples! a! ?: A% C7 {) u5 r
    41.       var examples = document.getElementsByClassName("example");
      - G+ I9 W0 p( u+ m5 ~
    42.       var example_audios = "";
      ( }6 H+ d- z. `& K1 J! n6 W3 Z( e
    43.       for (var i = 0; i < examples.length; i++) {
      % S0 }/ f! h0 W
    44.           var e = examples[i].innerHTML;
      : d2 \. T' d2 u) u( z
    45.           var index = i + 1;8 E: I1 W# m& N7 S
    46.           if (e.search('mp3]') == -1) {( V- _1 R% ]' X% _
    47.             continue;' T9 p! Q& F& O& g0 D
    48.           }
      * i0 I4 H! W5 D; g0 e
    49.           example_audios += index + e.split('<img')[0];* X! r0 U# q$ g- U3 V# I
    50. //if (i>10) alerta(e.split('<img')[0]);
      , C( I$ t5 ~! }
    51.       }
      4 U, p# c7 T: i/ Q
    52.       var rank = document.getElementById("rank");. B* J% q6 c+ z8 V8 k
    53.       rank.innerHTML += example_audios;
      4 O+ t, M6 g1 {- R; b. ?

    54. ( t0 R7 H8 j0 c1 q  L9 z# L" [( e
    55.     </script>
    复制代码
    : x* e; s  y% d! [$ I
      h8 l! S7 n& j  r. n9 T3 p1 z
    Styling:6 u" S) G% ^4 O
    1. /*页眉页脚全局样式*/
      7 E; `3 o. Y; t( Z* |
    2. .headbar {
      6 ^( k* f* X+ h
    3.   color: #aaaaaa; /*字体颜色-白色*/3 D' B% h# H, x3 U( K
    4.   padding: 2px; /*四周留白-5px*/
      6 a. Q- w& o1 L5 Z. e
    5.   text-align: center;
      ) B* d: f+ C( x
    6.   font-size: 10px; /*字体大小-12px*/3 U9 L$ L2 J1 N2 d( {, G) B3 u
    7.   background: #365899;
      7 X4 n/ T$ \0 N! s7 z/ m7 h- A
    8. }9 x9 h9 s4 J8 m; V0 j

    9. ( J4 y3 N0 Z1 |# b
    10. body {
      + l* Z( c/ y4 D/ N/ }7 T
    11.   background: #c7edcc;
      5 Y  B' V6 H5 E) W; n- P
    12. }5 v& c' M1 Q, e* X$ E

    13. % C) F, A$ x7 ^) B: s% b/ g
    14. #word {
        M4 I8 s5 N/ H: \
    15.   font-size: 36px;/ ^- ]. v% c; q+ [: q& v! U
    16.   font-weight: bold;8 i$ F* T5 G1 ^! a! E. c; d
    17.   padding: 5px 20px;
      3 @6 H* d: M+ W( G0 Y6 h
    18. }: \8 P6 d( p/ o- B

    19. 4 _* Q) C: I% `7 l) f5 {# |
    20. #rank, #example_audios {
      , `% Y, ?' ]. g% {+ J
    21.   font-size  : 12px;
      % C& }. n2 Q  k" E+ _2 c
    22. }& v, x# T+ L# D# ]9 O
    23. ) u7 q6 {1 ~. T
    24. .yongfa {. I" ]7 \: \1 x' d6 A7 S
    25.   font-style: italic;8 M0 Z7 g' W7 n: t1 `
    26.   display: block;0 g2 U" [8 Q9 I% M7 ?8 k# f& g
    27.   color: blue;
      3 f( E0 |/ [0 D5 Q" k
    28.   padding: 5px 20px;
      6 N, m9 t6 t2 M
    29.   font-size: 14px;2 O( d9 @9 o  ^
    30.   line-height: 1.2;
      8 J: U* W/ O% O0 R. s7 I
    31. }5 N1 J/ d, }* V7 U" Y) q% [
    32. , l, R, Y  h1 I' W5 B7 w) d
    33. .shiyi_youdao {
      4 v$ Y' M  k) f  E( F8 N3 E! h) B
    34.   font-style: normal;
      . ~- A( e% ~. o" ^8 s4 X8 Y
    35.   font-size: 18px;
      & M+ W. }% O2 f) @. C' S6 n8 R
    36.   line-height: 1.2;
      2 F, G/ b9 T7 G& U3 \1 f2 R
    37.   padding: 5px 20px;
      8 l2 h4 X5 f/ e% a+ c1 g
    38. }2 A; H3 t: w' u, F
    39. " i# F; X7 H# t* C- C2 F. X8 C, g
    40. .hightlight {& i/ q2 b. G$ t! ~3 @6 p
    41.   font-style: italic;9 E+ J. v4 [7 e& J$ J
    42.   font-weight: bold;# E$ t: I* {1 E0 l) v0 I7 @0 j1 M
    43. }
      4 u2 A4 |3 x& w2 I  [

    44. 7 S5 D6 i! z% q2 ^. S* I$ K
    45. /*
      1 N6 F$ a* ^6 A! a' |
    46. ._LDOCE6 {. p& B- B' s2 Y
    47.   height: 480px;
      . a( [, b! X$ n7 O, i8 [; U; U
    48.   overflow-y: auto;9 U5 O% U. C5 E( O" r# I) w4 w
    49.   font-size: 14px;  n% I* s. e6 ^  R6 ?% i* Y: R
    50.   padding: 0px 10px;7 l$ x+ d! N% [1 x
    51. }4 |) g" g1 x( G6 H
    52. */. ?4 L( Y$ f: J2 _, B

    53. - j2 g4 i9 k: [
    54. #ldoce6 {" B# Q9 c5 [" F. n
    55.   overflow-y: auto;+ f1 H% c1 G( y3 Q
    56.   font-size: 14px;* L# a( ~: h" S' w' Q% u
    57.   padding-left: 10px;
      0 C3 J* J& j/ O& }, `) G" ?; @
    58. }1 R4 Y3 ]5 E# P2 F7 ^& [- Y$ B
    59. & E" |1 U' o' C2 \8 f0 H
    60. % O. b. L4 L1 }2 v
    61. #back {" C3 T& s  Q2 j8 R; F: j
    62. display: none;
      4 m2 g9 T2 N& V! t, R; Y" A8 f$ @
    63. }% X) Y6 D; `; S& i4 A9 {( Y

    64. 7 ^; G5 ~( N) B  |* `
    65. /*, \* t/ U0 ?& j3 `1 o
    66. .cixing {/ Z3 b5 a$ U8 i# L
    67.   display:inline-block;" Y, U5 {# x: H9 f- q
    68.   text-align:right;8 a6 x* ~, ~: y8 O3 m
    69.   width:40px;3 d  Z1 U' w5 F5 _/ V
    70. }
      ; K' b$ Z% j1 T
    71. */
    复制代码
    " g$ S( Y7 A; t" `7 x( J; a8 p
    8 n" z8 B7 H' C5 j  c% @5 T
    Back Template:
    2 j- [1 }" Y& ]/ l: o
    1. <!-- 背面区块 -->2 o! q8 @1 \' P, \3 D7 K
    2. {{FrontSide}}
      $ ?; \6 x1 S+ k& E
    3. <!-- 页眉区块 -->
      % g* X: Q0 d) D6 S* |4 {
    4. <script type="text/javascript">6 ]7 m: c( \! S

    5. / t: ?6 ^' N8 C3 E& y2 l
    6.   // format shiyi_youdao5 t/ o2 O$ A, F# H, J
    7.   var colorMap = {3 D5 H. W2 |! w  i2 Y' a" T/ y# f
    8.     'n.': '#e3412f',! u% }- c3 [( A: e9 y
    9.     'a.': '#f8b002',2 T4 ]+ o& _" a( P: W8 |
    10.     'adj.': '#f8b002',
      ) _& r; ~1 x' f5 i, j5 l/ g
    11.     'ad.': '#684b9d',
      0 c8 Z. R" Q  u! K. _$ U
    12.     'adv.': '#684b9d',; \( |. J6 E, f4 g, [; ~: H/ N, {) H8 I
    13.     'v.': '#539007',1 y1 u( ~  ?& P1 K; p
    14.     'vi.': '#539007',
      4 j2 P7 m4 d; s/ K; ^
    15.     'vt.': '#539007',
      ; `! Q+ t. I2 G' F
    16.     'prep.': '#04B7C9',
      % \/ ~0 I4 Y% k5 F
    17.     'conj.': '#04B7C9',
      : I4 a8 ~8 k& l8 I
    18.     'pron.': '#04B7C9',
      $ f" B3 M# Y9 t* G
    19.     'art.': '#04B7C9',
      $ |8 m; E1 n- J) ?8 Y- G, t
    20.     'num.': '#04B7C9',
      ) g! D: ~, `7 U# F
    21.     'int.': '#04B7C9',
      ' m# l% X/ O: x7 U2 B+ H. l, q; e+ t
    22.     'interj.': '#04B7C9',
      + r# o/ D8 `8 s4 I' @8 m: u5 ?
    23.     'modal.': '#04B7C9',
      # A( Z. d/ c, F! b- Q
    24.     'aux.': '#04B7C9',! `7 N. E  t, ?2 [
    25.     'pl.': '#D111D3'," s6 B  T( I; G# `
    26.     'abbr.': '#D111D3',* a  Y: z0 U! r- l  k
    27.   };
      6 a/ T. G- w. I
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
      % J9 m; t5 c  O" n  m% f
    29.     div.innerHTML = div.innerHTML. ]% n" A9 X$ Q
    30.       .replace(/\b[a-z]+\./g, function (symbol) {
      & x+ A3 t% ~) f
    31.         if (colorMap[symbol]) {' w" E) F1 v4 u% p9 f2 @, t3 k
    32.           return '<span class="cixing"><a class="hightlight" style="color:'6 M# C5 U3 F. O: }/ p6 c, X2 s
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';0 l/ j# |; V3 Z! s% ^2 z
    34.         } else {
      / K1 q/ G# p) [4 h* R: U
    35.           return symbol;
      % [) d2 }  ]9 ^1 [/ _0 X$ K
    36.         }' D- c( d  n( e+ p' d4 N
    37.       });) X' Z5 l' W3 t) T/ n% K' I
    38.   });
      0 a/ x, G# J! {9 |0 v) H" x
    39. " x, Q3 E1 X. @5 O
    40.   var back_div = document.getElementById("back");5 v) k. Z3 d6 c3 {7 |3 O& l1 z
    41.   back_div.style.display = "block";
      - j" Q) r, a2 E( L) b

    42. & V: X8 k- u1 u* U
    43.   window.addEventListener("resize", update_ldoce6_height, false);5 A* z/ u& l  P8 E% e" Q
    44.   update_ldoce6_height();+ ]* d: X5 e6 G# J' G9 O
    45. # q, ~% v2 [" b% V9 b! G; l% }
    46.   function update_ldoce6_height() {4 O: B# l, d, a4 k
    47.     var ldoce6_div = document.getElementById("ldoce6");/ [4 Q- f0 z1 ]) X. f# u
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;& Q# ~8 A( C! }! e9 u
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;$ [  S4 E% T: f
    50.     ldoce6_div.style.height = preferred_height + "px";- x2 }# F6 F- M3 e# l5 H
    51.   }1 I+ t5 q! h2 I
    52. 9 d, F5 T" @. B0 g) ~, Q
    53.   // test to show the file name
      0 ?% ~6 a8 G/ G  _
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
      " T* X6 D5 b$ t

    55. 3 O. ?. F: o  e
    56. </script>
      " I2 w( U6 r' z# _0 z
    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 编辑 & C, k. l# {" o  V
    % g' X. v! P* u$ d3 x7 p' 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 编辑 , I1 Z/ Y5 c7 v7 c: p
    ankifyh 发表于 2018-6-5 16:53
    ( T+ Q" j" Y0 _" o" |我想可能是这个标签里缺点什么:
    2 b4 y/ ]! {/ Y7 b3 [7 s% T

    7 ^/ A% g0 [. f: W, U5 |代码应该是OK的,我直接从我正在用的card里copy出来的。
    0 x+ l) L, e* z1 b  V( V0 g+ |<span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。# U* N/ s) U# u8 b6 ^
    如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。) K5 V& q" u4 h
    你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。; ^1 J3 w& H0 o( m. Q' Q
    ' z) j: A! p+ L4 d, Z: O
    按钮部分看这里:( ?3 [( P4 W6 ~! z8 s# j
    1.       // add audios of the examples6 @$ s( Q; R* ]* w: N
    2.       var examples = document.getElementsByClassName("example");2 Y1 L, p# _- w
    3.       var example_audios = "";
      2 u% m5 o8 h3 `7 m3 m+ x
    4.       for (var i = 0; i < examples.length; i++) {
      " G$ X( S4 e3 \# j
    5.           var e = examples[i].innerHTML;; G% _0 c; h/ v" k1 w% P& M
    6.           var index = i + 1;# F( i4 ?- Z6 @
    7.           if (e.search('mp3]') == -1) {
      7 {. M' u, g; a( M/ S/ N, a
    8.             continue;
      . n0 @9 j* b0 A' c6 P
    9.           }
      ; r" A- l/ d  C2 B
    10.           example_audios += index + e.split('<img')[0];0 O: g' m5 p$ {3 ?" r
    11. //if (i>10) alerta(e.split('<img')[0]);
      " ]6 L" M+ V* Y& l/ B$ _
    12.       }
      ' g" v+ k0 c7 _% s
    13.       var rank = document.getElementById("rank");
      $ w. y" K  {$ 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:49
    % o, T( n% w( L, X7 `8 z4 J2 |我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...

    % `# D5 q! S1 w0 ?% x8 h  J====Front Template====
    + G9 X' n3 _0 _8 p2 V<div id="front">. N- D- p  g; w, Y0 B* K
    7 Y% V8 W# ]6 e+ [  s1 X2 {2 W
      <div class="headbar">{{Deck}}</div>
    9 y9 p: C$ X7 a* _7 n5 U  <div id="word">5 ^+ E' R- o" E* c9 w4 c
        {{单词}}0 t2 Z! _( \$ X7 G" A
        <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
    6 C' B# S/ M7 ]8 k, l) H6 `8 ?, U  </div>0 s6 ^- ]# q; w  w' W! a, j
      <div class="yongfa">. _8 [9 k, h( t2 C' M/ J! ~; T8 c: K
        {{用法}}
    * P" ]& H4 n7 L  </div>0 |, }2 [+ m+ x$ K5 {: c% k

    & a! G8 j5 q4 F# _9 C4 a0 c  <div id="back">
    5 s$ G3 e% F5 V+ F% t4 n    <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>/ f0 ]6 L- T) v% z3 e
        <div class="shiyi_youdao">
    " O1 \  I  s8 @      {{shiyi_youdao}}
    # \4 H3 L8 c* q5 B) n  e8 A    </div>. k% z9 M2 E6 U: e# w

    2 Q% o4 ]$ G3 `6 H: g    <div class="headbar">LDOCE6</div>7 ^% D# `7 a. t& V+ |3 P6 N
        <div id="ldoce6">. A/ d% S1 \# U; n4 ~
        {{LDOCE6}}
    ; I" F5 _8 A2 z) E4 k7 m    </div>% L% D% A  Z- l4 A4 ^- E
    1 k0 Q. R- [' E
        <script type="text/javascript">
    / W2 |7 I/ s% G- a8 m3 L- A; f+ E      // format yonfa
    * U/ E2 R% V' `/ _      [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {% F, \7 Z5 a9 o) |' {+ Q7 H
            div.innerHTML = div.innerHTML2 q0 R! L& W+ f% r# E
              .replace(/[1-9]+\)/g, function (symbol) {: Q- h- V- c8 {4 S
                return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';3 t- H2 p' u* }# `0 ^& L
              });
    6 m" a1 O2 Z* l5 Z! i' W+ c      });
    6 Y0 d) z0 w( p3 J8 K% F
    9 m: u% {  o6 b+ `! i' R      // play the Ammerican pronouciation
    9 `' }) ^& n! S$ u( Z* I: W4 a      var amevoice = document.getElementsByClassName("amevoice");
    # H, r  _. p& ~      var anki_modified_code = amevoice[0].innerHTML;1 c: \; i+ |; }; m7 T, k5 X& i
          //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;6 V8 K, k9 ~. @$ ~; R0 l0 n! H) t: r
          var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];
    6 W8 K) F% Y* Z5 m- h- w      var audio = new Audio(filename);
    ' V1 u* s$ u% N& _: F      audio.play();! m: B/ A* y5 o2 S# l" J. [
    / k/ v3 j- L! D" _
          // add audios of the examples  c% M! n. v% b2 u$ I
          var examples = document.getElementsByClassName("example");% p1 `- Q, I, s; X5 {
          var example_audios = "";
    6 ?- g0 q  w1 w      for (var i = 0; i < examples.length; i++) {( T" p8 f0 |2 d& r. {. O' _
              var e = examples.innerHTML;7 o; _1 U, m- d  K
              var index = i + 1;
    9 L4 ?3 t6 N6 |          if (e.search('mp3]') == -1) {
    # h' l, c; L9 _) o- h            continue;
    / {0 Z1 G" ?, I* z          }
    / F5 M3 |( u/ z* a: t, y$ q          example_audios += index + e.split('<img')[0];
    / M3 [) j  W6 i0 u2 Q//if (i>10) alerta(e.split('<img')[0]);
    * v, h1 N( j5 w5 h5 s; o. n      }% o, s! K2 H) x8 `- h- d' M
          var rank = document.getElementById("rank");7 I1 h+ o9 Z, i9 B5 H; t
          rank.innerHTML += example_audios;' ]5 S3 T% a( P; Q7 |4 g
    5 I; i& F* @! [/ j1 M1 {' p
        </script>- r# E  W) W: G4 Y! g6 K* q! @; k
    ====* @( L& E3 e: c; ]! N/ O% _4 I5 H( m2 n

    0 c: e0 l' }) _- [$ m: H. _* E2 n====Styling====
    : u+ d9 h5 l3 V" u% B4 P: z. I/*页眉页脚全局样式*/' M7 U- W& z; @0 I9 T- Y  e0 O
    .headbar {
    8 C! i3 m0 l- @7 S2 J  color: #aaaaaa; /*字体颜色-白色*/
    9 v; j' V+ }# L, ^  padding: 2px; /*四周留白-5px*/$ b$ i) p: Z# _  i0 m4 v
      text-align: center;
    ) c3 g" ~5 F2 M8 }6 J5 }. ]  font-size: 10px; /*字体大小-12px*/
    8 z& N1 C! B8 D6 E' i* F4 X  background: #365899;
    . P4 u4 @. s2 {3 t' p; R/ q# u}
    " W+ |) T$ A3 r  o9 Z, S" [) r# ]$ X6 ^
    body {
      D* s% m# v; ]* i2 @  background: #c7edcc;
    5 }) t) v4 X* G' D}: P* H# a* Q, h! Q) i5 t" x, y2 Q
    8 C% q- E# ?/ _3 S/ D2 M9 S
    #word {
    $ m: Y/ z* {7 z1 V; Y& q2 Q  font-size: 36px;7 G4 t9 ]/ e6 l/ ?
      font-weight: bold;
    5 |6 o- z, {7 `4 X* `0 ~" K( L  padding: 5px 20px;$ V1 g0 L+ {' q; s) U# E$ a
    }
    ( X3 I1 i1 t9 l2 W; Q# S! T
    9 i" X1 \( S2 O5 }#rank, #example_audios {
    2 |9 Q7 `* n& q0 R% \& r# c- C  J  font-size  : 12px;
    $ M& `6 n2 `6 T$ k( u5 _}# |0 ^& w; w: B2 J3 s  m  q
    7 e3 q. T4 M1 }& y& i% h
    .yongfa {
    . o8 o5 W* H* @8 _$ d! ~: \  font-style: italic;
    - P0 b3 ~" y7 K8 v2 E7 O3 z6 r5 T  display: block;" j7 v2 m4 k& W9 ~* |* d# T
      color: blue;
      {6 L" x) l# \2 c9 L  padding: 5px 20px;3 k) `' g+ O% P9 D2 y0 n$ A
      font-size: 14px;) n) i  Z9 P3 C" n. ]
      line-height: 1.2;
    : ~: M$ w, L( B3 a; u. r}0 t8 Y2 Q$ [6 P4 L8 k
    . n/ s% F4 `- G9 x' ^2 I
    .shiyi_youdao {. ?, E- w9 Q5 T3 N( ^3 r* _# m
      font-style: normal;4 L/ }. \! U7 m: V8 V# w' e
      font-size: 18px;9 P/ ]% W/ ~! X* }5 Y
      line-height: 1.2;4 Z3 m! ]* B. ]' Y5 Z7 G& Z
      padding: 5px 20px;
    ' e0 S; J4 j0 w8 W}
    7 P" I( c, y% f+ i3 w( ^- P, k% `& k* _0 ]2 o. P! |* \
    .hightlight {
    # {; e8 w8 {  s  O6 [* t  font-style: italic;
    3 K% X8 g# ^6 v5 o7 }  font-weight: bold;* J; Z/ p1 E/ _( Z" e/ H
    }
    ( v# |( c! E( D2 R2 Z0 j$ u- j0 U# h, h3 o; W0 [- \
    /*
    + t% m. s# K0 M- l._LDOCE6 {
    ) x- ^0 Y3 ]: D: J. z7 |+ S  height: 480px;
    + A0 \! d4 E+ I9 @/ i$ V$ P+ f2 J  overflow-y: auto;
    + b1 d) P5 f( \4 e, O- [  font-size: 14px;1 ^7 V, S: E3 N  q
      padding: 0px 10px;
    1 m( t6 ^9 O3 W. ?}7 x. c" a( _( k; F; @/ `
    */% a7 \/ ~2 x) W7 u* `

    - P/ g: q* R0 [* G) G#ldoce6 {& L: j6 ?% S$ _* H
      overflow-y: auto;
    " \. i# f/ i) P  font-size: 14px;: s; `+ s* m  w' `% ^, h
      padding-left: 10px;( d7 }) E1 X! M3 `5 n: C) y, {+ ?
    }
    ' A, Z# ^5 k4 z* F; E" U" r: B0 q2 Z9 h

    9 d/ [! {6 h$ n* J) q' R+ ?#back {
    1 ]. s7 A8 @5 U# mdisplay: none;& S" U& l) H4 E" M7 ?* ]! d
    }+ z+ I$ S% U0 r2 d& O

    # l. X6 W3 V, P9 Q8 @/*8 Q" s9 J3 p# e6 G% c  `
    .cixing {* h. C0 P8 _9 _  O4 z1 O
      display:inline-block;9 V) h! m5 Y& j6 D! s; W
      text-align:right;# ?9 X% W7 W; t& |5 ?" J+ {' v
      width:40px;. y* A8 a! j) k% _+ t
    }
    ; z1 e9 E, t& Z0 F7 D# J% g*/
    0 |2 {6 j; ?% A% L& G====
    , V& `8 S5 M/ x* q9 b% t  `, i  r0 p: R$ S/ l1 m3 C+ ]8 c
    ====Back Template====; l1 [* N! Q+ O! n1 ?
    <!-- 背面区块 -->
      `9 \( V, q  A' _9 |/ S; Q3 i{{FrontSide}}
    3 H' s( I3 s4 v<!-- 页眉区块 -->/ W! x  M5 }' k5 o( ]8 X8 g2 n
    <script type="text/javascript">7 I# N  J+ G2 p. c+ u0 ^
    8 Y) J; S3 q2 H& [
      // format shiyi_youdao
      b6 [' ]( B+ ^: U  var colorMap = {
    * f& ^. J* ]6 U& D7 P2 _    'n.': '#e3412f',
    / k. N9 v) P& i& K! q    'a.': '#f8b002',
    : v- r: _* C2 s7 W/ j* Q, d$ N& D    'adj.': '#f8b002',
    $ @5 g+ d1 I2 }, J" M' Q6 X    'ad.': '#684b9d',
    1 U+ i5 O8 J* Z& o2 W    'adv.': '#684b9d',5 W0 ?6 {! B5 D2 M  w. P4 [
        'v.': '#539007',
    2 c( w+ d( M: J  u2 b: p' N    'vi.': '#539007',
    # `! w8 s# f4 @0 i: B    'vt.': '#539007',
    . @' y% H* A0 y6 Y* O7 p    'prep.': '#04B7C9',
    4 q- l: v) z' @, g    'conj.': '#04B7C9',
    2 G" j5 a0 ]+ K( c* S    'pron.': '#04B7C9',& B/ {# k+ F7 p/ f; @* e% m4 c
        'art.': '#04B7C9',
    * O; l! w" M2 T    'num.': '#04B7C9',1 C; a: M( y# Q9 p0 G: j* ^
        'int.': '#04B7C9',4 o- h& P: \2 O! C5 @1 y6 X
        'interj.': '#04B7C9',
    * [+ Q6 n) W1 |! \    'modal.': '#04B7C9',
    - H) S" Y  D. Y: c+ M% C    'aux.': '#04B7C9',- [8 O% I* }$ p- s4 l! O2 j
        'pl.': '#D111D3',9 T5 }1 g$ ^* [0 A+ l
        'abbr.': '#D111D3',. \, A4 Y6 r4 s) x" f& f
      };
    0 u) E; m/ p$ n( z0 i6 K  [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
    7 U; G3 d1 x" ]5 }  z    div.innerHTML = div.innerHTML
    8 d7 j" I' x$ V% \      .replace(/\b[a-z]+\./g, function (symbol) {
    " g# B- Z5 H# `! q; t4 N/ \        if (colorMap[symbol]) {
      t2 \: K7 z3 O          return '<span class="cixing"><a class="hightlight" style="color:'3 g6 |% ^) K+ {9 d
                + colorMap[symbol] + ';" >' + symbol + '</a></span>';
    9 ^, A+ O; n! o$ X        } else {" Y' q. A* `! }9 O" E
              return symbol;
    ! s% n' f( r$ T7 a  a        }$ U1 V$ i* T/ r( y" B
          });0 o* @( V% F7 ]- ]4 g
      });
    8 \4 O5 j# b; g7 h9 A8 v6 G
    1 F+ `% z  Z! y  var back_div = document.getElementById("back");
    ( Q* ^( _1 h# C* p7 m& h  back_div.style.display = "block";( A+ V; E2 R% m3 V; V
    " j4 F% ?1 o) F6 I
      window.addEventListener("resize", update_ldoce6_height, false);
    9 \; A* |9 ~7 ~; ]  update_ldoce6_height();
    6 S% A0 j/ q$ e- r6 T/ I3 D) l  i* Y* L5 ^0 s) a
      function update_ldoce6_height() {
    * U, w- l# X9 N! }    var ldoce6_div = document.getElementById("ldoce6");
    ) Y* e" @% J; G. i: J7 {# _2 M+ W/ K    var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;) d1 ~2 k% q* s* O# G2 R2 `2 ^# q
        var preferred_height = window_height - ldoce6_div.offsetTop - 20;
    7 B' m* W% ^2 t& |( q/ a5 r    ldoce6_div.style.height = preferred_height + "px";% p: ^1 V  w0 {
      }
    8 L8 n2 m" h& m# ^$ L1 U) C, n
      L! x. r# i; V( F: T  // test to show the file name* L- u7 m  N! x
      //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
    + @2 ^0 }8 c: ~
    / X/ M8 u/ o* l" E0 |0 ?& j. G</script>
    ; H- `4 A, V$ y3 {9 h5 R<script src="_entry.js"></script>: J7 O/ A, a6 X2 Q$ v( _) N; z
    ====
  • 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
    # u6 S5 N0 N: g" c我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...
    . i% R: h" T! R5 D0 B
    还真的是够白的啊,哈哈
    3 v2 Y/ c/ \6 k4 |9 N这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    7 C. n: Y; L! _9 F" q, M我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:509 h/ l3 N2 C: c, w8 F1 T
    还真的是够白的啊,哈哈
    2 p. Q3 M% {' s3 U这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    ( B7 I* @( e5 y! k3 |我在共享的文件夹里放了个 ...
    9 V5 W; t1 P7 C8 h% [, {
    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
    & |* d3 P# P( O( _2 u葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...
    - s! p8 n! g  ?: ]6 {/ s. |8 ]
    我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。$ Z! D- n$ b0 h0 i, [' [
    我也只能帮你这么多了,
  • 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 | 显示全部楼层

    # q/ L6 ^% ^0 r, G* Y; @重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对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 | 显示全部楼层
    感谢分享!
    1 I* }$ ^" u9 ?& Z& U' \这个版本的朗文很精悍啊,原版论坛上有吗?" P) s- C# @. z; }. d& q( w
  • 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-17 12:53 , Processed in 0.126174 second(s), 5 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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