|
本帖最后由 LYX1692 于 2016-2-23 17:26 编辑 , t' h( \% t' u/ `- J d
4 M8 @2 g4 m$ D+ E& X5 v这是我接下来想弄的一个Mdx词典样式
) |1 C( R' _- T4 k# k: G, T; E8 M& O$ ~
经典词典横向整合
7 z5 C$ Z, @7 X3 S: N(我现在怀疑也没必要,GoldenDict不就这样么。
% L7 n9 y4 T* U0 v* @9 c: _如果是R大的话,修改下Mdict软件本身就可以。让使用者可以设置几个词典是的横向的,其他词典则是竖向的。
! p! L4 r) o: F* e& m6 X) d) S同时,我看了下html_begin里面的脚本,赶脚自己可能可以作些修改,只是现在不太懂,不知道下手。)
4 x, C, k/ X2 `# i0 R: B+ u" v/ p4 }- v d( P+ }
& w: @5 Z& C" V+ f一些小型词典整合,或者自己的笔记整理! u9 b' ] }4 J) y8 E
2 b2 `2 b% J6 {
6 a1 J; Y" |! E1 i$ r" r; e9 X其实没什么技术含量,主要用到一个JS脚本,在别人启发下写的。! @# V& k1 \' ]7 F( X/ L' q
- function flyme(id){- x: N( A- Z- [" Y
- var a1=document.getElementById("a1");
/ D* Q! L" Z* N* Q& w - var a2=document.getElementById("a2");
+ s3 C5 P6 F% K - var a3=document.getElementById("a3");5 \" ?2 L, t8 `3 ?5 k( i( p7 A" k) j
- var a4=document.getElementById("a4");% }$ I3 W( L; v7 d6 K1 @! O
- var a5=document.getElementById("a5");9 N6 K$ t5 _& S
- if (id =='a1') { if (a1.style.display == 'none') {a1.style.display='block';}else{a1.style.display='none';}}else{a1.style.display='none';};
3 T& c1 w. b7 m! U! r - if (id =='a2') { if (a2.style.display == 'none') {a2.style.display='block';}else{a2.style.display='none';}}else{a2.style.display='none';};# i5 q6 o# {! E$ W# T
- if (id =='a3') { if (a3.style.display == 'none') {a3.style.display='block';}else{a3.style.display='none';}}else{a3.style.display='none';};
- L l, z: ~" a - if (id =='a4') { if (a4.style.display == 'none') {a4.style.display='block';}else{a4.style.display='none';}}else{a4.style.display='none';};
" e2 |1 D$ T2 E0 @ - if (id =='a5') { if (a5.style.display == 'none') {a5.style.display='block';}else{a5.style.display='none';}}else{a5.style.display='none';};. G/ x) j# m4 M, N' Z9 z
- }
复制代码
1 N2 Q# k' Q! c# K0 ^5 r# N! r4 a U p: c0 [3 I6 v& Z$ p
本身对于Javascript就没入门,前段时间,看论坛关于折叠脚本的贴子才知道有document.getElementsById这个东西。
8 c* K7 V P- Q0 t, z( l看了几天,也只能写成这样了。感觉是非常笨的写法吧。( a: |" m( f, `* B9 W* B4 N
测试了下,是符合我的要求的。. b o6 p2 Z# K' A' P
5 q; Q' D$ a: i& g3 m也就是说,将所需要展开的内容设置在<div id="a1" style="display:none"></div>下面,然后在顶部建立一个相应的导航块为<a class="nav_a" onclick="javascript:flyme('a1')"></a>. ?' V* D! I* w' G; l
4 l$ ]7 B. E: F. g3 g0 }- v* \
目前已知的问题是,我所写的这个脚本,就是将每个id的操作都规定了。- W) f# A# Z* C* c0 b
那么,就有个问题,很可能<div id="a5"></div>是不存在的,那么,这时运行脚本就可能弹出错误提示。(参见附件mdx - test2)
4 ~! M2 F7 Q* k, l. \! Y6 d" x) t5 n% |/ U0 o6 \; a4 J# O
当然,倒是让我想到一个解决办法,那就是哪怕id=a5并没有内容,也不存在相应的导航块,我都可以建立一个空白的<div id="a5" style="display:none"></div>。
, {/ l1 u( L# B8 s8 n4 q' _最终效果是一样的,不会弹出错误。(参见附件mdx - test3)
8 j7 U* Y9 R8 S1 h3 ]1 t. O6 m0 i6 J
虽然如此,我还是发贴求助下,这明显是我这弱智的脚本问题,肯定可以有完美方案的。: J+ q* M' |7 f; t$ a
我也正好学下。
# {) d* A" I2 X+ g$ |" l5 v
6 _" E/ V$ J# [9 N/ c. v其实,bt4baidu的 Vocabulary.com中就有类似的脚本. F, x# ^! t+ L! `( h
7 P* w/ h& [6 f2 }/ R! T5 r$ }
我提取了他的脚本,可是实在看不懂,也弄不清哪个是我所需的。2 i0 w& y: ^5 c- L2 j1 c
水平实在有限,我在努力学。一个月前我连var是什么都不知道,几天前我连document.getElementById都没碰到过。4 j- k: q* l% _( M- p3 k) ]4 i
做成这样,已经是我的极限了。
% e) n+ S" k/ l" }1 u估计你回复我,我都看不懂,但可以给我指引,至少让我百度的时候知道该用什么关键词了。* x! g% Z) @ C0 i( Y
I! J' A( F5 R链接: http://pan.baidu.com/s/1gdNEWD1 密码: a7uf |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|