掌上百科 - 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$ z3 G& N- T" x/ b2 Z: @' K
    你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...

    3 E; ]" ~. _% u7 A8 g2 q6 l5 sFront Template:
    3 W5 @. K& p7 @' [8 c) T" T
    1. <div id="front">
      ' b& g1 p0 z7 g0 T& a( O# Q) w- d
    2. 3 V4 Y+ b, H0 @4 h
    3.   <div class="headbar">{{Deck}}</div>* }" r6 q( P# ]1 O' }
    4.   <div id="word">+ V2 U  q& C" Q$ I" ]( b
    5.     {{单词}}$ B; D% _% O, `+ J
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
      " f" H% \( }% \* u- ?  k
    7.   </div>' e: W+ e. a  R% o2 p
    8.   <div class="yongfa">
      5 k- H7 U$ f8 H
    9.     {{用法}}
      3 }; i. G2 p9 f' Q; j) j* h
    10.   </div>
      # H8 t1 F. `" m8 H5 {
    11. 0 O* d7 M% I" V
    12.   <div id="back">
      , `- m& y, }- c3 a# X) l* ~
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
      4 a5 N8 o. r# R' k7 I* [
    14.     <div class="shiyi_youdao">8 g' A# \( E+ s; R
    15.       {{shiyi_youdao}}
      : l# L/ B( ~; G3 x1 \6 z& y
    16.     </div>
        |; a6 o- }$ r" w8 }  \5 y
    17. 4 z+ S; I* L2 S+ u" F
    18.     <div class="headbar">LDOCE6</div>
      % m3 T/ u" \' \$ V( ], ~) H
    19.     <div id="ldoce6">
      ; m" G4 @- r1 Y7 u3 z% N
    20.     {{LDOCE6}}! C' s/ s9 e  l0 Y  d/ W
    21.     </div>
      2 _# T' h  @: w9 y9 `2 b( n4 `- R0 y6 o
    22. - ?1 h7 }9 X: e# p+ q, d  V
    23.     <script type="text/javascript">" H1 ]4 w9 ]5 K' Y8 r( w
    24.       // format yonfa
      8 v5 b  g, `; ^: I2 d) r
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {; ?& A, L7 I+ d& F
    26.         div.innerHTML = div.innerHTML* i7 R! [) G+ }2 q0 |3 D1 e% Q
    27.           .replace(/[1-9]+\)/g, function (symbol) {
      4 W1 m0 o+ z9 z: ?9 w
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
      6 n! @3 N- o2 [  E9 _4 t
    29.           });
      $ ]$ x) [. }' V. O2 G& u; q" F
    30.       });
      - m  w2 K6 S- T( \( X: ?
    31. & d' `6 V- \/ A
    32.       // play the Ammerican pronouciation' E7 Q1 J& M% p# \
    33.       var amevoice = document.getElementsByClassName("amevoice");1 ?: v3 ~8 h# v. W
    34.       var anki_modified_code = amevoice[0].innerHTML;; r; {0 c0 F+ d/ r0 {: T( e" w2 N
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;. x; |+ {; n$ {
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];
      ' |% B0 Z% }' e( [6 C3 K
    37.       var audio = new Audio(filename);3 C' o/ _5 n+ c0 E. [
    38.       audio.play();
      + t! f- S/ ?4 s' j  [* `" `
    39. 4 T  X) Q: D6 p$ |  Q5 q1 I
    40.       // add audios of the examples0 y  N/ \" w" ^6 V6 z* A" f, }3 A
    41.       var examples = document.getElementsByClassName("example");$ f+ D1 h3 Q: s6 n! s: d5 O  E; s
    42.       var example_audios = "";) o. o& T" a1 A  u" U/ y- S
    43.       for (var i = 0; i < examples.length; i++) {. c; N% M. h6 E2 a
    44.           var e = examples[i].innerHTML;1 j9 z! d& i$ L; ]* c% W
    45.           var index = i + 1;9 P6 _1 u: ]! N' `: z+ T9 j; t
    46.           if (e.search('mp3]') == -1) {  Y( n4 m5 i! I. }7 |+ x: N* L
    47.             continue;0 b5 P, w# C, Y/ s* E3 f5 E
    48.           }
      3 N* Y) [& d' V% |- w
    49.           example_audios += index + e.split('<img')[0];/ i. ]; t% H/ J/ J# `, Q
    50. //if (i>10) alerta(e.split('<img')[0]);) J& {; a7 t; W" z
    51.       }
      + g: S( p$ \: f: x/ a
    52.       var rank = document.getElementById("rank");
      . L$ J6 r0 i: \! U
    53.       rank.innerHTML += example_audios;
      ! a, B1 c7 t" C+ Y9 V1 c

    54. 6 B. y1 r0 p, @, K; g4 |- ^2 X0 M
    55.     </script>
    复制代码

    - Y  ~# p$ q& s' r* n" S' s" Z. b" G, i4 C" h
    Styling:
    1 g$ Z) Z5 f3 f3 ~
    1. /*页眉页脚全局样式*/
      * {; X; F5 W$ ]: m
    2. .headbar {2 z* k. r! X: Q( H: |4 w; k
    3.   color: #aaaaaa; /*字体颜色-白色*/. S0 `& Q8 G0 f  L7 t
    4.   padding: 2px; /*四周留白-5px*/% s0 m7 t# w. ^0 m. B- i0 j  |) U
    5.   text-align: center;
      # P9 S) U3 l0 q' D) F- c# P
    6.   font-size: 10px; /*字体大小-12px*/
      & O, ?! T( {" W( e. c
    7.   background: #365899;6 Q5 ^. ?+ F7 o3 H2 H. l, T& t
    8. }
      # H* k6 ^. L9 ]8 V0 \$ x
    9. 6 ?4 j+ W3 M3 G8 s
    10. body {
      " H$ N6 B% ^6 e- f& S- r% O
    11.   background: #c7edcc;
      5 w9 P9 \" Y, T1 ]8 W
    12. }
      4 Y, ?4 F4 _" k$ D

    13. : }& |" p7 u- Q# P( V( [3 a$ T
    14. #word {
      1 N+ Q% @9 d; [( T' {. I: h) [
    15.   font-size: 36px;& r0 r& y7 ?4 k! R7 f3 O5 u
    16.   font-weight: bold;9 f% `& ]: {% D& v( e% M
    17.   padding: 5px 20px;5 @& D, c; n  g; c$ {8 e
    18. }5 u5 b$ s' B" C9 ^
    19. 3 I7 Y5 P4 }9 ^$ O8 d
    20. #rank, #example_audios {
      6 @2 b  _$ B3 Q3 F& f$ X, {; k
    21.   font-size  : 12px;
      ( D) a/ P) H+ z7 C/ G2 N+ g" @
    22. }& W# t) }3 u# C6 L- \3 U6 j
    23. 1 h0 Z  x& p$ F0 ~* X
    24. .yongfa {
      " a' o2 @) R* A5 z& E+ @9 z
    25.   font-style: italic;0 T7 n  C/ j5 f
    26.   display: block;+ m) B" l3 I- N8 i5 i* G
    27.   color: blue;( [1 z; [) X8 z! L( C
    28.   padding: 5px 20px;
        _2 w: ]3 l8 f. Q# k1 v6 c+ G6 w
    29.   font-size: 14px;/ C( k+ g* F% q( [7 m
    30.   line-height: 1.2;7 q; _7 o% K' N" h
    31. }
      . e- m2 }3 B6 D) z3 [4 S. @

    32. ! @5 s9 t( W0 v/ |
    33. .shiyi_youdao {; t" F: y7 w( K# N9 x( a
    34.   font-style: normal;
      3 J6 Q$ c4 @  h, D/ B* n: s
    35.   font-size: 18px;
      & W/ {. Y, o: |7 t; R1 B  r% D
    36.   line-height: 1.2;
        Y. G( @- K# h1 b/ G7 x0 t, J
    37.   padding: 5px 20px;8 v* x. p6 q% W. O: {' K) |
    38. }
      0 D& b5 @( U  p( W" \
    39. 5 L* N  Z( a( I6 R& r7 g( s  v
    40. .hightlight {6 Q# V& O8 [/ L2 k
    41.   font-style: italic;+ T$ S+ B; A6 o# n$ V* u1 T
    42.   font-weight: bold;1 ^% s1 P. H9 z2 P9 H- \
    43. }7 M% H, I) f7 ~' o: t8 L
    44. ' ^" O0 C6 ~8 Y2 D; M
    45. /*- A; ^) G4 s) u( f/ _+ ]
    46. ._LDOCE6 {8 A+ u6 {" [1 w0 N: C
    47.   height: 480px;; r" ^5 _; ?8 E, D) W
    48.   overflow-y: auto;
      $ M$ ]6 [/ Y9 V) i1 [
    49.   font-size: 14px;
      3 M! r1 ]1 Z5 A0 i
    50.   padding: 0px 10px;+ l5 s7 Z0 i( n* ^" b+ G
    51. }* M7 e0 w# `& K2 h$ R5 J4 c
    52. */
        Q9 A9 Z; J0 z% U9 }+ p- |% Q+ Z

    53. . a6 E7 \; _4 m$ I8 z, r
    54. #ldoce6 {2 t' g5 M6 S( g8 W
    55.   overflow-y: auto;$ Y) O* I- V; G  {0 A1 R2 b$ K
    56.   font-size: 14px;  V1 m2 f! a. Y0 Z  K9 w! X$ ?0 G
    57.   padding-left: 10px;$ n+ S& O3 p1 g4 W* z$ w6 O
    58. }; G; P; I- f4 |2 W
    59. # ~# O$ v0 s: g  I. u0 J

    60. 7 V0 D; n6 @' m1 ]  F% K
    61. #back {
      9 x% {( h. U- I1 H# b
    62. display: none;
      9 a/ I6 V$ h; R
    63. }7 e$ B4 j+ v9 K& x

    64. . s4 e+ Z- y, }
    65. /*7 ?6 R) a  s2 W0 I  t" D3 n
    66. .cixing {- p0 e( e8 q- k7 [6 W+ g+ |
    67.   display:inline-block;
      # G) F/ G- Z5 J- d. }
    68.   text-align:right;
        H9 u8 M; T$ {$ g8 ]
    69.   width:40px;
      ' \0 m4 B; O; f( h6 }. F5 W
    70. }  T2 [. F" s! R/ v/ m, ]
    71. */
    复制代码
    . P; F( h  O1 j5 }/ G9 f9 T# ]

    8 j" N8 H6 i! K% N% Q: C& E) n$ hBack Template:" R7 c, {1 w# |# k
    1. <!-- 背面区块 -->, h4 \, R9 i' \  f$ N
    2. {{FrontSide}}
      3 Y* Y: a# D% I0 {* p
    3. <!-- 页眉区块 -->
      3 e# x$ p0 m# i: U2 m9 `: S" G
    4. <script type="text/javascript">
      : _$ v1 d: L/ j
    5. 7 `5 s& j$ T' ~+ e% }" _4 J
    6.   // format shiyi_youdao; ~7 C9 B9 ^  n$ Y0 c1 y
    7.   var colorMap = {, z1 L  D' S* Y2 |, K
    8.     'n.': '#e3412f',7 o5 m7 f2 y% M3 B
    9.     'a.': '#f8b002',7 H  n) \  S7 U0 f* A: x4 E% a  H
    10.     'adj.': '#f8b002',$ Q2 a  ?3 E$ q: r* Q- p/ N# @% N
    11.     'ad.': '#684b9d',$ ^' r! a5 p$ ^* ~/ k
    12.     'adv.': '#684b9d',
      # r% C) k1 {8 y% C  E% h! C
    13.     'v.': '#539007',9 E$ t$ a" z1 J( ^$ X% {' \9 |' @7 V
    14.     'vi.': '#539007',; r% X8 ~5 k8 U' P
    15.     'vt.': '#539007',# x3 d) w. @& ?' h' F% N; W
    16.     'prep.': '#04B7C9',
      0 A' n" N* n4 X. t( v& t
    17.     'conj.': '#04B7C9',. b, m" ?$ G) U  \
    18.     'pron.': '#04B7C9',
      * m4 ]) p( G9 m6 V6 K* R, J! b% ?
    19.     'art.': '#04B7C9',6 Z" f7 G5 M' p7 D) r
    20.     'num.': '#04B7C9',
      : C! T& g2 K' c+ H- m9 {/ G
    21.     'int.': '#04B7C9',
      - R5 H6 L0 z& e4 H2 t4 _
    22.     'interj.': '#04B7C9',
      + z" |' T& H- J# o
    23.     'modal.': '#04B7C9',
      $ @0 z; _" w4 p; e8 p
    24.     'aux.': '#04B7C9',# {3 U0 s2 E/ j! k3 S2 Y, f9 P5 M
    25.     'pl.': '#D111D3',: k. g- n8 s" o9 V/ O
    26.     'abbr.': '#D111D3',
        N( \& _7 q5 _& z- k" R: }/ A* q
    27.   };* y! G, h. T2 I3 Y2 L" f9 @7 ?
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {1 o% U. i7 V; m' j+ R! P
    29.     div.innerHTML = div.innerHTML1 I4 ~: k$ I" R" _$ ~- _" N
    30.       .replace(/\b[a-z]+\./g, function (symbol) {+ s( s" a: [% Y
    31.         if (colorMap[symbol]) {' ^& Q: Q! n2 J! }3 m5 }- c
    32.           return '<span class="cixing"><a class="hightlight" style="color:'
      , C, [. ^  S2 S" U5 z* V2 |
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';5 r8 m( P; \8 ]( j) l) b8 e! n
    34.         } else {8 k: s2 y* n9 Q$ b
    35.           return symbol;0 }$ F' H% ^" S  M7 i  [
    36.         }6 ^# \8 A- N! ?0 B* H
    37.       });
      / [  @* u& b- @% N) b
    38.   });
      4 ]$ C2 P4 f  x, J, N

    39. $ }# k: I8 Q0 n
    40.   var back_div = document.getElementById("back");
      . L- {4 o" u( O
    41.   back_div.style.display = "block";
      & j- j5 }6 g9 V4 h2 o
    42. 4 t; @4 V5 O5 t: r) z
    43.   window.addEventListener("resize", update_ldoce6_height, false);! g, Y% s; Q6 Y6 v4 p. q+ Z
    44.   update_ldoce6_height();9 Q& Q' B3 `/ g, c- U

    45. # w! ~6 k. }8 ~: ?
    46.   function update_ldoce6_height() {
      8 C( |( ?- D) M) Q6 a6 b* @& H, _
    47.     var ldoce6_div = document.getElementById("ldoce6");+ w5 u3 r7 I$ Q0 c& p# J3 E
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
      % U8 h- I. N5 z
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;
      3 F$ i) B# Y; g9 i
    50.     ldoce6_div.style.height = preferred_height + "px";* T7 `" {+ m7 ?% t! H
    51.   }* t# G) x+ Q( D) p- [; W
    52. 1 F4 f% z$ ]/ C
    53.   // test to show the file name8 v. `$ @' M; g# J+ c
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
      4 _& z, t4 N+ m6 X4 z
    55. 7 B5 h' r; O% Z& s
    56. </script>
      - T6 |7 I8 Q. i. G
    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 编辑
    7 a4 W3 M$ _' }- d0 T' C
    7 E! Q7 o( S6 `9 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 编辑 % O- C9 n7 K) I4 ?% c
    ankifyh 发表于 2018-6-5 16:53
    9 c& P/ D! i( B. r+ Q我想可能是这个标签里缺点什么:

    " ?8 z5 A9 d, J0 f* S7 c
    7 o! e( J+ u- N3 @9 V7 b代码应该是OK的,我直接从我正在用的card里copy出来的。: @1 I% B- T# V1 A/ g
    <span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。
    ) N8 Q8 q9 q+ _! N2 S0 r' z如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。( T: F0 A/ N* p4 g3 w# U
    你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。! [# {0 `: M# m3 x
    / Q" Z: R! `+ n6 m& J) O+ Y
    按钮部分看这里:
    ! Z8 j4 N0 i6 R' `
    1.       // add audios of the examples0 V- }! |& v5 _: f- N% e& i
    2.       var examples = document.getElementsByClassName("example");
      : x3 y1 r# M  _; a
    3.       var example_audios = "";) `9 F% C$ W$ h
    4.       for (var i = 0; i < examples.length; i++) {
      : E% W( L8 K# r
    5.           var e = examples[i].innerHTML;1 y6 f/ s0 b1 A, X) b; |
    6.           var index = i + 1;1 k- ^2 _  |2 _3 @
    7.           if (e.search('mp3]') == -1) {
      7 ?, i% _4 {5 P2 ~* |
    8.             continue;" Z1 E; L+ C/ G3 {; b$ R
    9.           }9 Z; v5 r- v" A$ L0 |
    10.           example_audios += index + e.split('<img')[0];
      - U& p+ b, s7 W( }: w6 P- P
    11. //if (i>10) alerta(e.split('<img')[0]);/ T; l$ C9 R8 x7 f
    12.       }% _& p# V' P9 y" M
    13.       var rank = document.getElementById("rank");+ s: {: l; U. v8 b
    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
      M5 H0 N/ H$ Z; A- e我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...

    + O) F# L: \6 t% C% n====Front Template====
    . }" s" O. L2 D  h- f) W<div id="front">
    / e) r' j  t5 F9 K: Y4 y0 U6 _% @$ Q' @( _% T
      <div class="headbar">{{Deck}}</div>8 X2 o5 I% j) h) ?3 q
      <div id="word">3 F3 m# W. }& n$ P
        {{单词}}
    , n3 N6 {3 I) B6 ]9 |! y4 F. r    <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>, [/ F# d0 t" B+ t
      </div>
    $ _. o5 y6 H. t5 v5 V5 L$ l2 f. k) g  <div class="yongfa">
    0 r# O% s" n  Q% s    {{用法}}
    : O& j" L9 \6 l8 `, F  </div>
    7 o; _, M' y9 D6 j8 E: M- H/ z# P, m$ S  v) W" p* K
      <div id="back">
    3 m5 z( D5 I* l    <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>
    0 w" _5 [9 r0 }! s    <div class="shiyi_youdao">2 H6 v) [' C) W0 }2 r
          {{shiyi_youdao}}# B' g. t  L7 h, K( g" `& h1 [
        </div>
    - V+ w! O  L& s4 X  s; n3 S% G- z! W' {  q& F
        <div class="headbar">LDOCE6</div>: |7 a6 i7 U  r: S. C
        <div id="ldoce6">
    & Y: A! z7 V2 c4 z1 B1 b    {{LDOCE6}}; Z- f& A, b8 R, V5 O6 K
        </div>- P9 ^. X" X2 P* _  ~
    , w/ O' H& t; t) s/ B
        <script type="text/javascript">
    - d' k4 v8 y  g7 C! W0 c      // format yonfa
    0 G0 y6 Y6 v& Y8 H      [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {5 \- [2 o4 Y% x1 q1 U2 |
            div.innerHTML = div.innerHTML) Z9 k' n1 t9 o
              .replace(/[1-9]+\)/g, function (symbol) {( ]) o$ \0 M& }( j- i
                return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';
    / p4 i& ~2 [  n( ~          });
    : H9 m7 t7 h3 o; y  ?1 J. R      });7 d; k9 A9 W) c: F$ y% A

    ( z# @2 t. j. e6 C3 T/ t1 |      // play the Ammerican pronouciation
    - u, @5 p/ q- g* S$ D: H! Y8 [      var amevoice = document.getElementsByClassName("amevoice");
    7 d) R! a  _5 m      var anki_modified_code = amevoice[0].innerHTML;, b+ V* S' u1 Y0 f' B% ^
          //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
    0 {6 F( t  J6 u: x  B& ]      var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];/ r6 i6 b% n0 c2 @2 a/ m( U  J
          var audio = new Audio(filename);7 u9 H* H- |+ F
          audio.play();+ D  q' [: c6 c( {
    . T2 d: F5 |8 X
          // add audios of the examples
    3 C& X" N! @. f; u2 w      var examples = document.getElementsByClassName("example");
    1 ]1 G+ i: _0 V7 i+ i6 x8 f7 i      var example_audios = "";  N' Z5 z+ J' y6 f& H% I: h
          for (var i = 0; i < examples.length; i++) {
    5 `& Z$ |" F5 A& `/ W( @/ c1 P; _          var e = examples.innerHTML;! C$ a0 {, X0 t
              var index = i + 1;
    , r. R5 v4 W" u& g( v; h& M          if (e.search('mp3]') == -1) {
    : [9 y& h4 g( z' W8 [4 b            continue;# I6 V; U. H$ a  h" ~
              }
    ; G$ }0 `  T2 _( s1 S% Z  q2 \/ i+ h          example_audios += index + e.split('<img')[0];: U, o$ S! `- P2 C1 `$ g
    //if (i>10) alerta(e.split('<img')[0]);
    5 M* @/ L) p) V      }
    5 F3 I8 t+ j, w      var rank = document.getElementById("rank");
    : W; w. E1 c: t. ?  F      rank.innerHTML += example_audios;4 ^/ U5 u% J4 l' b( R

    8 H1 ~4 x* _" H0 u  l) Q" g+ C    </script>' \- Y" M" y: q8 V  E2 e2 ?
    ====0 }# v4 t3 w' ?

    9 ~' G2 h! B, E/ Y7 m9 p$ J====Styling====( c. u' X8 r% {& T- j2 X
    /*页眉页脚全局样式*/
    ( \" d! n. l& i8 P0 o) Q, M.headbar {
    7 r* p7 v4 |3 k: x  color: #aaaaaa; /*字体颜色-白色*/
    ) s  ?1 B, l7 T5 u  ]2 u. U/ y, {  padding: 2px; /*四周留白-5px*/7 b6 m1 W- ^  o; c. H
      text-align: center;1 P. u0 F: c! {( W( }
      font-size: 10px; /*字体大小-12px*/
    7 j! \7 @/ t  A7 I* ~  background: #365899;9 ^( _6 x% ~+ J5 E* U" ?
    }
    5 ~1 Z* n; O% h1 b! h: y+ M
    ' G5 [" k0 h7 D- |1 F( U: Xbody {( [8 h& y( A% M+ \5 y) U2 A% }' e- y
      background: #c7edcc;- o( j6 o0 D- e
    }9 k# B$ z; I2 m8 k2 P, K

    9 v" l$ g5 U- u4 _  ^#word {
    3 n# k  W/ t3 o1 I  font-size: 36px;
    / r3 A% l+ |$ p0 c( W; G  font-weight: bold;
    / c) b0 h# e% t8 L, X: f& `  padding: 5px 20px;/ ^; H: ?, f) n: x
    }; H9 Y# l- f# C# ~* M/ m7 i8 @

    ; O' s0 R1 N0 ~: @; D- F. ^#rank, #example_audios {/ \* d! U8 J/ J- r! S+ C
      font-size  : 12px;
    ; t3 m7 Y* n: P. c) {8 |0 f}9 B0 F! I% b( K2 i) b' P! T
    + x) w5 F, m  @& T7 ?
    .yongfa {
    7 S3 A8 v& s! x% k  font-style: italic;
    2 T, ]0 _$ T% `- k8 K  display: block;
    2 y0 [9 Z" S2 m( f  color: blue;0 W* I+ K( g# {3 i" ]# t' ]
      padding: 5px 20px;2 }8 x% h  n# Z, a5 g% Y( z) l
      font-size: 14px;
    ( E5 b: p+ t, J2 U! T9 {# C5 Y( h  line-height: 1.2;  z$ G: {& v/ X3 B; Y$ m
    }
    0 H- N( w! q- j9 f' Z6 Y; ~
    0 m; I$ W- y7 ^) a' H.shiyi_youdao {
    ' e8 K9 _. W0 U  font-style: normal;
    + X/ O. A% a8 c; R, k+ g' L2 `6 C  font-size: 18px;
    ( ?7 U/ z* o/ C5 k4 ~( h2 K- i  line-height: 1.2;
    / D: Y$ ~4 V: `& x- Z  padding: 5px 20px;: a8 l* O* M5 M: G" n
    }6 ~; i- t1 [; S8 J

    7 K6 v4 S/ `: \) z4 f* @7 q) C.hightlight {
    4 N* M/ ~+ w3 f$ {/ Q  font-style: italic;
    2 S9 W) n: n5 p1 e* H9 H  font-weight: bold;
    5 S) l; a% a8 }. f: }}
    ( Z( L. z1 t$ z3 Q4 U) r
    4 I1 z( ~; b( R' b$ d/*3 J  v1 d3 m" a( I( v
    ._LDOCE6 {
    $ `( o$ q0 Z5 i: b9 T  height: 480px;! h2 u* O2 ?1 E5 Z1 U9 ^( v
      overflow-y: auto;
    1 k4 d1 {5 [6 o! j* i  font-size: 14px;2 T7 |# r# j3 r1 k" c' I# {
      padding: 0px 10px;
    ! \  x$ D; ^2 _' [8 g}
    & b' C3 s( @, c, a' m7 T*/
    7 [& k  D' T8 O- `- {( i: @$ Z0 ]# q! C
    # G2 Y1 {% a5 v1 e#ldoce6 {
    , g1 m" H+ r$ k# U5 U  overflow-y: auto;
    3 j/ O! n  H' X, F: f/ V1 R8 q  font-size: 14px;8 e; V5 q% B# E, a
      padding-left: 10px;
      W( Q* w) Z; O2 X2 G}' s3 k8 ^0 @# D" d: }
    - b- m! d$ V0 ^  t
    1 }1 N2 {7 o& l" U- k
    #back {
    & W1 M- c" W. Idisplay: none;
    & b6 c' j- u/ R1 t0 p}
    7 A; J1 f( k1 N# o4 ^
    : C. h; k# r6 ?6 A- w) {/*
    1 j# a* m* n1 \& x.cixing {6 |; j6 Z3 y4 n& G! W# U0 k
      display:inline-block;
    $ F& J# x' c  o( a# D  text-align:right;
    7 K5 t" @! I+ R  width:40px;
    8 @/ G  S& {7 m6 F, D$ q}1 F2 n0 e/ c) R" ?: _, v
    */; ~  n/ q& l' f+ l
    ====
    $ G) b* Y" z4 |4 q0 {4 V3 F
    & @+ A1 f! u$ e- S- v6 q, ^====Back Template====$ i! N. S# Y' A* n! X3 S5 n
    <!-- 背面区块 -->3 a# h8 e" i+ `$ U7 s
    {{FrontSide}}
    ! h& e" q! W. t7 m- ~9 Z<!-- 页眉区块 -->! U* K, u2 J7 k
    <script type="text/javascript">
    ! j8 s* s! L; j# t# V8 `7 b& [/ B" v1 p9 ^
      // format shiyi_youdao- }+ R% l. W2 R' ?* G. g0 T/ x
      var colorMap = {
    " t( h7 U+ Y. l& d9 ?! F1 e( @    'n.': '#e3412f',
    8 K- E; ^. a6 T- A    'a.': '#f8b002',
    % c" p" B2 c! d+ r& Q  g    'adj.': '#f8b002',
    + E6 |0 P1 ~1 F% G% O  N1 p    'ad.': '#684b9d',7 N% `! B+ W1 I! b
        'adv.': '#684b9d',
    " A, t- `" Q( `& A    'v.': '#539007',
    - I/ |, i! {8 F6 Y  ]    'vi.': '#539007',
    8 @- O) d9 q6 K9 _    'vt.': '#539007',& w; X* C! o4 x+ ^
        'prep.': '#04B7C9',$ c1 v; v7 ]* X$ `) g6 z
        'conj.': '#04B7C9',; |; i! {$ _8 b( S: V; U
        'pron.': '#04B7C9',
    3 }9 n2 J9 q1 G, _9 g* J* k    'art.': '#04B7C9',6 {+ z7 H  M! {# g0 N* {0 O& ?
        'num.': '#04B7C9',' R3 l3 V9 O2 v* M
        'int.': '#04B7C9',
    7 X1 v9 |# f* M) T* g$ \    'interj.': '#04B7C9',
    6 n, D: E- Y9 e" q    'modal.': '#04B7C9',
    & E: `% y' b9 T$ C8 K" M    'aux.': '#04B7C9'," y. f- k% m9 R& O8 E- k
        'pl.': '#D111D3',/ J4 W! k, f8 [- W( v
        'abbr.': '#D111D3',( ?# q) y8 N; F6 O
      };
    / C, l' X* C8 E0 P- b% i5 m5 Z  [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
    , g+ p7 n, f) K, T& {1 n    div.innerHTML = div.innerHTML2 r0 x1 D$ i' j
          .replace(/\b[a-z]+\./g, function (symbol) {( c+ S& k# y8 O# n
            if (colorMap[symbol]) {
    " \  ~! \8 w0 n' e4 z$ F; O7 T          return '<span class="cixing"><a class="hightlight" style="color:'# k7 ], D/ O2 r$ w) ?
                + colorMap[symbol] + ';" >' + symbol + '</a></span>';
    ) M  A6 ], V- K        } else {6 h7 f- ]; {" w0 B: C
              return symbol;
    ' w) U  e" z: F        }7 X9 h) q3 y! W
          });! o) {$ A# [: E5 D" ?
      });
    * A1 s; o9 j7 H0 U+ L
    - N  e! q! ~/ Q- O& T5 l  var back_div = document.getElementById("back");
      s& K+ S0 Y9 S2 }( U' f4 p7 z  back_div.style.display = "block";
    ' M) r9 p% B# k; i$ `5 [& O2 j
    ( {: {, Y; c& K4 Y; ], h. ]. }  window.addEventListener("resize", update_ldoce6_height, false);( e# I& R- `6 r7 @4 L( U
      update_ldoce6_height();
    4 R( \) B/ T7 _1 |' g* P: [" j7 b% w4 ^* c: f% m
      function update_ldoce6_height() {
    , z7 _. G6 Z- c2 p) Q- o% }    var ldoce6_div = document.getElementById("ldoce6");
    " x9 o/ H% z/ @4 L    var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
    7 f+ p$ P+ `# d# }& O( R" L    var preferred_height = window_height - ldoce6_div.offsetTop - 20;
    3 F5 @% l, T! e6 Y) M% x    ldoce6_div.style.height = preferred_height + "px";
    ! ?" G) ^! a, j* k% L# w  }1 k3 K2 v/ t+ y; R! H+ Z8 ~/ a

    0 _+ r; V8 n) _$ L/ w- ?( ~  // test to show the file name5 q4 [) B" S8 t) P; C3 C6 s
      //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
    / g3 [  m5 F; i5 ^* \- v7 x) V
    ; P3 H* ~; d9 L" b</script>" @$ B# G6 j& ^* h, v! t
    <script src="_entry.js"></script>
    9 m- ]( o, e1 y3 ^====
  • 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. \7 {) Y  X  S' b4 ^
    我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...
    5 @, q+ j& E5 i! v9 K
    还真的是够白的啊,哈哈  Q4 ?* w) Y1 J3 {
    这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
    " |) l( e. H% s: t7 V3 q! E( J5 {我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情
    奋斗
    2024-4-28 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:50% v  _$ u1 J# ]4 ^7 J, O
    还真的是够白的啊,哈哈
    ; G2 J! a! T' Q: t这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。
      c# {6 g5 ?, M/ Q9 _我在共享的文件夹里放了个 ...

    ; y$ J, |# M! C3 k4 S; Z8 V% @/ \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
    # f) |9 V" E- h葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...
    " U& N3 Y% w9 i1 A
    我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。
    $ f. h  X' w# X3 g! i* g( g我也只能帮你这么多了,
  • 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 | 显示全部楼层
    , c7 B/ M- @. \( M
    重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对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 | 显示全部楼层
    感谢分享!% B# u0 j. _# |9 L; f" C& h
    这个版本的朗文很精悍啊,原版论坛上有吗?4 x% n6 ^# R" g5 g: Y
  • 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-10-24 15:36 , Processed in 0.022368 second(s), 16 queries .

    Powered by Discuz! X3.4

    © 2001-2023 Discuz! Team.

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