掌上百科 - 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:54. M! `: X3 c. D! G% H/ d
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...
    , ^9 O/ I4 {2 }6 s9 \8 M
    Front Template:4 T9 |6 f* r3 T& x  X
    1. <div id="front">: T0 X7 a: @8 I+ q# ~

    2. / @3 C, n1 e' n9 h+ J0 N$ D" }
    3.   <div class="headbar">{{Deck}}</div>
      : `4 n9 |$ a5 C9 E
    4.   <div id="word">
      $ L- V" X3 _# z
    5.     {{单词}}
      & J7 x, D% N7 ^1 |
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>! g8 ]  g$ X( z+ @& Q
    7.   </div>
      ' z% j" ]" J7 L! ~4 t4 C
    8.   <div class="yongfa">
      / f, f* F- \4 d" T+ d0 A
    9.     {{用法}}
      % }8 h# S* B/ v1 I9 t
    10.   </div>
      - Y0 r0 V0 D6 H7 b; a: ?

    11. - R$ R; c3 d3 w( f0 c
    12.   <div id="back">6 T1 N) e+ G4 {/ E% S2 T5 j
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
      1 g0 k9 e- R- y
    14.     <div class="shiyi_youdao">- S! r9 V+ ?7 [8 v7 l
    15.       {{shiyi_youdao}}  l. `/ x4 k7 v2 `
    16.     </div>' ~! Q; B5 ?7 h3 s6 \3 @# W
    17. " m* a9 P- w: N1 d- ~, V" g
    18.     <div class="headbar">LDOCE6</div>4 `' M6 L& I. P$ O! a# G+ c
    19.     <div id="ldoce6">! }+ K% ]5 S" H& A
    20.     {{LDOCE6}}4 Q  {& u* x' @* i) p2 R* h
    21.     </div>
      ' i4 [( h. @. D  y+ u; @
    22. 8 L4 m" E9 P9 `) X! c5 l
    23.     <script type="text/javascript">, h8 _6 {: x5 g( O. y$ L
    24.       // format yonfa2 U. }( B- ]5 T
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
      # c7 b! V, U. l" E8 b
    26.         div.innerHTML = div.innerHTML
      1 P0 \- I3 B% i+ E+ O' i. J4 K5 C7 X
    27.           .replace(/[1-9]+\)/g, function (symbol) {; u. ?' Y* D3 H- M3 @
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';1 S9 R7 m/ s* i( y
    29.           });
      : `; r' O4 t; D* [
    30.       });
      4 r8 l. x" x: w  E7 y
    31. . V- p( A" J3 {4 u* _* P1 P
    32.       // play the Ammerican pronouciation9 J6 c+ k  f. \3 p1 p
    33.       var amevoice = document.getElementsByClassName("amevoice");& O' L* g3 {1 h& V
    34.       var anki_modified_code = amevoice[0].innerHTML;
      % v7 i5 q+ z. u& N8 n: k( w
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
      ( X% j/ s2 f# B3 y5 }
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];# u. L5 L  a! i& {
    37.       var audio = new Audio(filename);  F+ D  H0 I9 b/ c5 ]7 h5 T" D
    38.       audio.play();  U9 ]5 R& B1 }
    39. ( i( P6 x, k9 o
    40.       // add audios of the examples; V" D# ^0 K7 D2 q  W
    41.       var examples = document.getElementsByClassName("example");) M' y* Q9 i2 B; c% T; j
    42.       var example_audios = "";2 v& ?# B: ]3 Z4 @! C0 U* A
    43.       for (var i = 0; i < examples.length; i++) {/ \1 X8 j9 d& D. V
    44.           var e = examples[i].innerHTML;8 s! Q( O" A% R
    45.           var index = i + 1;  f% K. q) f6 B+ J7 b) G# w$ H
    46.           if (e.search('mp3]') == -1) {" i$ ]5 W( t" e, W3 D
    47.             continue;
        y' n& M6 ]( K7 T+ F
    48.           }- k; z) B* d' F0 a
    49.           example_audios += index + e.split('<img')[0];6 u' `* ?: X* Y6 e
    50. //if (i>10) alerta(e.split('<img')[0]);! Z& F! I- N0 S- C
    51.       }
      ; ~; L, k' C1 a* J
    52.       var rank = document.getElementById("rank");0 u; D6 j. e- `
    53.       rank.innerHTML += example_audios;
      , r1 I: R8 O. H% s/ z7 u+ @9 w1 ^7 ^
    54. 1 U4 \  [$ y; F# R: o
    55.     </script>
    复制代码

    ! K0 x' Z3 X, u; L! h8 W
    4 R: X1 m* X, h9 a8 m7 cStyling:3 s6 m9 l+ O8 S/ A2 S; j$ ?
    1. /*页眉页脚全局样式*/
      % d/ @# M4 |+ O$ d
    2. .headbar {' a+ o" a4 b8 ]- n7 y* O
    3.   color: #aaaaaa; /*字体颜色-白色*/1 q: X7 B4 J5 I. q. w7 H
    4.   padding: 2px; /*四周留白-5px*/: c" G6 m( N8 @' z- l
    5.   text-align: center;
      ' f: F6 F1 i# i! y9 b$ B( i9 {
    6.   font-size: 10px; /*字体大小-12px*/
      ( T+ b& p8 ?+ N0 ?+ a8 S
    7.   background: #365899;
        U' r( W8 T- I! [& m1 r
    8. }+ ]& y# S' s/ Z# \

    9. " X, e( h9 d0 m7 _. ?
    10. body {- k  R) Z0 T: X2 Z9 v! A- C# E) d
    11.   background: #c7edcc;
      " p" ?$ o! Y/ v6 }/ ~" K) Y$ ]
    12. }5 S, i! D8 l3 l0 l) E
    13. ! F; x) _/ Z, n$ x% `$ k
    14. #word {/ J( l" v4 H) }) a1 v1 F) b' v3 E
    15.   font-size: 36px;" A' _6 E1 M, E3 X) u! a7 T! |3 g! h* _
    16.   font-weight: bold;7 i3 I, \. D9 o$ w% k5 L/ s
    17.   padding: 5px 20px;
      5 |8 ]# }( i0 I8 f! B7 x9 J
    18. }) W( {0 k# o1 E9 w+ r2 J& b9 E

    19. * h: o3 `8 g7 {0 M8 @! J
    20. #rank, #example_audios {
      7 ~7 n2 ]% Z, V) `
    21.   font-size  : 12px;
      : O+ X* ^  A/ y3 b
    22. }
      # @, j& d8 H8 k% A+ W! {; L

    23. + N2 v, C* X- }
    24. .yongfa {% z2 S% a+ J7 V' L' i
    25.   font-style: italic;
      / A, y  C+ n' F, S, ~& {$ Y
    26.   display: block;
      6 |  v3 L; K! t/ [/ U1 Z% h
    27.   color: blue;
      # o1 Z4 _8 X/ j1 a% h0 T, B
    28.   padding: 5px 20px;0 y+ y3 y" Z! U9 q1 G* ^7 {+ T
    29.   font-size: 14px;9 q3 W: V0 N5 ~* x7 A, N( l3 m
    30.   line-height: 1.2;0 d; [9 z" R2 |; _
    31. }7 ?, u- d* w4 J4 _3 B$ X

    32. 5 o6 A/ a/ Y  c' {; w, p( r
    33. .shiyi_youdao {
      $ [2 t. g+ ?0 P* q- h. W
    34.   font-style: normal;3 b2 L6 s  R8 S% w! i
    35.   font-size: 18px;$ o# }' ?+ R1 P+ }4 ]
    36.   line-height: 1.2;
      ' P( Q% K8 l8 m1 q& X" ~, j
    37.   padding: 5px 20px;
      5 I( z: J& m- |! d  }$ d, ?
    38. }0 S  ]' ?6 F; k$ ]" |8 o6 M* i
    39. 6 @" x, V' N8 W; f  h
    40. .hightlight {
      " \% \2 d  G1 N. c1 w
    41.   font-style: italic;7 B! L, l+ ~0 M3 S- _% e
    42.   font-weight: bold;) s: E  n5 n9 s- r3 U
    43. }) D& B1 ]+ m3 f4 I

    44. ; H5 Y, c) {/ W& P
    45. /*
      1 D! v2 Q, _1 {2 O5 e
    46. ._LDOCE6 {
      + Q* N5 C+ t1 E8 v& y: T& J
    47.   height: 480px;
      0 d; L6 O, a7 J& M
    48.   overflow-y: auto;
      : A2 U) m2 H) S8 p
    49.   font-size: 14px;5 r' y3 y3 x" F. e; K
    50.   padding: 0px 10px;
      ) f# r7 e9 H: q- H( n* E! y
    51. }0 a' a8 `6 @2 ]6 P! v
    52. */4 J: B9 B" ~) w' H/ D; N
    53. ! i& |5 y) A1 F: m
    54. #ldoce6 {
      % B# s( e0 y- m8 {& n, s
    55.   overflow-y: auto;
      , J: c4 m4 A7 I
    56.   font-size: 14px;
      $ g3 [' v* \5 y+ u3 v3 F' ~
    57.   padding-left: 10px;2 E; v" _" ]7 e- {
    58. }
      7 |' V1 w, H4 F' ^

    59. # x5 E! k, u$ ^9 ~# n; M  M5 Q
    60. ; {  F5 F5 M5 d- W* `6 a
    61. #back {- U+ \' Q+ h- x# w, `5 u$ U
    62. display: none;
      : t0 Z3 K: M( w9 a! g! u" Z
    63. }
      ) [0 d2 I% g+ I; H% O8 V" K
    64. 2 S( ]" ?: ^- I
    65. /*# g4 K; c; u# t* n% G1 P5 E' ]- l
    66. .cixing {
      4 n8 ?; S# _2 B/ U
    67.   display:inline-block;
      / ?" |' S" \$ V+ B# i5 f+ y" i
    68.   text-align:right;- Q" I! a% B, g! k1 N, Z- e
    69.   width:40px;& Q- A! i2 T1 Y& K; W
    70. }1 k8 ]; L  X& @! _. E0 u
    71. */
    复制代码
    0 U) `3 @. W  S' J+ j
    + t# @' l4 x6 `# x* T- l+ S
    Back Template:
    $ I2 i! O8 z, m) B7 y
    1. <!-- 背面区块 -->
      # [( I& H& Q4 l; E6 g9 h7 y
    2. {{FrontSide}}
      7 D2 ~& d: [0 H: Y; F5 B& C1 Q9 Y# m3 R* }
    3. <!-- 页眉区块 -->$ Y+ F! ]% x1 {) y: t: A% w* a
    4. <script type="text/javascript">4 r0 }; A8 h. y4 H, s1 w4 `& V; [7 f

    5. 9 r" m/ O! F% ?! R- p' y
    6.   // format shiyi_youdao
      , o7 `* Q  `+ c  {) Z8 T+ @0 S
    7.   var colorMap = {
      . F* R4 E( u% z8 L* @
    8.     'n.': '#e3412f',
      * s2 [7 g4 U. ^! j+ A) Q
    9.     'a.': '#f8b002',
        g4 ]6 g: Y. L6 `
    10.     'adj.': '#f8b002'," {/ Z; w+ X# e- Q1 w" Q7 j4 b8 @2 ^
    11.     'ad.': '#684b9d',) C: [; A+ N" ]
    12.     'adv.': '#684b9d',+ j" X9 D8 \* ]
    13.     'v.': '#539007',9 d: Q; G: c& _0 b. e! H6 {" \1 k
    14.     'vi.': '#539007',) G) X7 i3 y2 u( b3 q0 k
    15.     'vt.': '#539007',
      2 a/ n9 I# U5 @
    16.     'prep.': '#04B7C9',  g7 L5 T. z2 c9 h9 v' |- j, c1 u
    17.     'conj.': '#04B7C9',
      + t9 ^" V4 Z1 R, Y7 X6 B
    18.     'pron.': '#04B7C9',
      " I8 W- b+ f* g7 P) ^$ b: @% P( Y
    19.     'art.': '#04B7C9',( f3 h" I3 l6 o& A' n9 T
    20.     'num.': '#04B7C9',3 m8 T4 W4 I: X& i$ Y& z2 c0 x
    21.     'int.': '#04B7C9',4 Z5 r* ^) d$ d* j
    22.     'interj.': '#04B7C9',& T$ v7 Z. r; y( X; i5 t# U
    23.     'modal.': '#04B7C9',
      8 h# r" ]# i) g9 `
    24.     'aux.': '#04B7C9',
      % j! _' \2 u* B' N& h# @6 p* p
    25.     'pl.': '#D111D3',
      # K* a3 g7 ]2 q) r7 u
    26.     'abbr.': '#D111D3',
      6 m$ |1 v/ a5 x7 B, \& t- ?2 U
    27.   };: [% F; s/ u1 [: z4 L
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
      / J0 ^+ c' `$ ^. a& t" Z
    29.     div.innerHTML = div.innerHTML
      8 l; M$ m$ D7 f/ `1 C! Q3 @
    30.       .replace(/\b[a-z]+\./g, function (symbol) {2 [* ^. a1 [2 g: I% _6 F
    31.         if (colorMap[symbol]) {4 q) f& p; C/ R. L# [
    32.           return '<span class="cixing"><a class="hightlight" style="color:'/ U, |& d/ d& w' ?+ m" w
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';7 [- s% E8 ?( o' ^# ?3 i- F6 U4 E
    34.         } else {4 p7 o' C1 ^, Y' F5 H9 G
    35.           return symbol;6 `/ f4 W; n  h7 |( q4 Q
    36.         }  R" {# n* r! e  t* @
    37.       });9 F. [$ E' ^: [6 _+ O4 Y
    38.   });
      ! U! ?) @( t2 d! M2 V: X. H

    39. % l4 @  r3 t( k% B. Q: Z+ ~
    40.   var back_div = document.getElementById("back");; s1 z$ {2 P9 {3 g! d* L& _# R6 _
    41.   back_div.style.display = "block";, E, J- w" ^& w' p( S5 k( t

    42. ) _2 k9 P0 s. T  ?) y
    43.   window.addEventListener("resize", update_ldoce6_height, false);
      # ?5 y8 S; y7 j1 z; m- e: K7 E
    44.   update_ldoce6_height();5 K1 k5 g2 o/ |  U- X1 M" [
    45. 6 @0 V3 S; ], D& y- T- U: [- ]7 m
    46.   function update_ldoce6_height() {  f- i$ x. A& Z$ a  T7 _5 O4 Y' Q6 n5 t
    47.     var ldoce6_div = document.getElementById("ldoce6");$ y/ v! Y" \" ~2 \
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
      8 P: x& N! ^* ^  f' U# z' K$ k
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;
      1 {* r5 B1 {3 t  D* p
    50.     ldoce6_div.style.height = preferred_height + "px";# w) D, D0 e4 i+ B
    51.   }
      2 j9 m! u" e* G6 ?* s2 ~) c" \% g
    52. / I; A: W, j$ H+ [9 s) N
    53.   // test to show the file name
      , G4 d2 u( T/ L1 `7 X; X  C
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;0 N! h" ^( F5 s3 ?

    55. 2 N9 V) q/ W' N2 p" ^# p
    56. </script>( h4 g3 b" Q+ ]' {, b8 w
    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 编辑 3 I+ D* s' {* H5 w5 U
    7 W0 N2 X2 Y; |$ j$ n* X
    我想可能是这个标签里缺点什么:<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 编辑
    " q0 D" `- W1 W8 s/ v, Y  V) Q. v0 y3 }
    ankifyh 发表于 2018-6-5 16:53
    4 n; q  T( ?8 x2 b/ [/ }( P我想可能是这个标签里缺点什么:
    4 s9 I4 t( L1 W
    * F- N% n/ _5 [
    代码应该是OK的,我直接从我正在用的card里copy出来的。
    , c5 Y/ q- G9 I* M; T% }2 M<span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。0 q4 m" j' S; Z0 Z* N! I
    如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。$ c' T% e+ ]" n
    你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。! j( E- J2 _" z7 i+ D, R; Y( `" r
    ( j( V$ E! ~9 M3 l2 ^* r
    按钮部分看这里:6 w- d- X9 V# X# P
    1.       // add audios of the examples
      8 T* ~1 t$ c9 I
    2.       var examples = document.getElementsByClassName("example");
        g/ S+ ?& ?& L  s" @, t. k9 y+ x
    3.       var example_audios = "";3 j1 F" V3 {( N
    4.       for (var i = 0; i < examples.length; i++) {* o0 A2 M  _# p2 x% r$ c# H! C0 G
    5.           var e = examples[i].innerHTML;
      6 C4 R* k9 n9 v* s8 ~5 d5 S
    6.           var index = i + 1;: ?9 _7 z' a- j5 g# S! \# O2 s9 f
    7.           if (e.search('mp3]') == -1) {+ i! ?9 }& b/ ^, D, ^5 ?" T9 b; C
    8.             continue;
      5 s6 n: w. E4 A1 m6 W' e- ?
    9.           }* c$ b; x  C4 `# M' l$ B2 ]. I
    10.           example_audios += index + e.split('<img')[0];  d9 |% V& y% W- U* J' i
    11. //if (i>10) alerta(e.split('<img')[0]);1 w  s9 Q7 e9 {2 G. X
    12.       }" E( M3 Y, e0 [) ^5 m" K
    13.       var rank = document.getElementById("rank");
      + d; Y! O8 O+ V7 C$ \- w+ P
    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
    $ B& [2 [1 Z/ M6 d我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...

    4 J3 b7 W8 d  {) O# A& @====Front Template====
    ' _) @5 h! k9 I<div id="front">4 y8 E- l' E3 ^
    ) g8 l) a: j/ E8 Y+ A6 f3 m+ G& L( C
      <div class="headbar">{{Deck}}</div>
    6 |4 I  S; Y/ p  <div id="word">8 \& D( C* a8 o$ G7 w
        {{单词}}
    * _" E7 L/ n1 E. G& L) ]    <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>; B& u$ j; g2 E6 Z( E8 u9 [" {/ X
      </div>' j) [+ l) N) j- c$ T: W
      <div class="yongfa"># \3 S- x  V* }( x
        {{用法}}; L& r8 c8 i0 @" [$ n' @
      </div>$ l; f5 e% z6 y+ K4 g" p

    ( p6 b; [8 B* v% n" J9 G- {0 [$ I  <div id="back">
    3 W) A) }6 P# p6 J* D  o0 f/ w    <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    0 Y0 c9 {. k# d5 r  k    <div class="shiyi_youdao">' Z& J: ]0 ^- u
          {{shiyi_youdao}}+ M& H* m) v: a
        </div>
    6 G$ q" o! z+ f# e% S1 W" `* J3 L6 n8 \% @  s( m
        <div class="headbar">LDOCE6</div>
    ! W% ]3 K- l9 _$ y* q8 ^+ c8 r+ Y    <div id="ldoce6">: s, W. F; s! m4 ?8 X( _  T
        {{LDOCE6}}9 V/ B1 [" W. |' ]
        </div>' d5 k! {1 x3 A

    - k& v4 I; q2 D+ A* g" @    <script type="text/javascript">
    5 d/ ]2 K5 s! t' `" T* e: |      // format yonfa4 J! u; Q1 D! L% t7 K
          [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {
    8 K7 V- L* f% M        div.innerHTML = div.innerHTML
    * o1 W; g7 k+ _2 M          .replace(/[1-9]+\)/g, function (symbol) {/ X5 A  K; q3 S& [" l) P! p' f3 u7 R
                return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';4 B- W: w2 c7 E7 C
              });
    9 p3 x+ I. g% N0 U! L+ e& L      });
    9 U- k7 \. Z* i; q/ B7 d! ^- e
    $ @6 B) W: p5 l) j+ T, u      // play the Ammerican pronouciation7 ]% Z9 j) d* A3 |5 P
          var amevoice = document.getElementsByClassName("amevoice");
    * j/ a  j7 L7 g      var anki_modified_code = amevoice[0].innerHTML;
    5 `; N4 B7 x" d3 @0 D' J3 @      //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
    / y$ ~5 T% p* ^9 n  p/ f8 r      var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];) D4 c) c' T5 x
          var audio = new Audio(filename);
    & [8 m* M2 q& o, W      audio.play();) u* s1 Y% T4 Y; b. {
    6 s7 m4 _. H- q9 g; m# d6 z+ t3 p
          // add audios of the examples
    ! C7 q6 p# V6 K: B5 u7 @      var examples = document.getElementsByClassName("example");
    7 X9 O/ W' `2 f      var example_audios = "";' e9 z. J" Z5 \1 v
          for (var i = 0; i < examples.length; i++) {; \0 z3 G5 I- C1 G3 V: p9 r& F2 j
              var e = examples.innerHTML;: l$ N7 y, f* @' a
              var index = i + 1;& y( Z0 a! r( b' b7 _' ?, M
              if (e.search('mp3]') == -1) {: f. q( S* b9 ^( w
                continue;# L) e2 G. l" I2 b
              }: m" E9 d  K8 ?. s: ^
              example_audios += index + e.split('<img')[0];; R2 O9 Y, x+ `1 E8 O; |
    //if (i>10) alerta(e.split('<img')[0]);
    : J9 z, P0 F9 I1 t" o      }
    - @3 ]) G) V- E) E- c# B9 r, R8 |. F      var rank = document.getElementById("rank");
    ) B6 S0 t4 b) ^) w      rank.innerHTML += example_audios;
    ' \7 O  p) b, h9 V% X8 |7 v0 u1 @. W0 `9 D4 o$ P5 E! q
        </script>* m. Z! h% e5 P8 F$ a+ h2 I: C( C
    ====4 c2 f4 J- i5 o# [1 l
    ( g5 b) F1 S6 C. @7 T6 l) z  ?
    ====Styling====
    - ?) [' Z$ o. a6 L/*页眉页脚全局样式*/7 E  g! I* Y# l& L: \/ d
    .headbar {. s5 u) V& c: E* `0 y
      color: #aaaaaa; /*字体颜色-白色*/5 r: R8 y4 o. E0 _4 v
      padding: 2px; /*四周留白-5px*/
    9 n$ x* a! y; U& I( B, V  text-align: center;3 f5 p! T! z% u" b
      font-size: 10px; /*字体大小-12px*/. X: Y0 E8 L7 P- l
      background: #365899;. H. ]/ ^3 t7 ]" h0 b
    }$ _1 }5 y6 V( |

    + {5 f; ]9 }" Lbody {
      m6 p% k1 x/ J& ~  ~  background: #c7edcc;/ n* l9 W7 e7 C" U  w7 o' g
    }
    + s: R( F# R* _; d) Y# ]. f0 t" `2 v8 E, n0 o- B$ S
    #word {
    9 @0 O; E! o+ X. S5 N. z  font-size: 36px;
      x: d+ p: L, Z: f/ Q) s2 ^2 @  font-weight: bold;8 Z' v# t5 ~+ a; q
      padding: 5px 20px;
    & G0 l1 z8 Z. y0 ]1 C0 D9 h' b" l}' K- R) A5 Z9 A6 @6 D4 q7 x

    + E" ^5 P* Q, p1 p+ N4 Y4 V: F2 K#rank, #example_audios {
    ; ^$ U1 C2 f' ^3 t1 H5 Y  font-size  : 12px;, J( i, t! f/ o; X0 a% L4 q9 `0 a
    }
    4 p/ K' I( A- W5 O# y4 D: T% }
    6 V* v3 H" f# C' L+ Y# ^.yongfa {
    % ?) N- N7 q% N8 l. j* p  font-style: italic;
    * g& t* {! \1 m1 t( r  display: block;
    5 `& k5 c# y8 {" R2 R  color: blue;$ h2 O2 n7 ?. J2 p! ^( m
      padding: 5px 20px;# [7 o/ w( d5 T) H; y: P
      font-size: 14px;
    5 \( h7 B6 z: X) J/ d  line-height: 1.2;
    $ q* f6 @- e; v}
    ) i  ?, r" w, h' E
    ) W0 O1 `( K  a.shiyi_youdao {
    8 e2 v- m' g, Q. u9 L+ b0 d  font-style: normal;- _: c5 E2 E, `, [  a5 o! M
      font-size: 18px;
    + b6 d! D* q5 I$ }8 X2 V  line-height: 1.2;
    % Q2 Q  h6 m; V  padding: 5px 20px;
      |" N  L; x, }' L}1 A: K" |  m1 A2 C3 i

    % ?  b! F% C& Y8 s; f/ Z) A8 @.hightlight {
    1 h& S% u, F  ?5 T* W  font-style: italic;
    7 b4 C0 D/ f! u! ^9 u2 h( o  font-weight: bold;
    ; B) z% w  ]( v: B; N}2 C4 J" f/ P% a# a+ }5 N3 w6 H

    - q2 S4 w/ |0 H  `1 l/*
    4 n, G. d% L" R1 H- F. _._LDOCE6 {
    . _/ r% ~4 l$ |$ g1 g' X1 `9 k- u2 A  height: 480px;
    : X4 @- F$ N+ s# [6 M$ t* A  overflow-y: auto;) D- z; {6 d9 ?
      font-size: 14px;
    . A  J/ R$ G) y# C  O6 b+ d  c  padding: 0px 10px;& z+ Z- ~3 v% J7 H0 a
    }
    9 P9 G/ s& |$ Y* e" A) Y*/
    ) c+ y4 \$ d- f6 ]1 c" C
    % m/ S5 V" M* r0 {- v#ldoce6 {  v; q0 O3 Y) Z9 A+ j6 ]
      overflow-y: auto;
    4 S# j: u+ o; P! l! u  font-size: 14px;5 q& L  [# g. _, T
      padding-left: 10px;  \8 O' S  m8 q
    }. q5 c. p3 S) |5 _; p5 o

    . K% [: L) C6 C2 n' b# ?
    " p5 u; N' v. l/ B' Y#back {
    * |9 ^2 a+ r( \3 I9 o0 ddisplay: none;8 q% M% [2 J( J3 q' G  Z! s
    }4 _# N2 q' R) m" N& e
    , |) K$ l8 L* w- q8 P' A: X% G
    /*: y' L) ^) P" Q, z
    .cixing {5 V3 @8 a1 |) `# V, u& f: o. \
      display:inline-block;' r& N1 r9 j( c- \; \9 b, w  n+ b
      text-align:right;
    - G% F/ a6 D" L; w, ~4 m' @7 q  width:40px;
    - c( C. C/ F5 L1 _8 z: M}) N2 X8 E4 r' ~5 M$ }3 z( N
    */
    6 w( U7 ]) v( s+ ^- P6 `  I0 [/ U====
    $ o7 @& U/ g8 ]- }1 N
    3 R" G4 l; g, I$ \; v4 W% Z====Back Template====! r7 [1 q) [: \9 u- W) p
    <!-- 背面区块 -->
    8 a' @, [4 Q. Z% Y6 J* @{{FrontSide}}
    ! V; R2 z( c2 h: o9 N  d0 M<!-- 页眉区块 -->
    ' M2 d5 [2 i( q; I<script type="text/javascript">, E6 s" R8 ^8 O$ _+ k! {7 D0 C

    - y" z  Y5 S! E  // format shiyi_youdao) v+ d( Z% l8 M5 x6 g. ]6 `- Y" k0 Y7 h
      var colorMap = {$ ]4 f* n' u) B  ^
        'n.': '#e3412f',
    ( O; S" U2 ]( N" Q1 S    'a.': '#f8b002',% N' s' k! S. E) q
        'adj.': '#f8b002',: g+ @) }( k6 a" ?1 o! \# _
        'ad.': '#684b9d'," a6 a* R! ?7 g) ]+ E# J/ L
        'adv.': '#684b9d',3 a' ^( ?8 f/ S1 p0 E. [
        'v.': '#539007',  `8 n2 K+ C" S
        'vi.': '#539007'," e- @7 I; U9 f* {  O* O
        'vt.': '#539007',
    + b( ?) f- q0 P  M$ F    'prep.': '#04B7C9',3 k* Y: E* E: k: [
        'conj.': '#04B7C9',
    $ f4 n" n. Q: L" N( x* t" g    'pron.': '#04B7C9',& }  o! ?- Q/ x% ]0 @4 N* Q# j
        'art.': '#04B7C9',3 M( ~( f- Y6 ]3 {* V
        'num.': '#04B7C9',
    5 d" E) o5 z( Q  S+ e- H& g' D) Z    'int.': '#04B7C9',9 E  `# m# U5 c& D6 H
        'interj.': '#04B7C9',
    ( v" n: Y; M' ]9 S4 U# o    'modal.': '#04B7C9',( E3 e% S0 o8 f9 c; M% M+ }" C
        'aux.': '#04B7C9',
    . k% i  A7 @) S+ e0 U1 k    'pl.': '#D111D3',* C# ~4 x% C. j% L+ f! Z2 c, ^
        'abbr.': '#D111D3',
    - Q0 _1 Z9 M3 _& @7 E& j  D  };
    0 D! l$ L; Q7 Y, H; N# a5 S  [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {- X! L9 e! J6 A$ V! ~3 w" q  @: _
        div.innerHTML = div.innerHTML
    $ o0 k8 B4 v  u" e, z$ Q5 t. v      .replace(/\b[a-z]+\./g, function (symbol) {' h6 U) W' e$ o. `
            if (colorMap[symbol]) {
    7 Z7 L% H) Y' r1 A          return '<span class="cixing"><a class="hightlight" style="color:', h- S- k) \" R) F3 r) K& U  c
                + colorMap[symbol] + ';" >' + symbol + '</a></span>';( w  {/ F$ b* C! i, O8 o
            } else {! Z0 G2 T+ d/ r  t7 T
              return symbol;! X3 F& D6 z$ w/ @+ E# l
            }
    ' G2 |* I0 l) _% T! @. Y4 b7 t0 _' t      });/ a+ Z; L& r4 w" O
      });0 \) l5 P1 r' g0 b
    # N2 m4 N3 b# r# P' X$ ?0 \/ ~
      var back_div = document.getElementById("back");
      q- U/ }/ A  y* K! s3 @) M: M5 D  back_div.style.display = "block";1 k* K5 O! |4 N4 j! s% R6 h, R1 R, ?
    1 }3 b4 r$ Z5 ?4 g. \. C
      window.addEventListener("resize", update_ldoce6_height, false);: G; W- w8 [+ b+ T8 c# G' L2 x
      update_ldoce6_height();% G+ n3 h9 F& f; R/ }

    9 I0 |: E& T7 b# K4 c  t3 B8 X3 p; S  function update_ldoce6_height() {
    % f7 {4 _1 c9 x4 X* I    var ldoce6_div = document.getElementById("ldoce6");' ^: ?+ A6 _. x2 `* f
        var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
    : \: I! _. R  W/ B' y1 E8 L8 x    var preferred_height = window_height - ldoce6_div.offsetTop - 20;
    % n4 e2 k! O3 p( g. C+ \$ x    ldoce6_div.style.height = preferred_height + "px";9 i9 u, m7 p- t4 L4 m+ N8 F9 y7 \
      }$ P5 ~- J/ G9 b
    3 W' @2 O$ J3 C8 {' r2 N: X+ d
      // test to show the file name
    1 x) l4 `* H4 H' [  //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;* M1 t8 Z; q6 }2 {. n
    % p2 [$ `, J( {
    </script>" y  e- R% E. [! X% i
    <script src="_entry.js"></script>
    7 K/ T; N8 E; w9 W/ v" {====
  • 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
    ( u1 k" o* Q- ?( y- n: I3 W我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...

    ( m( k, R6 m5 t* I( X* x9 J/ H5 u还真的是够白的啊,哈哈
    ! a' u8 ~2 e3 F, ?. s$ G这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    " o9 S1 Q5 P9 i我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:50
    ( I' I- b1 D) i还真的是够白的啊,哈哈$ v: G0 c9 ^# e2 e* i, u. H/ \5 H2 U
    这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。! d6 N' y" y) X3 ?( ?
    我在共享的文件夹里放了个 ...

    % p2 s4 h' I7 U( Z$ ?2 lthank 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:369 C* w  r5 K5 Y8 [/ \% T3 E
    葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...
    , h# m  p6 G/ d' g; a! x7 d; ~! y
    我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。
    ' \2 z; @$ Z! y& {& W我也只能帮你这么多了,
  • 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 | 显示全部楼层
    : O& x, M6 C0 Y. K  U; Z5 X1 Q
    重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对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 | 显示全部楼层
    感谢分享!+ B0 H7 N$ J* H3 ]
    这个版本的朗文很精悍啊,原版论坛上有吗?9 G# I: j7 V; _9 |$ D& a
  • 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-9-8 08:51 , Processed in 0.023366 second(s), 16 queries .

    Powered by Discuz! X3.4

    © 2001-2023 Discuz! Team.

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