掌上百科 - PDAWIKI

 找回密码
 免费注册

QQ登录

只需一步,快速开始

楼主: hhuang

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

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

    [LV.6]常住居民II

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

    [LV.6]常住居民II

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

    [LV.6]常住居民II

    发表于 2018-6-5 06:54:51 | 显示全部楼层
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱[email protected]
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 07:51:00 | 显示全部楼层
    ankifyh 发表于 2018-6-5 06:546 y* [) u; T5 O) o: o1 Z1 O
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...

    ( i1 I% h, J4 _& ?1 t2 pFront Template:
      Q7 o$ q* d4 I) y3 n. L
    1. <div id="front">
      + h: F2 T) s2 \; |4 S4 y

    2. ' p1 T  k+ p# v$ p6 `) j
    3.   <div class="headbar">{{Deck}}</div>% d6 Q- K1 S3 G: C) l0 n% n
    4.   <div id="word">
      1 _; F! D3 {( D' ^
    5.     {{单词}}& U$ Q4 C# W6 N8 }; x4 |
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>0 e3 W- `) E/ l7 a$ Z* ^! J" K$ g0 I
    7.   </div>3 Q1 m0 W# ~* L. t8 Q! T" y7 z
    8.   <div class="yongfa">
      " v, Z( Q$ _% c) I1 {
    9.     {{用法}}
      + ]; z' T" U. ]3 n6 b/ R
    10.   </div>) ?0 H2 P, b; D  G* X; C

    11. # g5 F( ^% F% _: E+ H( C0 |4 n
    12.   <div id="back">
      1 F+ |" m  x1 U9 R1 U; L! }6 z
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div># V% F( m5 q6 n6 |/ n
    14.     <div class="shiyi_youdao">' ?. W6 ]6 p/ n0 S" U' {
    15.       {{shiyi_youdao}}/ M2 `5 Z) ~1 ~+ y- O0 h
    16.     </div>
      % S4 G; [2 u" g$ G
    17. ' K& H3 s( C9 P
    18.     <div class="headbar">LDOCE6</div>* m8 k+ U3 `6 x$ d$ s- ~
    19.     <div id="ldoce6">
      ( z% ^3 E6 ~  f/ ^! r9 _( r
    20.     {{LDOCE6}}- R: _% A3 B( B6 q3 f# L
    21.     </div>) B, }$ h- V# ^" ]6 ^. r

    22. ( B3 b; I" p. e
    23.     <script type="text/javascript">, S! w. ~/ V) F# J( V2 N( v
    24.       // format yonfa. `; x5 _! y5 A. O0 j3 C% q' [7 t4 f
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
      9 u" P% |& f( v9 R3 a
    26.         div.innerHTML = div.innerHTML* v" n+ v' M& G$ C( g" m
    27.           .replace(/[1-9]+\)/g, function (symbol) {8 X% X3 L, q1 @* v
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
      8 ~0 c' n+ B9 U7 z6 h5 F1 c# A* P2 @  `
    29.           });& B2 P; a! @' {! X
    30.       });
      $ J+ m1 i$ v; e0 \: f& q+ k; t# ]

    31. / e: _, r8 w- R  C* @' T
    32.       // play the Ammerican pronouciation
      ( K* x8 l9 u* G0 }2 d
    33.       var amevoice = document.getElementsByClassName("amevoice");8 o* c* N# w# y" Q  ?; u
    34.       var anki_modified_code = amevoice[0].innerHTML;
      8 b) J9 i  e5 A& I# J2 J( e& S; G+ e! }
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
      7 {# B) w/ G6 f2 c/ p( o
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
      - g$ J$ a  e& g' |
    37.       var audio = new Audio(filename);
      ( |1 n" g3 v9 O1 `
    38.       audio.play();" _/ O, @3 L  @5 p

    39. 0 H9 y8 f( o! x: _1 |: d
    40.       // add audios of the examples
      7 w- f8 b1 w  Y- e
    41.       var examples = document.getElementsByClassName("example");
      . }; X) t( I. {4 q  ~( v0 ~  D
    42.       var example_audios = "";) c# C4 J) `+ Y# Z" r
    43.       for (var i = 0; i < examples.length; i++) {3 d, a; F2 L) x8 h
    44.           var e = examples[i].innerHTML;8 X# K! H$ H9 r
    45.           var index = i + 1;: }) ^6 G$ k, G! A
    46.           if (e.search('mp3]') == -1) {) A! [+ u5 L* ?- C- X: k
    47.             continue;
      7 ], v# G! R3 s2 |' Z9 ?
    48.           }
      ! D; J$ F+ R- N* b/ a- I
    49.           example_audios += index + e.split('<img')[0];- T/ u) U" p* ?; z$ ^! z: Y
    50. //if (i>10) alerta(e.split('<img')[0]);
      ! q" I* \- {( _  g0 E6 z7 b
    51.       }
      9 s: l0 V. [0 x' ~8 O; E
    52.       var rank = document.getElementById("rank");) Y4 {4 D9 k2 B+ m# E
    53.       rank.innerHTML += example_audios;
      6 K' @* v& @( k- m0 }2 p* M1 d- v

    54. 6 }. M& O, I! d& h& R2 b" T6 q6 `
    55.     </script>
    复制代码

    ) h& X% t/ y4 T# X! Y0 |
    - h. S! H6 W- {2 H- r6 P# n3 @Styling:
    / E8 v4 d/ l9 p' q% p
    1. /*页眉页脚全局样式*/
      9 t* d) g/ U+ g8 _
    2. .headbar {" C4 V. C- c# C6 U
    3.   color: #aaaaaa; /*字体颜色-白色*/
      3 b% v% `: m* h/ I; e
    4.   padding: 2px; /*四周留白-5px*/
      - h- `, j4 c* i& @' N" @
    5.   text-align: center;5 l, D' O5 g, N1 H9 m
    6.   font-size: 10px; /*字体大小-12px*/
      1 j0 R- G0 [- R, I; E. z
    7.   background: #365899;( e/ I* m. ^6 U% [. \, C6 |5 q
    8. }
      : t* ^8 k# }& [. |" q) @# c
    9. 2 c& b, L7 ~1 `& h7 Q$ J
    10. body {0 N3 b( y- p0 T- E/ g
    11.   background: #c7edcc;
      . k' F8 ~5 Y/ ]9 o0 _
    12. }4 v5 g0 I& u& ?! t1 E

    13. # |# Q5 R6 v: {% ^6 q
    14. #word {
      # q; S( ]3 [; w4 I
    15.   font-size: 36px;1 c0 t$ f) W) o+ @0 `3 p
    16.   font-weight: bold;
      9 f4 x3 v2 w+ z  b0 v# m  x
    17.   padding: 5px 20px;, t0 G. Y6 v6 P
    18. }- N) {) E: ]$ z/ ^' m' `
    19. + y/ Q" _9 P& c; H+ v
    20. #rank, #example_audios {
      / R2 X* U1 j9 x9 }
    21.   font-size  : 12px;
      , \; N- G4 @+ m7 k/ N2 [+ j
    22. }
      3 g7 [  b) ^% Y
    23. $ w9 @! u' {; Q" m8 ?1 R
    24. .yongfa {
      7 V7 ]! I$ X9 P' }# P
    25.   font-style: italic;
      - [6 J9 w% q2 s4 U: J7 ]
    26.   display: block;* ?/ N; j) O" _! Z7 p
    27.   color: blue;  y) R8 T; O+ A3 [' ?" v
    28.   padding: 5px 20px;" l9 Q/ u, y$ \# Q- w
    29.   font-size: 14px;
      * g; }, r3 P/ U# H9 h! g5 e( E
    30.   line-height: 1.2;0 b: @1 m/ ?' {4 `
    31. }
      0 g% _" A$ q! j' C, M

    32. + a" [% l) J$ |; D- L- N" H5 d" V
    33. .shiyi_youdao {& X1 f- T' r  C: T8 r$ w# m: M
    34.   font-style: normal;
      ) B$ c1 h7 y! e5 }' D5 M/ p) n
    35.   font-size: 18px;# V0 @! Q$ M+ r$ _! A9 b
    36.   line-height: 1.2;
        w& i- j+ Z0 z3 [% Z; `- Q
    37.   padding: 5px 20px;
      : Q  v7 {; z9 t  w* n
    38. }
      ) F. @$ Q7 W2 ~6 F) C+ p: Y
    39. 1 B, M7 u' O3 d- J
    40. .hightlight {+ h5 }! A8 h) o
    41.   font-style: italic;
      2 y' s) S7 ]# o6 I% H. o: b
    42.   font-weight: bold;
      2 K* p5 ?4 W( \0 k/ @, U
    43. }9 W& @$ E- M6 C3 _

    44. & f; ~# D6 G, V: M+ R# Q2 m. b
    45. /*; n- d: S6 K+ Y
    46. ._LDOCE6 {- w. e, r' v  b# _$ @
    47.   height: 480px;
      % a- @4 y% |& Q. J% W3 h, M* A
    48.   overflow-y: auto;* i/ l9 T4 j, C% E5 _3 r$ V
    49.   font-size: 14px;
      6 w; F% r- ?' ~: _- _0 {" w
    50.   padding: 0px 10px;/ O0 x7 z7 F" G
    51. }7 z: O6 B' n: f/ e- X; E1 r
    52. */* u* M7 d7 D1 u2 L' z) M+ V, l
    53. : [% k& q- N( L3 F. y5 U
    54. #ldoce6 {8 O5 J- B- B) }3 Z7 N
    55.   overflow-y: auto;
      ' q8 [3 A0 w* h/ x+ g' l
    56.   font-size: 14px;
      4 p! t. C/ I4 @. b* s  x+ O, M" k8 Q
    57.   padding-left: 10px;
      0 s, q# B1 K8 G( i3 B
    58. }
      - v. T0 F# `( u; {7 r- b
    59.   s/ {  X/ {* s

    60. 6 X; `" `) n7 b1 i+ s
    61. #back {
      4 T& e% h1 _- k
    62. display: none;$ `/ L% P$ ]- a- z, {
    63. }" @2 ?, z6 ]0 y& v! k5 V
    64. $ b( b, Z: |$ d5 b
    65. /*
      " O3 v9 R& g4 f1 I  p( |% z* I
    66. .cixing {8 y( I4 p% D3 t0 I) x2 N+ T
    67.   display:inline-block;; P& {7 ^* w/ M9 E* l
    68.   text-align:right;9 T! n2 u& G+ {6 d* N9 q: B
    69.   width:40px;
      # M# G8 c) ?# {
    70. }
      / v# i. k3 `" w0 O( ?4 u% ?6 t
    71. */
    复制代码

    9 L( q, v' o( j5 G$ ]! ^& I3 h" X9 J& T# _# m0 K5 m; e
    Back Template:
    9 J# b4 |/ Q* B, p
    1. <!-- 背面区块 -->
      + Q, o) z4 x# q  r8 {0 D
    2. {{FrontSide}}( W, `( P# u) x" b: t: r( w
    3. <!-- 页眉区块 -->
      8 P& Q! K+ G5 u' J
    4. <script type="text/javascript">
      ! j- o( X  ?' Y9 b+ n' _

    5. ( G# n2 W9 g6 |5 l
    6.   // format shiyi_youdao
      2 u! ?- T, J$ w0 `. A5 N
    7.   var colorMap = {( p! ~& K; L6 R
    8.     'n.': '#e3412f',3 H: R) `, |: I' Q+ H: Y$ D
    9.     'a.': '#f8b002',
      2 X/ s' f4 H; S1 |# L# P% @6 S4 O
    10.     'adj.': '#f8b002',
      - |4 {4 e- l5 J3 q4 s
    11.     'ad.': '#684b9d',
      1 G1 n/ Z1 x. g& i/ H' W
    12.     'adv.': '#684b9d',
      - d% ?0 N+ S2 _( |8 c$ H1 q+ C0 w
    13.     'v.': '#539007',- d% \% N# c- M$ E8 n8 Q+ C# l
    14.     'vi.': '#539007',! ]! v* }: Z* [  S2 w5 v8 U$ r& t! u3 ]
    15.     'vt.': '#539007',! z/ b( H; }0 r/ @* u9 r0 Y, f
    16.     'prep.': '#04B7C9',- o/ F1 ?# ^: A
    17.     'conj.': '#04B7C9',* G: h1 W7 P6 G  l
    18.     'pron.': '#04B7C9',
      0 x% }6 L% f; B1 p/ Q
    19.     'art.': '#04B7C9',/ C, V1 G. K& I* B1 U
    20.     'num.': '#04B7C9',) G' Z! Q3 y( i5 Q; Q* |
    21.     'int.': '#04B7C9',
      / O' P" k( D0 g* ?  `
    22.     'interj.': '#04B7C9',7 Q' v: v* g1 x+ D, C, J! N) _
    23.     'modal.': '#04B7C9',
      2 m7 l( ?+ C% L( k1 [. G
    24.     'aux.': '#04B7C9',
      : B0 |% h" u( ~8 b/ d6 B' p# H
    25.     'pl.': '#D111D3',
      6 h# L. D; E( E$ U% J  t
    26.     'abbr.': '#D111D3',. I& w' t( d$ A! U; v
    27.   };
      ; n8 s6 J  }8 V+ V0 b2 U
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {$ o  ^, Y" e% t7 j$ n, B9 Q
    29.     div.innerHTML = div.innerHTML
      : ~( t; n8 n8 C, \3 g
    30.       .replace(/\b[a-z]+\./g, function (symbol) {
      9 N5 Q4 q* X. ~# Y2 q
    31.         if (colorMap[symbol]) {
      # i# x: r- @1 L) e
    32.           return '<span class="cixing"><a class="hightlight" style="color:', s3 ]# U" H; A$ J* ]3 o6 `
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';# B) Z" H& a& l1 {9 ]4 a
    34.         } else {
      ' `" C5 p  d, {9 W9 c6 s
    35.           return symbol;
      * Z. o5 V0 ?% k* q- }8 E7 w
    36.         }
      , I  D/ |" p( S  D8 }! L3 g3 u
    37.       });- G, f( x. ]' m- p
    38.   });' Q( I8 o; Z) \6 T2 g- ^3 H

    39. " v2 `' Z1 o  q3 ~/ V9 t6 V# H) c
    40.   var back_div = document.getElementById("back");
      7 s5 B9 `8 N9 o3 ^: Q3 c7 Q
    41.   back_div.style.display = "block";
      * }& }* M) q  R+ G7 K  c& u

    42. 2 p* x( g6 c: d
    43.   window.addEventListener("resize", update_ldoce6_height, false);
      # r8 c4 ~7 U: ]0 E0 `1 m% {6 _1 J
    44.   update_ldoce6_height();
      * A  N- x! w; ]$ L% F  B* Z3 z

    45. - i$ w% [* B' I' f% d2 E/ y0 A. i
    46.   function update_ldoce6_height() {4 ?6 ]7 _( x% y! m
    47.     var ldoce6_div = document.getElementById("ldoce6");  i' s5 o- `* L1 a
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;+ [6 G, B! E9 W) P) ~+ @  [
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;2 E4 |& p/ h) x8 L
    50.     ldoce6_div.style.height = preferred_height + "px";( b) i/ f0 z9 y. E
    51.   }* k/ @& `; z$ ]5 q% }1 K! _* _3 b

    52. - K8 @0 e1 J& V
    53.   // test to show the file name
      & }  @  Q% k5 Q5 M. D+ r/ }
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
      + Z7 r3 G) c# h7 a9 w* x% U. V
    55. 8 p9 [, X# q; m7 u2 P$ |  D
    56. </script>- W/ d0 v- R# E, H1 L) o% j
    57. <script src="_entry.js"></script>
    复制代码
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

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

    [LV.6]常住居民II

    发表于 2018-6-5 16:53:16 | 显示全部楼层
    本帖最后由 ankifyh 于 2018-6-5 16:54 编辑
    5 S" |$ s+ E# d, \- {
    & h- m9 \# \% e+ `9 V我想可能是这个标签里缺点什么:<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 编辑 1 m  [2 X% }$ t% D8 F8 @5 K) r
    ankifyh 发表于 2018-6-5 16:53
    . G8 [1 H  H& O0 \$ c( N4 {9 j我想可能是这个标签里缺点什么:
    ' Z# w$ W$ o( G" c% D* [
    / Y* @5 O" _2 n! L$ X4 I; v
    代码应该是OK的,我直接从我正在用的card里copy出来的。% {$ e0 \& u6 H) u1 [
    <span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。+ m$ \) [0 n7 X; l9 @" s  P
    如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。1 @! O" a4 Q/ _" v7 L+ d
    你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。) R# q/ b( v, e% R$ l1 f6 Z
    + W  k3 j% n2 `- @) K
    按钮部分看这里:- E, G+ [/ M0 j/ d! O4 m7 k' q
    1.       // add audios of the examples
      4 B6 I0 t6 A7 P& f7 ?: s! @* g/ }" g
    2.       var examples = document.getElementsByClassName("example");
      1 b7 e# \( J7 a2 ~1 o1 F4 P
    3.       var example_audios = "";
      ; N- J( e8 {: s# W
    4.       for (var i = 0; i < examples.length; i++) {
      # w! R; g) j; X1 X  i
    5.           var e = examples[i].innerHTML;' f( t5 Q& n, y( v* K7 `
    6.           var index = i + 1;6 r/ W1 ], c! u( {8 b  W4 [
    7.           if (e.search('mp3]') == -1) {
      % g) `3 Q8 _3 `# S3 D; I) P+ ?8 c
    8.             continue;% S% O  R& U* z
    9.           }( ~2 D  j8 K% P2 L
    10.           example_audios += index + e.split('<img')[0];) K# u/ _, e' K7 Q
    11. //if (i>10) alerta(e.split('<img')[0]);
      # @. j, A$ h# O3 t) h. b
    12.       }' Q# p1 |& S3 i* u
    13.       var rank = document.getElementById("rank");
      / ?4 F/ |5 I0 v7 ^6 O/ g
    14.       rank.innerHTML += example_audios;
    复制代码
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

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

    [LV.6]常住居民II

    发表于 2018-6-5 18:51:15 | 显示全部楼层
    麻烦您了,实在不好意思,浪费了你不少时间
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 20:10:48 | 显示全部楼层
    ankifyh 发表于 2018-6-5 18:49
    9 c+ z2 J, k6 m. G3 H/ w2 }我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...

    6 C* ^- F2 s9 m( E* I====Front Template====
    0 f' d8 ?; N  V7 y1 G& u: M8 |<div id="front">) A, |& W- T% a5 }' w8 j% t) P
    & P8 o+ R; A  z0 x" e$ @2 d2 a1 i; N  h
      <div class="headbar">{{Deck}}</div>  Q2 m. m' D4 g$ @" g  Z% J* F) [
      <div id="word">9 U# U, `  B$ Q' D% i! ^
        {{单词}}% S4 a) g* B- N6 W2 I6 j" c
        <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>- w1 Y. b; ^3 V6 u! ^. w4 [
      </div># F/ `: j& E- a' [! }/ n
      <div class="yongfa">% ?& s$ s5 A) w. J! G# Q2 l: J
        {{用法}}
    + I! X: `, b; j8 x6 J  </div>
    . P; J# j8 {) V8 G" z4 P8 Y* l1 s, m. T% `7 @; W* S' _% ?
      <div id="back">7 h) c" V. _: Q7 N
        <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    3 j( N3 o" m5 e% i1 O    <div class="shiyi_youdao">5 A. p$ @- h2 `$ z  {9 x
          {{shiyi_youdao}}
    2 x) n9 h7 x3 `    </div>2 z3 Z  O5 H/ a8 ?, j8 j

    2 b- U% _# u; ]5 R! e    <div class="headbar">LDOCE6</div>
    , b. m* b* S5 m8 f    <div id="ldoce6">
    ) _. u( r. e8 n    {{LDOCE6}}
    $ L5 \9 P4 J% n, ?    </div>, Y6 n5 `7 F6 q0 L
    ) P" L! ]% {6 u5 h' h* C
        <script type="text/javascript">; ?5 ]) x  h( u6 p; j7 S
          // format yonfa
    , J5 p4 ?% w6 B6 f      [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {' b& c2 @  y! O% L) }
            div.innerHTML = div.innerHTML
    # w. _6 o8 V& [  w8 c( p! ]          .replace(/[1-9]+\)/g, function (symbol) {
    ( I' N) x7 F  V, C7 Q            return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
    # e3 ^  N+ a$ ?3 M& o          });; K! T- @: _% o: {/ @* E: y
          });' L9 B9 Z) r7 u8 M

    ) U7 G3 `- }" L1 W! U3 ]      // play the Ammerican pronouciation+ u& n$ ?! @. P. {; W' |! c' l
          var amevoice = document.getElementsByClassName("amevoice");
    % Q; U& Z; T* {6 n      var anki_modified_code = amevoice[0].innerHTML;5 v4 O& K7 t) y8 [. U8 ^
          //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
    8 M  ?3 |; \! t! B      var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];1 m1 k1 k0 r. T5 u
          var audio = new Audio(filename);$ i/ i+ y  H: T- P) G5 e/ O4 G
          audio.play();
    2 Z) [* g, J7 g0 X$ ?( c( Z, o8 u  B* M8 v7 N6 @6 s
          // add audios of the examples
    1 k1 r% f% Q2 E! C1 j      var examples = document.getElementsByClassName("example");) o- M3 m) h) ~  ^' g- N
          var example_audios = "";
    + `2 ~" m/ I) f      for (var i = 0; i < examples.length; i++) {
    . ]1 o* t; n! t+ V" M/ m          var e = examples.innerHTML;4 M$ k8 ?# T  ^9 [7 W$ [$ O
              var index = i + 1;' k  r* x. f8 g2 P
              if (e.search('mp3]') == -1) {% c+ S; J) A2 e5 E! Y/ V% H
                continue;- r' F& m1 f+ R. F
              }
    7 V# x5 s. f! p' V7 f( [' K9 p          example_audios += index + e.split('<img')[0];
    5 Z! m0 r3 ~, g7 m6 ], f' ^//if (i>10) alerta(e.split('<img')[0]);
    9 M5 W4 U2 u+ m7 w, X( y# [! {      }
    : j/ \! Z' X' T9 X% X  n      var rank = document.getElementById("rank");& a# j$ @: `7 e# D: `
          rank.innerHTML += example_audios;
    6 ^  y5 M. R7 y6 W
    5 o3 C! `" ^! J6 w% l    </script>
    & c1 ]' r) \  i  t  Y% R3 Z/ ?====% C/ W! b6 N, t0 W
    3 [7 n9 s9 u; D7 y$ k- T
    ====Styling====
    5 C. T) H2 Y3 m) V2 y* ~/*页眉页脚全局样式*/! @4 t9 r" W" u+ i
    .headbar {3 z& U$ L4 l2 y. h* U+ j3 @
      color: #aaaaaa; /*字体颜色-白色*/. I: i( M# F" v' t" t( p
      padding: 2px; /*四周留白-5px*/
    8 S+ L4 G2 c+ m% j2 F7 M  text-align: center;
    * y, T  m9 h  e9 ?9 A  font-size: 10px; /*字体大小-12px*/
    ( ^! N0 D$ ~6 S, d4 A6 J  background: #365899;
    9 B' j1 ?& Q! X0 n  w}
    # j- T' C- w( v# j0 ?, M( ]7 B8 ]* j7 X7 x' \7 v. G
    body {
    2 c  O/ Z( b5 S2 S7 l) J  background: #c7edcc;7 _! b& i6 }% F' k, h: ], y
    }
    3 U. C3 U, B/ B, f
    # C" r- @9 F' V! q% u#word {
    $ t, Y* u4 w8 n6 [3 \  font-size: 36px;
    1 W! @( r. f( {0 b  font-weight: bold;
    % C$ Y# H( b2 T6 m  padding: 5px 20px;
    ! a" d+ v3 V8 I1 Z0 v  P+ A: C}  ]$ e0 @/ m* |. X, z4 f
    / b9 [8 s- ~# h. u6 D  s& c) U
    #rank, #example_audios {" {5 }) Y1 _  d8 u' Q
      font-size  : 12px;( Q) l8 m, O3 @; I1 w
    }0 W2 n# _9 o: j: a0 F* I$ Z

    5 d: m7 G# a3 q1 X% T: d2 C% p. P.yongfa {3 f3 |* Z! g% h3 s; q
      font-style: italic;, p0 _% W3 f" Z7 Y. b4 U1 r
      display: block;2 s2 H4 a4 f; _; H
      color: blue;- E  @! Z% M4 C
      padding: 5px 20px;' E' ^. i9 ], ]+ K! q! \
      font-size: 14px;1 d# s, r$ }7 N, s3 ?6 N2 z
      line-height: 1.2;+ Z' u+ C3 r" k% B: t1 y
    }5 s8 ?* @- S. v1 ]' M! h) k# a4 [

      m  G/ D. {7 `7 e' {# t$ ~+ ?. u.shiyi_youdao {4 b5 _- Q0 o: H4 E2 {- M
      font-style: normal;
    - _4 z9 S- I, G; b: Q# R/ U5 L9 a  font-size: 18px;- Z$ N0 G$ n6 E" k1 y; _$ L
      line-height: 1.2;3 ~/ n: U2 m( {
      padding: 5px 20px;7 }$ X: k/ f% U' H5 r8 k9 k
    }
    , l5 {0 {0 Y6 q( _1 i$ Z
    6 Z) H& u. H6 Q& }" }# ?.hightlight {
    2 \7 H  J. Q! v: S  n# L3 P3 z  font-style: italic;1 p% O' e8 x5 c4 `2 F& V
      font-weight: bold;
      Y: p; a+ Z9 k8 b7 x}5 \- s, B( A, P. o$ d

    ! y( g; o8 h; {4 ]' ~2 k6 z0 K) o7 R/*% g& r& g3 \& N" s* L) A, C
    ._LDOCE6 {
    % L1 v7 ]0 w/ C/ B1 x. K- \& P9 p  height: 480px;
    8 g, z$ i4 O+ C4 ]  overflow-y: auto;) x* n2 a' Y* @/ w% h
      font-size: 14px;
    , u; w" D. x# V* b) v" h- ~* I5 Y  padding: 0px 10px;
    4 q$ Z3 D1 q$ E3 z; |$ K- ]( h4 _}* s. e3 Z8 c. k4 r! w
    */
    4 L# v. y1 i5 j6 j
    ' m3 Q# E8 Z" d" X6 p" v8 P#ldoce6 {4 d3 P  B2 C. J! ?: ~! M
      overflow-y: auto;
      O! Y  q: l# j, Q4 W# D8 O( R  L  font-size: 14px;
    , Z# _( ?/ J3 S2 L# \0 C2 J  padding-left: 10px;
    8 N, l( R% \( ]+ q}8 ~1 S- O2 d8 M5 s, H

    3 w. L: g2 @2 }5 Q' d; f. s$ B' q0 S+ X3 m; Z3 H8 B
    #back {
    # r& k( t8 ]0 Q" q& G- j$ t( d3 bdisplay: none;
    + v9 M# D$ C$ s/ u}
    ( T2 ^& T% Y5 j: Y, d, g0 |/ Q) K
    $ O. r5 ?- I# ?" F. y/*, j8 p! j* \. @" e6 F7 g& o
    .cixing {
    : F4 R' n/ k3 A) i- {# I  K; r  display:inline-block;
    9 h. X. _* L- X2 x% O; t8 l. O: `6 W  text-align:right;
    ) u: N; c/ `$ V# @8 \  N  width:40px;3 b" |) S1 u+ ?! ?/ l! }9 p) D8 d! d
    }
    ! ]. J1 G8 _" k' n+ D* b' C*/3 Y: g& h& T2 _. n( ~
    ====0 H5 Z2 l* T3 V

    , E% k( L; N% ]! v: x. H5 X/ h====Back Template====  k! J) m) g2 o$ ~
    <!-- 背面区块 -->3 z( h0 C, ^) K3 {" q0 T/ M) H% d
    {{FrontSide}}5 j) y* |. @% l
    <!-- 页眉区块 -->& q) s) q9 d# ^
    <script type="text/javascript">
    - ~  b3 X8 a3 q% O1 v& l" s3 b6 C& D5 h9 {- y  C8 V
      // format shiyi_youdao2 F- _$ w& t0 J* s( [. u6 q
      var colorMap = {
    : F5 x! p& P4 H/ g3 n1 }    'n.': '#e3412f',, [. H6 C5 m$ n, `( O, S. D
        'a.': '#f8b002',
    6 G; s, d# k8 @' H9 g  n    'adj.': '#f8b002',
    & y/ C2 N& a6 m( }) |    'ad.': '#684b9d',* X( T2 |) c) L: a# Z6 {) _
        'adv.': '#684b9d',
    8 b1 e1 `0 t( t5 g- Y0 u3 O    'v.': '#539007',: U8 R: K4 [7 U: h
        'vi.': '#539007',0 q2 N7 Z# ~) S8 ^9 e& B2 R
        'vt.': '#539007',
    0 s4 `1 a, f! m( H  F    'prep.': '#04B7C9',. g5 S% m6 w5 s  C+ I( ?
        'conj.': '#04B7C9',
    5 J* \  |" p/ l' k    'pron.': '#04B7C9',0 h9 \- k+ t: q7 C' {
        'art.': '#04B7C9',3 Q  w4 j+ |% |2 O( K9 a
        'num.': '#04B7C9',! q% Y. ]& @; M: [( x
        'int.': '#04B7C9',4 R9 q2 R' J3 G- B% ~$ A4 c' Q0 B
        'interj.': '#04B7C9',
    ; l/ P0 x4 p$ c$ D6 |1 E    'modal.': '#04B7C9',5 D! N& s" b) U8 y+ Q7 X
        'aux.': '#04B7C9',
    # H& g, F" ]' k% `7 D    'pl.': '#D111D3',
    % o+ W, D9 [' r    'abbr.': '#D111D3',
    - r% p, h& o5 m$ Y# r7 q, \  };8 [9 r, D/ l& r
      [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {+ ^5 Z# A* g# N- `0 |; ^
        div.innerHTML = div.innerHTML. |1 ~: u) e! o# p4 L' o% a
          .replace(/\b[a-z]+\./g, function (symbol) {! {: k8 }+ L3 v$ p+ w6 V
            if (colorMap[symbol]) {
    1 t, }: ^2 |$ ]) W8 U3 r          return '<span class="cixing"><a class="hightlight" style="color:'
    8 K) p; H8 q+ h9 h; w/ E9 A* \            + colorMap[symbol] + ';" >' + symbol + '</a></span>';
    & B& B2 l( R$ o9 J        } else {* G# m5 A. m. z9 k9 p; O& E' A& S
              return symbol;
    , q) G- o+ R/ D& ~        }
    / N" U# i2 p* Q% t      });
    2 U% C; o! E9 Z( s- \9 O0 T4 l  });) V0 ?9 B5 k7 v% M5 P4 H; c% K  x
    2 w) \# M& ]8 U& o5 [
      var back_div = document.getElementById("back");
    : ^1 l: l4 q( Y0 y; Z  back_div.style.display = "block";
    : g% \3 R1 ^' o, W6 _9 Y: }5 k6 Q+ U$ T4 W% C9 w: h# I2 \+ e
      window.addEventListener("resize", update_ldoce6_height, false);6 B7 r$ S* O% m2 I
      update_ldoce6_height();) K. s$ f4 b9 H" x) D! y8 B
    ! \$ v7 U4 N) v1 q% s4 g- \4 c9 h
      function update_ldoce6_height() {
    ' d4 ^# g2 K& |& z( b: b. e    var ldoce6_div = document.getElementById("ldoce6");8 Y+ ^+ a7 R0 A( N  q: r( V
        var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
    0 V0 |8 o7 \+ D$ c8 ]% g, w2 U. |    var preferred_height = window_height - ldoce6_div.offsetTop - 20;
    8 H+ ]4 x& O5 P' B# l7 v2 b    ldoce6_div.style.height = preferred_height + "px";# a4 A5 N9 @- |3 H) _) J8 ^+ V
      }
    0 V, _3 ~$ \' n. O6 ?6 A# W" |% c2 o' C6 `5 h0 b; n% `
      // test to show the file name
    , c% h; O9 b/ n! U4 G7 ~  //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;1 y7 Q8 y& \9 j( l" M
    1 q8 }* a/ n! O# g9 L9 h
    </script>1 ]2 F4 o5 t; e0 g  f
    <script src="_entry.js"></script>
    ! [+ G4 L8 o+ ^. }8 j2 L- l====
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 20:36:08 | 显示全部楼层
    我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白,所以我就一条一条地复制粘贴。逐行核对,还是气死自己了。所以请见谅。

    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有账号?免费注册

    x
  • TA的每日心情
    开心
    2021-11-14 10:34
  • 签到天数: 220 天

    [LV.7]常住居民III

    发表于 2018-6-5 20:40:39 | 显示全部楼层
    谢谢楼主宝贵的意见
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-5 20:50:16 | 显示全部楼层
    ankifyh 发表于 2018-6-5 20:36
    & N2 O9 g+ m0 T9 P4 N' g9 ?& o我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...

    + L& Q  e$ L  ~2 ?# m5 Y4 U; ]还真的是够白的啊,哈哈1 A7 K5 y, ^# l& F9 p! m; O+ _) J
    这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    6 C! S. I. v- ], |我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:50
    4 n0 w" H9 p) z( R0 A( X# J/ V3 @9 [' k: ^还真的是够白的啊,哈哈
    + K) F6 [' X6 W6 l/ w& d2 ]3 ^这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    # f  t/ }* M) Z, j" G# C! n我在共享的文件夹里放了个 ...

    + V% B6 P. U( M- m2 H3 q- Y1 w& i7 Bthank you!????多谢合作
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

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

    [LV.6]常住居民II

    发表于 2018-6-5 22:36:39 来自手机 | 显示全部楼层
    葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢
  • TA的每日心情
    奋斗
    2018-10-10 14:31
  • 签到天数: 61 天

    [LV.6]常住居民II

    发表于 2018-6-5 23:04:30 | 显示全部楼层
    语音库需要另外下载吗?
  • TA的每日心情

    2018-4-23 09:34
  • 签到天数: 4 天

    [LV.2]偶尔看看I

     楼主| 发表于 2018-6-6 09:58:33 | 显示全部楼层
    ankifyh 发表于 2018-6-5 22:368 U6 {. A1 |7 T+ z& e9 c
    葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...

    + |2 w  G7 L' g" J; \# r: a+ H我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。
    & F' y! I8 G' P5 W# v3 g我也只能帮你这么多了,
  • TA的每日心情
    开心
    2018-8-7 13:14
  • 签到天数: 10 天

    [LV.3]偶尔看看II

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

    [LV.6]常住居民II

    发表于 2018-6-7 08:18:05 | 显示全部楼层
    # U$ I  L' \0 q
    重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对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 | 显示全部楼层
    感谢分享!  W8 m+ {& Q/ m/ K* N5 f' ^
    这个版本的朗文很精悍啊,原版论坛上有吗?* I- R$ w, d, A6 f& _. R8 [* t: f3 L: R$ h
  • TA的每日心情

    2024-2-29 09:26
  • 签到天数: 343 天

    [LV.8]以坛为家I

    发表于 2018-6-10 13:08:50 | 显示全部楼层
    貌似很好的东西,谢谢真的非常不错,是不是很大的一个文件?
  • TA的每日心情
    无聊
    2018-8-7 20:07
  • 签到天数: 21 天

    [LV.4]偶尔看看III

    发表于 2018-6-11 10:54:04 | 显示全部楼层
    太棒啦,谢谢楼主!!!感恩!!LDOCE5
    您需要登录后才可以回帖 登录 | 免费注册

    本版积分规则

    小黑屋|手机版|Archiver|PDAWIKI |网站地图

    GMT+8, 2024-4-29 04:48 , Processed in 0.056661 second(s), 4 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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