|
发表于 2016-9-25 12:50:57
|
显示全部楼层
想显示隐藏中的前10个元素、20个、50个、100个或者全部
; C& N% g2 K6 n+ e q4 G4 F. N X" | I/ t
在下不会css/js和排版. 之前有参考阅读大神的帖子. 偶有心得, 不作参考.
6 s& N4 [: w2 J1 p0 d都是大神们的大作, 抱歉忘记了名字了. 在下遵循不知道名字的开源协定, 上载测试文件.% t3 }' r" z) r2 `& ^1 q! l
* V$ I$ x3 J; j# F: ^
如果使用previousSibling/nextSibling等, 可能会有大的机能开支吧. 如果i7应该是没有所谓...7 X: k, @; l& G/ l
* b* X5 `' X6 h1 U( P如果css/js, 在文本中需要显示隐藏的内容加上标签, 应该是很快的. 不过会增加文本大小. 也只是愚见, 不作参考.
0 t5 B; O( Y2 h' `! f
1 ]' L' ]3 P- W0 E2 z/ n这个只适应用MDict_PC 1.3 RC4, 其他的就不知道了.
% u! d; V B- ^4 B' v1 z8 R$ g5 [6 i" G
大致如下:
b! p' e! h! G" Q/ Z6 @, w; p- _* @' Bjs8 y5 d: \5 m; ~ ?: K
- function transChs_test(ele) {8 [' @: g w9 w6 S
- if (ele.className == 'js_active') {" H" l8 f. f" k! f; [, c
- ele.className = '';: L @, H! X9 ^( }+ w8 @9 k* h7 c
- document.getElementById('test').className = '';
9 H" @: M s8 X# ?, b S' p - } else {
1 r" }$ w9 |5 ^ - document.getElementById('test').className = 'js_chs';; l2 E7 }3 K5 M1 v/ {0 ?% D
- ele.className = 'js_active'% Z" Z) e' K- X# B
- }4 m- H( x5 c a8 j% F2 g: N
- }
复制代码
6 i0 n) c7 ~5 U
, i( ]3 Y* K( fcss部分( x& ~5 Z5 h. ?$ a2 t/ y! h4 ]+ B
- /* default: chinese */
. s& I0 }2 g- [& { M - % N. n/ s3 y3 L5 W
- .cn_btn{font-weight:bold;color:White;background-color:DarkSlateBlue;padding-left:5px;margin-right:10px;cursor:pointer;}
1 v5 C8 g; b/ [# [& } - .cn_btn:hover{color:MidnightBlue;background-color:Pink;}
' ?5 f$ g# L% x. b/ A1 _ - .js_active .cn_btn{font-weight:bold;color:Gray;background:Gainsboro;}& H9 {+ w9 t( B( a" P/ n
- .js_active .cn_btn:hover{color:MidnightBlue;background:Pink;}3 r; \, {3 z4 L: k
, V! m$ i* {- U- .js_chs .L_CEX,.js_chs .L_DEC,.js_chs .L_EXC,.js_chs .L_DCH,.js_chs .L_ITC{display:none;}
& k: d C! j2 x- D$ E - . }& g. f' c0 ?2 M+ y! ~
- - K; f1 i+ }+ A
- /* default: no chinese */
( P/ }% e4 \0 L( ]" p4 O } - /*5 q0 E& c; r9 w8 u0 W& C6 ]# ?
- .cn_btn{font-weight:bold;color:Gray;background-color:Gainsboro;padding-left:5px;margin-right:10px;cursor:pointer;}; d4 @) d' h) G5 M
- .cn_btn:hover{color:MidnightBlue;background-color:Pink;}2 [) A# P' v- B( W2 j. [* P# Q
- .js_active .cn_btn{font-weight:bold;color:White;background:DarkSlateBlue;}
' f0 x; N/ [( ^. y, H - .js_active .cn_btn:hover{color:MidnightBlue;background:Pink;}
3 m' |. N5 F! y/ E
$ G9 R5 P0 g" [- .js_chs .L_CEX,.js_chs .L_DEC,.js_chs .L_EXC,.js_chs .L_DCH,.js_chs .L_ITC{display:inline;}
9 X0 c+ e8 g1 C' Z - .L_CEX,.L_DEC,.L_EXC,.L_DCH,.L_ITC{display:none;}, J2 m4 c8 i$ l8 Z* [ A
- */
复制代码
) t( S9 h* i1 Z8 b8 h$ p: o! d5 |$ j8 }5 j- d V* L
5 b- U3 R2 Q3 V
文本词条头部加个总ID: test, 其余需要显示或隐藏的, 加对应标签, 如上述的中文标签. 加个按键标签, 就可以显示隐藏中文了. 不知道是否理解了楼主的所说的.
' C( ]+ }" [. A$ l1 U- <link href="test.css" rel="stylesheet" type="text/css"/><script src="test.js"></script>
! B2 h# U7 h( U) x1 B; c6 c - <div class="test" id="test">% B/ X [ B. z/ e( V7 T) ?
- <span class="L_ENT">
: j1 K/ J# N% k1 C6 Q4 ] - test
l; l6 G$ b3 A8 X, n, U) [. o - </span>
1 W% W; Y8 x! I1 D - <a name="L_topv">
0 @. A5 \% f# @/ z; ~( ^' A6 y+ q - </a>, L0 |, V3 M/ F8 Z) y
- <div class="L_MRK">+ z+ K- Z9 r6 Q9 z Y
- <span class="cn_js" onclick="transChs_test(this)">
# v- |% p) B; C3 U$ z) q - <span class="cn_btn" title="Chinese on/off">, Z- u3 r0 S7 M
- Chs
/ Y( P& d1 H* x8 x9 l/ e* U - </span>
# s0 B+ \$ v6 K' U6 g - </span>
% f8 a- `; D' B0 H: _ - ...
0 W, E0 ]4 |( ?, Y$ k - ...
4 x4 q2 c3 T; B' K2 \ - ...
复制代码
/ k P6 p! t) ~( o6 E T: ^) `' N; h/ }7 n' u8 [3 M5 Q
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|