掌上百科 - 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:54
    0 @( Q% x/ Q! n8 f+ P你所发布的代码包含很多乱码,请问能单独复制一份TXT给我吗?十分感谢!!!在下邮箱 ...

    9 j2 t7 f8 t% q; K# UFront Template:" y& I+ F! x: z! k0 C
    1. <div id="front">
      $ }$ E- Q; j, Y8 z& v% b

    2. & t0 Y4 m, ~  o9 N; f" ^- g+ l
    3.   <div class="headbar">{{Deck}}</div>2 I3 d! R1 O0 C5 {( f; s
    4.   <div id="word">( [/ V0 Q3 l/ V! D+ n% D' g
    5.     {{单词}}
      1 d+ C- x, \- V
    6.     <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>- j$ R8 N4 e! [8 l( C+ a" S' h
    7.   </div>: b! ^/ h$ k& P$ l# T
    8.   <div class="yongfa">& I/ T+ {1 q3 |
    9.     {{用法}}
      3 w& Z1 u0 k7 M  n1 I
    10.   </div>
      4 y  k6 B0 U0 R# F% x3 I9 H

    11. - C  K  Q# _/ L5 ]+ J) O
    12.   <div id="back">
      + |3 ~$ d6 E: a$ U* a1 q% Y) H
    13.     <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>! \7 x$ R. B5 w" y2 f
    14.     <div class="shiyi_youdao">
      . O5 `, n' K4 K; R
    15.       {{shiyi_youdao}}
      5 x  j6 \+ o$ G( M+ L
    16.     </div>3 T7 h; h2 p) w: W* }3 k
    17. ! ?5 {9 o2 q( y( R; l
    18.     <div class="headbar">LDOCE6</div>
      5 V( g3 k& ]0 a( |; j: g4 o( T4 ]
    19.     <div id="ldoce6"># {6 w7 U7 t5 t* I7 A. [
    20.     {{LDOCE6}}# L$ ^6 [/ p/ b) G# J
    21.     </div>
      & `  y1 u( \: d- x6 T/ ?
    22. : F+ ?' \% B8 c8 Z+ Q
    23.     <script type="text/javascript">* N2 u) r4 G8 u. F
    24.       // format yonfa
      ' u8 w4 z% c' v, t; Z7 R
    25.       [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {" r- `( p* s+ d
    26.         div.innerHTML = div.innerHTML  d8 }- f" k: v4 g: r
    27.           .replace(/[1-9]+\)/g, function (symbol) {
      1 @' \" F5 k# N9 e0 T1 k, W
    28.             return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';  i( Y5 i" t0 Q% o3 Q( Y
    29.           });& y, p- h  w% K: \1 B! `
    30.       });
      2 }# u$ H" Q: b0 O4 M9 A5 w9 d

    31. % W6 q3 V9 G6 p
    32.       // play the Ammerican pronouciation2 a8 i8 b  v6 C0 [" U4 L$ H
    33.       var amevoice = document.getElementsByClassName("amevoice");
      / `( f7 _+ f. f" S* _
    34.       var anki_modified_code = amevoice[0].innerHTML;# f( b) t% i4 |& i" K
    35.       //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
      3 d( E9 F# V- H2 {6 B! _
    36.       var filename =  anki_modified_code.split('ankiplay')[1].split('");')[0];( L2 H2 U/ {; n; x
    37.       var audio = new Audio(filename);! I& d' w) m2 {# p, e4 l: X! g
    38.       audio.play();
      - {  F  Z% E+ ?6 [7 \# A3 X

    39. 8 I% v6 v" d7 l/ V
    40.       // add audios of the examples6 u) K  S0 p0 J& t) Q/ W5 Z
    41.       var examples = document.getElementsByClassName("example");
      * m  K* T* B  L" H1 r& D
    42.       var example_audios = "";9 p* Y" J! D, \; I& Y8 y
    43.       for (var i = 0; i < examples.length; i++) {
      ' ]2 V0 v" u% T" z
    44.           var e = examples[i].innerHTML;9 U0 [3 [4 z0 |% Z. s( G8 y) w
    45.           var index = i + 1;
      / C& X: {$ m1 w+ M9 R' F+ k4 ^
    46.           if (e.search('mp3]') == -1) {
      ; d* E% o: A- x7 i! y. [3 _' q! m( N
    47.             continue;
      8 n! [! g1 _$ y6 P( k0 V
    48.           }
      0 q+ B' P7 p* g
    49.           example_audios += index + e.split('<img')[0];! \# u- A+ _2 @" o
    50. //if (i>10) alerta(e.split('<img')[0]);4 S# U& N1 g' W9 j( [
    51.       }8 v; Q7 `$ X* N2 j" G- }+ n2 k$ x
    52.       var rank = document.getElementById("rank");9 Q9 H8 N/ H: C9 P" c+ l
    53.       rank.innerHTML += example_audios;5 g" |2 J- n8 O5 N: t$ M0 K9 ?
    54. ) D% s; O' _! Y/ t$ y6 ?: A4 H
    55.     </script>
    复制代码

    1 z, y' w% i' X; _5 m: k
    ) v1 u' ~4 t# N5 T  j! HStyling:- q/ ~) H6 X* P
    1. /*页眉页脚全局样式*/
      , _/ q2 a3 g; \( h) x
    2. .headbar {
      ( ?+ p! ]1 A4 U3 N. p! \) Z
    3.   color: #aaaaaa; /*字体颜色-白色*/
      ' E4 k9 a* |( l0 D9 l+ s* Y* _
    4.   padding: 2px; /*四周留白-5px*/: u' c( Z+ i) N' m, W* X
    5.   text-align: center;
      / u  w$ O7 e; N4 `+ u4 s
    6.   font-size: 10px; /*字体大小-12px*/
      ! e6 ^7 H- C4 ^7 c2 m3 V2 }
    7.   background: #365899;
      5 x$ J/ L9 [" d3 ]- d3 P7 ~4 E
    8. }
      5 p( D6 [8 t# J5 P; W$ p
    9. 2 e4 }6 J( z1 d
    10. body {
      0 P. d. u, t! f& |! W' _; h
    11.   background: #c7edcc;
      ! I' o# A0 t" K: G9 A& b
    12. }
      3 \1 c) [7 k9 Q8 o

    13. / C8 T& M( Q$ {; n  y
    14. #word {
      ' d6 W$ t  F9 e' H# l3 ^% X
    15.   font-size: 36px;
      5 p5 w2 p4 M1 K- L) k. a8 U" T$ d
    16.   font-weight: bold;
      2 u' |1 F1 D, Z! m- @4 P
    17.   padding: 5px 20px;
      * U1 _& ]; T7 ?2 H- |
    18. }
      ' ]4 I4 A8 a4 d% G

    19. " Z& ?" V, Y, {* [: S
    20. #rank, #example_audios {. j8 [9 x) ]' I6 v' u
    21.   font-size  : 12px;
      4 A" k7 w1 L3 E! a2 o  E" O/ k/ y  f
    22. }5 W/ O7 J. C  u! @5 [" P
    23. . f8 a  ^# Y3 e# @2 U/ c
    24. .yongfa {
      " M8 a5 m% Z2 @3 f
    25.   font-style: italic;' m- z4 ^# J& e/ x: L
    26.   display: block;
      " z# i$ y5 }5 H! K9 `
    27.   color: blue;- W' U/ Z4 M/ ^, Q* Q2 G8 H/ m" B
    28.   padding: 5px 20px;4 b# x, }$ N( w
    29.   font-size: 14px;6 H# V8 v1 ]" a: G9 b' ^
    30.   line-height: 1.2;
      ; k6 k% N; E7 X! A% F( a8 ^
    31. }
      . [. b( F. x/ H9 n' K

    32. . @9 z# t% s* q7 T7 R4 _% t
    33. .shiyi_youdao {
      ( Q  p% B3 F0 G/ D
    34.   font-style: normal;
      * ]+ J) f  ?8 P/ s
    35.   font-size: 18px;. q$ z) v" J  i
    36.   line-height: 1.2;
      . f3 B  M! e4 F( \' _
    37.   padding: 5px 20px;
      8 N' {7 M: J- S  |- b
    38. }
      ) E0 |$ P( z6 E' X
    39. 5 b( J+ d/ V5 s% j6 V
    40. .hightlight {0 c; M( Q) a: _* g8 n2 ?8 M
    41.   font-style: italic;
      ; d& [! o" k% |) i3 O" t( N& A: w! D
    42.   font-weight: bold;
      ' a( S( n5 Z  r, b7 y7 o
    43. }
      4 X: ]7 j2 h# `) X7 h! t2 I

    44. ) r3 p. e4 F9 f% C
    45. /*
      ; w& Y4 B# z3 V5 k* A! }) [
    46. ._LDOCE6 {
      5 e+ j& ~: }" ~( a
    47.   height: 480px;
      0 r; {# g+ t9 ^- w. b
    48.   overflow-y: auto;
        C* R$ x/ X1 |+ N- t8 w* X
    49.   font-size: 14px;& A9 [6 I7 C4 H5 t( W% S! v- W; C, Z
    50.   padding: 0px 10px;9 c; P! y4 v+ `) {( P2 d0 P8 b
    51. }
      ! Z' e3 [5 s) `& H! o
    52. */, B! r( g0 x7 j

    53. * M& k5 \  k1 ?% C. S; ^& T2 Y
    54. #ldoce6 {8 o7 X: Z! Z: c, c" l0 U9 U, p* u
    55.   overflow-y: auto;! T  `$ u2 m) [/ y
    56.   font-size: 14px;
      ) E- A+ k" F; J. ?
    57.   padding-left: 10px;1 h+ p# R- ~1 n# D
    58. }
      % f, E' j' x* H) ?3 C" o; {1 q# d2 \
    59. ; r% m" ]- I2 N! `
    60. " e! E, b0 v8 D! Q- A
    61. #back {
      - G: S7 T2 X9 m. o. E+ v9 b3 _" G
    62. display: none;
      " ]" G8 m7 y  B& p! G( `! V
    63. }
      2 }  D8 |0 x, g  M2 W, d; U5 E

    64. 4 H/ r. o/ @; V* W* D/ }
    65. /*& I7 L+ o2 k4 m9 {
    66. .cixing {
      ( P6 \( y8 X5 m; w) u1 F5 \! |
    67.   display:inline-block;# {* I  h0 Q7 H) A
    68.   text-align:right;, B  J  M6 B9 U+ z% E8 X# E
    69.   width:40px;/ q: g1 I  E$ k, j
    70. }/ J. Z# H. _- I! @; V
    71. */
    复制代码

    8 L& ?0 a8 N: T' h8 u
      z  S" \: m' A, c2 CBack Template:
    ; q& C) |3 _+ w8 H. c: }1 ]
    1. <!-- 背面区块 -->
      + O, H3 w! y7 _5 N
    2. {{FrontSide}}. V; z+ l" V. E0 N
    3. <!-- 页眉区块 --># ~. S% g& G) Z  z, x+ b1 ]4 y
    4. <script type="text/javascript">2 }( r/ d3 Y: P" }* \* q+ e

    5. 5 _+ y( l% I; A1 Z& U
    6.   // format shiyi_youdao
      ! O, N* Y3 b* w$ Y
    7.   var colorMap = {
      / O; R: {$ Z  P# P5 Z! m
    8.     'n.': '#e3412f',* g% ]5 h# G# j; Z0 I' N: j/ t
    9.     'a.': '#f8b002',0 \+ G+ p4 T0 I) y% }5 e2 `8 C
    10.     'adj.': '#f8b002',
      1 p- F+ y+ u+ }1 D
    11.     'ad.': '#684b9d',
      2 J% o* }8 }3 N! R
    12.     'adv.': '#684b9d',5 H( |6 f0 m) v/ J0 o8 T- Z: u
    13.     'v.': '#539007',
      # o( [& [  P1 h
    14.     'vi.': '#539007',
      . u" d" T" ^( d' L% r" ?9 ?
    15.     'vt.': '#539007',+ L( p2 |* |0 I6 f) C6 L! a
    16.     'prep.': '#04B7C9',* {! b' D0 c( T7 P8 p
    17.     'conj.': '#04B7C9',
      + [6 @5 D# N% C/ h' t
    18.     'pron.': '#04B7C9',
      9 \$ L' Q. s! I' ]7 W
    19.     'art.': '#04B7C9',
      $ H0 @$ Y+ |5 Q$ V/ {! L$ S7 v( b
    20.     'num.': '#04B7C9',
      / N8 r+ Q4 x# Y: F; G
    21.     'int.': '#04B7C9',+ c: @. I8 z7 ^. M- B
    22.     'interj.': '#04B7C9',
      # p, {5 r  V1 a
    23.     'modal.': '#04B7C9',, ]* F* y' E1 ~* @/ \
    24.     'aux.': '#04B7C9',$ Z3 o2 m9 ?! l2 ]
    25.     'pl.': '#D111D3',
      " E$ ~, o, @5 {6 l3 T0 i3 S
    26.     'abbr.': '#D111D3',
      5 c/ x2 ]6 ~* @  C) n, n" R
    27.   };
      6 h' q7 o  a% l* c! K' Y( w+ K
    28.   [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {! O8 M& Y, v/ g& b3 ~4 n
    29.     div.innerHTML = div.innerHTML7 p; K' g8 f: G" Z1 p, U: ?, V
    30.       .replace(/\b[a-z]+\./g, function (symbol) {
      ! s0 t* r* E9 n$ }# L
    31.         if (colorMap[symbol]) {
      1 R3 H; M3 Z4 J1 {, Y9 l
    32.           return '<span class="cixing"><a class="hightlight" style="color:'0 h+ x4 w: x& s5 @9 b$ ~* E
    33.             + colorMap[symbol] + ';" >' + symbol + '</a></span>';8 `' W7 S  _( v9 d. f$ w
    34.         } else {
      " B, b% f& S1 M0 M3 `1 H; H
    35.           return symbol;
      + \/ O4 V+ @5 ?( E( S
    36.         }2 A! M/ e2 b+ m+ W/ r% q# s! k8 }
    37.       });; i. @- u7 O4 `; }" S
    38.   });
      9 k$ j$ P- t8 F2 a

    39. . _; `; L! t) o
    40.   var back_div = document.getElementById("back");
      4 P8 M* S5 J4 _+ R  g
    41.   back_div.style.display = "block";$ f: D+ g9 }- i

    42. 8 @& s, \4 ~; u) G4 ^* E5 b
    43.   window.addEventListener("resize", update_ldoce6_height, false);
      % @" n. o7 i" j  F
    44.   update_ldoce6_height();4 o. x/ j0 S3 l
    45. - ]  q: g; ?2 g4 C' t8 t! X
    46.   function update_ldoce6_height() {- Q' r& a: r' m" |- d
    47.     var ldoce6_div = document.getElementById("ldoce6");: o; c5 r3 y/ }: g) ]  b( [
    48.     var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;& z) f  O4 t9 |* s
    49.     var preferred_height = window_height - ldoce6_div.offsetTop - 20;
      ) a$ y9 Z/ p; U* @& a
    50.     ldoce6_div.style.height = preferred_height + "px";, _2 l% X1 z! H1 U. `0 p6 k
    51.   }* S& [& L, J! u+ a! T% V
    52. ' W, d# }$ u, Y3 N9 ]6 N& n
    53.   // test to show the file name
      4 p( g2 M$ T$ y* Q9 W
    54.   //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;
      5 K) o4 P! n& r* V- ]7 U3 C
    55. ! z9 W! m4 I- v" v$ B
    56. </script>
      / o( d. e2 u- g: w3 {! c
    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 编辑 ( w5 R) y/ U( i
    + \2 y: d" ~  ?6 u  A
    我想可能是这个标签里缺点什么:<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 编辑 + y# e( j4 e' \, z, [# d
    ankifyh 发表于 2018-6-5 16:53
    2 J1 e9 \0 O" ~9 C我想可能是这个标签里缺点什么:

    , U; u! I0 }9 N; V: D( k  Q7 X, D4 w$ |* p, s8 ~! z
    代码应该是OK的,我直接从我正在用的card里copy出来的。
    ( G/ `3 Z7 L4 n' f<span id='example_audios'></span>,这一块代码是没有用的,我原来想放在单独的span里(ID为example_audios),但后来我直接把那些按钮放到rank那个span里了。
      `0 P7 ^( w$ B: ]" ^" m如果这个单词没有example,或者有example但example中没有mp3,那就没有按钮。其它情况都应该有按钮的。
    9 Q2 x) e; f- c" e( h# k7 e你可以alert(examples)看看,自己调试一下,我就是这么看的,了解anki生成的页面的源代码,这样就容易改了。, t2 C% F6 L! X  |
    . `- Z# S  I, i/ D, v  \
    按钮部分看这里:0 k! g3 j! ]0 K4 F- F9 ~3 ?' O" U
    1.       // add audios of the examples
      1 h3 R" R( ~# j1 J; I% S$ ~7 i
    2.       var examples = document.getElementsByClassName("example");% G0 Z' c4 k! @4 g. B1 J5 F* d8 S
    3.       var example_audios = "";
      ) o* D# t7 Z4 k' j8 t
    4.       for (var i = 0; i < examples.length; i++) {: e, z8 R  [7 e" A% l) o4 w2 X6 U! [
    5.           var e = examples[i].innerHTML;
      , `8 q( v9 Q; N3 C
    6.           var index = i + 1;- {; M1 p3 @5 p: o
    7.           if (e.search('mp3]') == -1) {' Y  n) Y+ s9 E9 p
    8.             continue;
      + W& X9 f( `, Z/ L# P
    9.           }
      & j: K" a' h5 b! h+ I
    10.           example_audios += index + e.split('<img')[0];
      ( B. D; g# G5 I5 s
    11. //if (i>10) alerta(e.split('<img')[0]);; H) [) e( K- v" K" U" a8 F; a& A
    12.       }
      + p, `% ^) B- @5 N7 d8 l0 b
    13.       var rank = document.getElementById("rank");
      4 F: B! |% R3 c1 H4 L, N
    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$ q; b& e* a, D& @/ n3 C
    我仔细核对了,还是没搞定,您在掌上百科上发布的代码我无法直接拷贝,能不能以文本的形式发一下,我直接复 ...

    / L& C5 J5 J$ f+ |, I( y. p====Front Template====
    : a9 \; k/ K0 F0 U<div id="front">
    ! l' o( T. a. b  t0 g; |% M7 x: e, {( [) V" ?" C, E
      <div class="headbar">{{Deck}}</div>! F& x  S; N4 `
      <div id="word">
    & j. v2 \6 i3 \    {{单词}}
    7 |% r( Y5 M8 i7 p8 _' S    <span id="rank">&nbsp;&nbsp;&nbsp;&nbsp;{{ranking}}&nbsp;&nbsp;&nbsp;&nbsp;</span><span id='example_audios'></span>
    4 }. F" h( V' A3 E% T" r  _  </div>
    * w. ^: X' d  ~8 S# j) F, V4 H  <div class="yongfa">
    + i: T6 y! w8 p) Q1 J    {{用法}}  A$ s/ ^6 _; d1 Q
      </div>( G# L: Y- Y& o8 N
    9 g) E0 ^- R4 j% h7 z( L( U
      <div id="back">. I" D; h- D# q* M( l* k- R9 x9 E
        <div class="headbar">有道词典&nbsp;&nbsp;基本释义</div>- P- C2 G0 V  {7 M4 @
        <div class="shiyi_youdao">/ ?- `, k2 v6 ~
          {{shiyi_youdao}}; E  H7 H4 D; ~3 W" A5 L  U) }
        </div>9 E3 M# H- |+ u# ~, w, ^

    3 R. \/ E( q2 }$ \6 D    <div class="headbar">LDOCE6</div>; l4 o5 s" U: P, d
        <div id="ldoce6">3 J! k+ n. _0 k- T2 s" e6 d: X& l+ q
        {{LDOCE6}}
    + h* M9 w* z* l2 b# m. N" a    </div>
    3 t; z/ u2 h' M) K, O% U* `4 u. S( h- e# }' ~9 ~
        <script type="text/javascript">
    0 v7 {. |4 H& A& I4 r$ w% q5 b      // format yonfa
    ) f5 _9 K8 n7 |      [].forEach.call(document.querySelectorAll('.yongfa'), function (div) {  n* U( G0 i" ]+ z# U
            div.innerHTML = div.innerHTML
    $ W4 s* R. H5 S          .replace(/[1-9]+\)/g, function (symbol) {
    2 Q: N& x5 g! A" D5 w( L* S            return '<a class="hightlight" style="color:#539007;" >' + symbol + '</a>';( R( r! j0 h" r
              });
    9 M* V& k1 f* r. k3 k2 M      });& [: T, C- K5 F1 `" m. z1 X

    6 l, ]1 m/ U. V, e$ S) u      // play the Ammerican pronouciation
    ( `* s+ E+ D/ g) x! r1 b! e8 ^      var amevoice = document.getElementsByClassName("amevoice");- G3 e& t% a6 x1 K7 I
          var anki_modified_code = amevoice[0].innerHTML;9 F& m; \, ^/ ]1 H
          //var filename = '_' + anki_modified_code.split(':')[1].split(';')[0].split('_')[1].replace(/"\)/, '');;
    2 ^) D8 N7 b* |, {# p      var filename =  anki_modified_code.split('ankiplay')[1].split('\");')[0];
    * r3 W8 |0 z) v4 a$ k5 [      var audio = new Audio(filename);* i( I0 |/ M0 f4 k
          audio.play();
    ' c! M& A9 X  \2 {+ Q4 I& {) `' O# V  V, ~
          // add audios of the examples
    # `* T( B7 I9 p4 o0 s! M      var examples = document.getElementsByClassName("example");, n! e8 ^3 u4 G$ ?
          var example_audios = "";3 Z8 ?1 {4 E3 W5 A9 l: x# ^
          for (var i = 0; i < examples.length; i++) {
    . l0 S" V8 m# B          var e = examples.innerHTML;9 _  m% V0 L! i8 m, E# O0 p
              var index = i + 1;$ o. D! Z( O0 b
              if (e.search('mp3]') == -1) {  Q% j; y- e; g
                continue;
    : X1 i3 q9 S0 }3 `' S          }. D" s. b8 U' H" N  X( o9 s' h
              example_audios += index + e.split('<img')[0];: m8 l* _* G3 b0 H( {% M
    //if (i>10) alerta(e.split('<img')[0]);
    + E2 v" ?/ M) e# n% H      }3 V7 n5 e" h6 a, O
          var rank = document.getElementById("rank");
    6 ?' U/ l- l. G' ?" B" r      rank.innerHTML += example_audios;0 G& h/ y4 P  b

    0 A& W7 _5 B% h: u# y7 s    </script>
    ' [' f: X7 @8 J( i) \====, v  d% f$ {+ }3 m1 k* W

    / L; _& S6 v9 ]0 [====Styling====
    9 x% a0 v9 I  e) I1 a7 k/*页眉页脚全局样式*/) S: ^) N5 A& @  T# ^* F* [
    .headbar {  ~# K, w* R( \+ Z" P% J% Y
      color: #aaaaaa; /*字体颜色-白色*/- B: d3 B5 c. U5 G/ z. |/ {
      padding: 2px; /*四周留白-5px*/
      u) c) Q- B4 F8 J, a" h- F1 T  text-align: center;
    9 U8 a2 E* M5 \8 w$ c, k* \% p  font-size: 10px; /*字体大小-12px*/
    6 A' U8 n# X; @  background: #365899;1 [1 w  U4 q8 r( Q) J
    }; @: y' F& w( A3 b0 _, Z
    & `- I( C  d; j& \* U0 \1 e# Y8 J6 S
    body {
    7 i0 z) l# V  @. h4 t' s4 t' [% L  background: #c7edcc;
    1 x/ J1 C' x# s. {1 R}
    + o, ]. n* h! B+ u; S: d" ^0 d' I7 i1 U8 S& l$ }) T4 M
    #word {
    / t& _1 Y! M" {  font-size: 36px;% P0 w/ R7 ~# `. Y
      font-weight: bold;
    ! O( X; X3 T  Q' r2 o* s  padding: 5px 20px;
    & c5 t7 X% y/ Y# w2 t}
    , B& o5 ~! g7 a6 I% E3 A4 c
    ! a6 D/ L. u/ n# |* Z, o#rank, #example_audios {' E8 g3 Y4 H0 d* W6 @  c+ C/ \6 g
      font-size  : 12px;9 |( X1 U+ G( L
    }5 P2 B0 H3 t, o

    5 E  T8 p; x9 D4 w! E( p.yongfa {6 v2 E/ ~& o% l4 c7 W5 S; B
      font-style: italic;) t" F( z4 o' |  o& t
      display: block;8 x8 i' }9 q& G3 ]
      color: blue;+ Z% `1 t) O; Q5 H
      padding: 5px 20px;/ L: O1 }4 N5 o) u# Z, l; {
      font-size: 14px;
    ' K) J4 \" H! i- f9 h; m6 [/ F( B  line-height: 1.2;
    , _  q. R. Z* k( R  c& ?, a3 ]# y, M}
    . g( J: q4 ^/ b8 T5 k; B# X: M; r) p" R) V' G
    .shiyi_youdao {
    2 n6 c2 H) y! U4 V  Q  font-style: normal;
      v4 E1 M1 \8 ?; h: m9 n  font-size: 18px;9 _' f: a0 R4 K- X% l
      line-height: 1.2;* r6 ]  U' S, S9 U# y. v- P
      padding: 5px 20px;
    8 z+ I* G- u6 ~8 Y; x}7 r9 J, ]' o+ G  v

    2 v$ j. Y4 w. z3 ?& N) C# [.hightlight {6 l+ T( n3 @. [# Y) Q0 Z
      font-style: italic;
    1 L( B; x: q# K9 G  font-weight: bold;
    ) o6 Q: R( p% M* Q' E0 r% m}
    : i- a" ~2 ]/ j* F
    $ i+ J0 F- _2 }( w4 {' ]/*' O: w0 E& U$ I! l+ A: L
    ._LDOCE6 {
    + }6 c. P  Y/ R0 a9 Z( w  height: 480px;
    & v2 _9 \  a! m) g' ?  @  overflow-y: auto;
    9 I9 V  i3 j$ _! q4 l7 V2 a  font-size: 14px;% W5 _, ^' W! n
      padding: 0px 10px;. I8 ^2 f  k+ M' j, X
    }
    8 b4 ], w( o% ^: }7 Y1 Q*/- r: _7 z: k) o; ~

    : a# ~0 h4 w% q& e% R' X#ldoce6 {
    6 H  i4 g) `" n) D* U! ]  overflow-y: auto;
    * L# @; q3 }6 L+ T' o% ]8 l1 l0 b  font-size: 14px;
    ' w" M* o& j1 b* C. u$ `, `  padding-left: 10px;- u; n! ]; ?7 j. ?5 G3 m
    }0 H: ?% ^6 P% o5 G

    5 H% v8 r% O# Z$ r6 T9 p" o" X6 P8 @& }7 E! f( c8 }5 x" A# Z- K
    #back {! V# L4 f5 W# _7 \9 y% @
    display: none;0 \7 R8 y% A8 f/ J6 G
    }
    4 ^4 `- x7 N4 O* i" ^' M
    9 e7 X' o, t  |5 _; J/*2 R2 Z6 w  E9 O1 Q; u: u
    .cixing {2 v4 A) P( x: w) w' i9 n
      display:inline-block;4 t- |$ ^) E4 c
      text-align:right;
    * Z' D; W' K; w9 y& _9 `# S  width:40px;
    # l# [0 V8 `* u7 U- ?}3 Z* _( y9 i' d& E8 f
    */8 w) g9 M# M# L; S: H4 @7 W$ @
    ====
    - b7 Z8 W3 q# E
    8 F) y5 l( p3 R) h+ i====Back Template====+ o" I$ z. f9 [( |; D
    <!-- 背面区块 -->
    0 ~0 }4 e5 C7 M{{FrontSide}}7 J1 L3 g, r, y3 h. |) p" a) E
    <!-- 页眉区块 -->
    " u: r  o4 T+ ?: s) P<script type="text/javascript">* r' x" z' Q1 A  C$ L2 q
    + o' n8 A4 C" J2 V7 M
      // format shiyi_youdao7 g: G" |) X! m0 H/ u# O
      var colorMap = {
    ! o8 i& b/ b) a8 o    'n.': '#e3412f',$ a$ `! X5 t. f2 L$ m% U3 P
        'a.': '#f8b002',0 ~9 C) B6 F' o  {( {4 ?( p
        'adj.': '#f8b002',0 l$ N. r! q9 i- @4 L) K
        'ad.': '#684b9d',
    6 {; F. \6 [8 o9 r    'adv.': '#684b9d',  D# u+ {% C2 f- g5 p% N
        'v.': '#539007',
    9 H  A8 a( @# U, L; R/ n3 U0 X    'vi.': '#539007',. `: X4 T2 g/ D5 n, U3 L, `. Z
        'vt.': '#539007',9 M' i0 f! R% L! ^' W
        'prep.': '#04B7C9',8 {5 v; O! y1 B' ~2 y
        'conj.': '#04B7C9',
    3 w! ~9 q5 y" Z' x* \# u, c3 V    'pron.': '#04B7C9',
    4 B: R, Q, Q2 ~: a: G! g    'art.': '#04B7C9',8 Q8 M: W$ }( D: C+ i/ {+ ?
        'num.': '#04B7C9',6 l% h! r: p" Q# V+ X
        'int.': '#04B7C9',0 y$ p2 {' Y( O
        'interj.': '#04B7C9',
    9 ?1 o. c) \7 }0 h    'modal.': '#04B7C9',5 d! X' R" g- L& Y
        'aux.': '#04B7C9',- J2 Z" C. k5 k$ M$ p2 |5 O
        'pl.': '#D111D3',
    7 l" {/ u4 p; N# ]; S    'abbr.': '#D111D3',
    - ~$ v: a- m* e9 G8 Z  };. ]6 m* G5 `8 F
      [].forEach.call(document.querySelectorAll('.shiyi_youdao'), function (div) {
    + n4 x# f5 M/ U: l    div.innerHTML = div.innerHTML* X& @) `6 p$ |* K6 F  C
          .replace(/\b[a-z]+\./g, function (symbol) {6 U( h$ m- s: N! L" t! ~* N
            if (colorMap[symbol]) {2 j9 }- S' l. C7 B% D: N3 l
              return '<span class="cixing"><a class="hightlight" style="color:'0 u+ N; V, ]$ D! x5 r5 a  F! X7 X
                + colorMap[symbol] + ';" >' + symbol + '</a></span>';
    & ]" V+ q5 |! ^        } else {3 ^7 s, d1 ~  P3 y: F0 |* S
              return symbol;+ L! u2 r9 [( r+ Q) U
            }
    4 |& w6 X  Z6 @$ {5 l" N* R" l      });
    1 T' T/ c0 P' w5 o1 y  });& A0 @$ q% @9 O0 _* v

    1 P8 J: k3 a3 {. J  var back_div = document.getElementById("back");5 m) I- T! f5 Q8 k2 u# r- [$ ?0 j
      back_div.style.display = "block";
    # p" z2 P0 z) [3 x, {
    9 {* f( m& M0 K+ G' K  window.addEventListener("resize", update_ldoce6_height, false);% d) x# I. e7 }3 X2 ^0 l, A
      update_ldoce6_height();
    9 `! v' S) `& V9 v7 I6 A* y. C; K$ m. B: F
      function update_ldoce6_height() {
    9 u( c" X# B, k8 E    var ldoce6_div = document.getElementById("ldoce6");# \- |9 l: c1 y2 D! |3 a5 C7 l
        var window_height = "innerHeight" in window ? window.innerHeight : document.documentElement.offsetHeight;
    9 i' H; m6 ?0 S    var preferred_height = window_height - ldoce6_div.offsetTop - 20;
    + e) @9 u6 R/ S& k4 [    ldoce6_div.style.height = preferred_height + "px";
    - O8 s2 U% I8 I3 }, W6 N. I) _  }: f2 M, P# u2 \5 z" b4 y8 ^; f

    ; \, I+ w2 z9 @5 u1 Z: o  // test to show the file name
    ' \5 s# l1 W3 h" ~9 H* c4 v  //document.getElementById("rank").innerHTML="top: " + ldoce6_div.offsetTop + "<br/>height: " + back_div.offsetHeight + "<br/>window height: " + height;# _/ |) o) D* ~' f
    % _2 u/ Q7 B: H! T2 a3 L! N
    </script>
    + ~, u# x% O" {! c4 ^% w  f<script src="_entry.js"></script>: q# y) p7 T1 W6 W2 {
    ====
  • 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
    4 S% Y4 d- _* g2 }: [% {" g我复制时的实际效果是这样的,如图所示,我也不知道要怎样才能不选中后面的文字。我不太懂js,只是个小白, ...

    $ V9 `$ y& k/ w还真的是够白的啊,哈哈0 J% r0 |$ a7 n: R; ~5 {( D: m# l
    这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。" t/ X; U% H6 Y: R2 I! k, o# {. O7 `
    我在共享的文件夹里放了个txt文件,你去取一下吧。
  • TA的每日心情
    奋斗
    昨天 21:38
  • 签到天数: 86 天

    [LV.6]常住居民II

    发表于 2018-6-5 22:00:18 来自手机 | 显示全部楼层
    hhuang 发表于 2018-6-5 20:50( A8 Y% D! p* ^, }, y! @! \) q
    还真的是够白的啊,哈哈4 t: _" F) v% r6 T* C: t: E. M7 Q
    这个是论坛搞得鬼,你拷贝下来自己编辑一下就行了啊。% c4 }4 B" H% n" K4 Q( J) U; @2 Y
    我在共享的文件夹里放了个 ...

    / m9 B; R! R7 s2 `" I& {* @thank 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:365 x" }+ D+ w2 B1 h' b
    葫,我还是不要折腾了,这样下去只是更多地浪费时间,还不如老老实实地多刷卡片呢 ...

    $ Y, i  U! `7 X+ m+ X# C! o我重新导出并上传了这个库,你再下载一下,应该不用做任何修改就OK了。你再试试。
      Y% O! A. d! V, Q1 K* U我也只能帮你这么多了,
  • 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 | 显示全部楼层
    2 H# V( r- c8 W/ u" g+ `8 u4 j' H1 R
    重新下载并导入了 结果还是一样的,所以这应该是不同操作系统对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 | 显示全部楼层
    感谢分享!
    8 B% |5 B) G8 F4 d& T- p这个版本的朗文很精悍啊,原版论坛上有吗?
    ! [7 o8 O$ {2 U( N  u4 ?4 P
  • 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 15:46 , Processed in 0.195130 second(s), 4 queries , MemCache On.

    Powered by Discuz! X3.4

    Copyright © 2001-2023, Tencent Cloud.

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