|

楼主 |
发表于 2016-6-26 00:17:30
|
显示全部楼层
本帖最后由 vbnet 于 2016-6-26 00:18 编辑
: ?3 \5 B0 l T4 f Tchigre3 发表于 2016-6-24 04:480 d" u# M8 v \
2016.06.24更新:: a$ [" B2 Q. }( `0 [- @* F
在手机端等小屏幕,2/3栏自动转为1栏显示,实用性暴涨!) k/ k( S- c& y: ` Z! H
20160624_图片版词典万能模 ... 0 [$ F$ j: b7 `9 g' n' l2 r& z
6 L' A3 f: K) t1 R ~9 j5 F7 R1 F这个原因?
, m* _7 H/ d5 A5 c) r1 X) z8 |7 C8 ] r# k2 J8 F4 s) E7 w
4 B% w3 @/ m! e" }& N3 t- i( B# [
- chug. a' K5 g8 g+ I8 [3 H
- <link rel="stylesheet" type="text/css" href="DICT_P4.css"><DICT_P4>$ h% E; s2 P: M
- <PAG_R><a href="entry://#0230_1"><HW>chug</HW></a></PAG_R>) o. h5 D) S) l% z8 \
- <PAG_1><a href="entry://chug">chug</a> / <a href="entry://chum">chum</a> / <a href="entry://chump">chump</a> / <a href="entry://chunk">chunk</a> / <a href="entry://chunky">chunky</a> / <a href="entry://church">church</a> / </PAG_1>
- L. d8 Q8 n% W5 x$ _# w5 a4 n( v - <PAG_3><a href="entry:// churlish"> churlish</a> / <a href="entry://churn">churn</a> / <a href="entry://chute">chute</a> / <a href="entry://chutzpah">chutzpah</a> / <a href="entry://CIA">CIA</a> / <a href="entry://cider">cider</a> / <a href="entry://cigar">cigar</a> / <a href="entry://cigarette">cigarette</a> / </PAG_3>! D: U; g: d# J) h7 v0 ]
- <PAG_T>, R( T- i* V' w$ l. w* c8 {9 U
- <a class="prev" href="entry://0229">0229</a>
7 f4 y1 B- A Z- y5 X& s/ j# ~ - <a class="curr" href="entry://0230">0230</a>
! c7 ~8 @) n T4 b& M - <a class="next" href="entry://0231">0231</a>; ~2 f/ R5 F$ n: j$ d
- </PAG_T>
, z: n/ b$ e+ D - <div class="ALL"><div class="LEFT">' |& g. `2 B) }4 K" _, s; ]
- <a name="0230_1" href="entry://chug"><div class="HW_L_C" style="margin-top:16.62%"></div></a>
& R) }/ v: j$ S3 j' _3 H - <a name="0230_2" href="entry://chum"><div class="HW_L" style="margin-top:40.1%"></div></a>
: T A0 b5 j5 l2 I; e# }% l6 Z+ d - <a name="0230_3" href="entry://chump"><div class="HW_L" style="margin-top:45.51%"></div></a>* X1 \- _; M; G, a% t$ D
- <a name="0230_4" href="entry://chunk"><div class="HW_L" style="margin-top:65.96%"></div></a>
+ Z* V4 C+ K0 N/ C( o( x - <a name="0230_5" href="entry://chunky"><div class="HW_L" style="margin-top:92.08%"></div></a>) O& g% A/ w7 l* e3 _0 z8 |4 S
- <a name="0230_6" href="entry://church"><div class="HW_L" style="margin-top:102.5%"></div></a>1 z" k" W B! l) l; C) I
- <img src="0230.png"/></div><div class="RIGHT">% F& M! P8 v+ e0 P
- <a name="0230_7" href="entry:// churlish"><div class="HW_R" style="margin-top:37.99%"></div></a>
1 ? u5 ?" K! h# Q: u; a - <a name="0230_8" href="entry://churn"><div class="HW_R" style="margin-top:43.53%"></div></a>
) v- D5 {, }/ Y" j! d2 H" `& n - <a name="0230_10" href="entry://chute"><div class="HW_R" style="margin-top:85.09%"></div></a>
# r ~8 G; Z; ]' G# _ - <a name="0230_12" href="entry://chutzpah"><div class="HW_R" style="margin-top:98.28%"></div></a> Q! x6 @% l1 y1 p; ^6 w+ e8 O7 f5 `
- <a name="0230_13" href="entry://CIA"><div class="HW_R" style="margin-top:113.32%"></div></a>* y& R2 q" x1 X, m
- <a name="0230_15" href="entry://cider"><div class="HW_R" style="margin-top:124.14%"></div></a>
3 D9 W; w- f" X - <a name="0230_16" href="entry://cigar"><div class="HW_R" style="margin-top:124.01%"></div></a>
+ h3 A" e2 K z: i9 ]* _: P - <a name="0230_17" href="entry://cigarette"><div class="HW_R" style="margin-top:137.59%"></div></a>
. @' l8 r5 |' X) Y - <img src="0230.png" />4 d! [+ h3 {; W, Z5 q; ~
- </div></div><PAG_T>
4 x0 l. k% h( _" ]# t$ d4 s - <a class="prev" href="entry://0229">0229</a>
1 K' Y: v& _( p# ^, c2 L: D0 I - <a class="curr" href="entry://0230">0230</a>7 a8 ^$ n0 f, S
- <a class="next" href="entry://0231">0231</a>
# f9 C* W' o% D3 i, t - </PAG_T></DICT_P4>
* a' n( l5 P( M - </>/ t% M0 [8 _, K# l) p
复制代码
' v1 ~+ O$ ?2 _$ x) X8 Y/ ]5 |0 b H- C8 V, X
css5 Q2 M/ y9 F" }1 l' i, \
6 z$ z4 ?* w6 }9 D( F/ t
- DICT_P4 {font-size:1em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}9 ^5 o& j& L/ C. y) u
- DICT_P4 a{text-decoration:none;color:inherit;}/ _* M8 T0 A7 l. o
- DICT_P4 a:hover {text-decoration:underline;background-color:yellow;color:purple;}
! K; Q9 e9 e3 Q" N - DICT_P4 a.prev{display:inline-block;width:33.3%}$ \; Z% h D8 W9 g7 m/ k
- DICT_P4 a.curr{display:inline-block;width:33.3%;}
' O- A1 X7 t0 d: i; G: } - DICT_P4 a.next{display:inline-block;width:33.3%}
" m7 ]+ C: E6 Z2 e5 q2 ^ - DICT_P4 HW{font-size:1.1em;font-weight:bold;}
- T4 K5 h3 h2 ^; a# ]% _( T( i: | - DICT_P4 HW::before{content:"➔ ";}5 ~: L& l& N/ H* t
- DICT_P4 LIST_TOP{font-size:.75em;}& ^/ @, L" U; N
- DICT_P4 PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}
* U: ~7 G @0 Q' o# Y - DICT_P4 PAG_L{display:block;background-color:#EFF2FB;color:blue;}4 q$ G, Y( A. P" z
- DICT_P4 PAG_R{display:block;background-color:#FBEFF8;color:red;}. m' ^& h% K1 T# Y a
- DICT_P4 div.S_PAG img {width:100%;}& t% J2 S* g* I m% I! }
- DICT_P4 div.HW_L{position:absolute;z-index:9999;margin-left:0%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}) O! n/ k+ A3 |. _* U" o" ]- d
- DICT_P4 div.HW_L_C{position:absolute;z-index:9999;margin-left:0%;width:50%;height:1.2%;background-color:blue;opacity:0.2;}
3 h5 j# n+ Q- @- o9 o/ C) {$ F - DICT_P4 div.HW_R{position:absolute;z-index:9999;margin-left:50%;width:50%;height:1.2%;background-color:gray;opacity:0.1;}
% K/ X+ f" Z' h) [6 _$ ^* i - DICT_P4 div.HW_R_C{position:absolute;z-index:9999;margin-left:50%;width:50%;height:1.2%;background-color:red;opacity:0.2;}
6 |( \: z H; l% A5 S6 U. c - DICT_P4 PAG_1{display:block;font-size:1.1em;font-weight:bold;background-color:#EFF2FB;color:blue;}: ]0 P- [4 y9 x
- DICT_P4 PAG_3{display:block;font-size:1.1em;font-weight:bold;background-color:#FBEFF8;color:#FFA500;}
4 j. A/ u3 F: _2 l0 ] - % r* }3 I. g2 S8 ~9 U: i' A# s( @+ H" Z
- @media screen and (max-width:400px) {
' T7 Y5 n4 T* d$ T/ [9 Q - DICT_P4 a.prev::before{content:"上: "}
$ L: t/ V- p/ S! B; I. k/ } - DICT_P4 a.curr::before{content:"● "}& {% i- F2 n L" K9 m
- DICT_P4 a.curr::after{content:" ●"}2 R% j: C3 i" f0 Q# G
- DICT_P4 a.next::before{content:"下: "}1 a2 T' ~/ W2 |! Y
- DICT_P4 div.ALL{width:358px;overflow:hidden;}+ u- w" j0 o+ W' k1 F: x& d* k; j4 r
- DICT_P4 div.LEFT{position:relative;width:716px;}
, U8 ?0 M G6 }$ Q - DICT_P4 div.RIGHT{position:relative;width:716px;margin-left:-100%;}. w' o+ R9 H3 Z- |! x2 A" W
- DICT_P4 img {width:100%;height:auto;}
2 r) c" T/ P' B2 B- E$ [ - }
: A6 p3 ?7 j, E! r - % ?) G; W+ ^: Q$ k: f9 ~- [6 b
- @media screen and (min-width:401px) {
1 ]5 @. u2 i/ I- \8 b) w% w( i - DICT_P4 a.prev::before{content:"上一页: "}) K9 v1 l" i% ]( z
- DICT_P4 a.curr::before{content:"当前页: "}. l4 t5 b/ o( @, t
- DICT_P4 a.next::before{content:"下一页: "}" ]: H& M: U7 e8 v0 C
- DICT_P4 div.ALL{width:100%;overflow:hidden;}4 g+ Y# |4 d3 F- K1 ^
- DICT_P4 div.LEFT{position:relative;display:hidden;}
0 N/ D" A5 O9 }: L - DICT_P4 div.RIGHT{position:relative;width:100%;margin-left:0;margin-top:-154.58%;}/*高度H÷宽度W*/8 h" f2 d' T; L2 Z, X7 K
- DICT_P4 img {width:100%;height:auto;}
% D6 C- {5 D R5 Z$ ~/ [ - }, e3 C9 @( [$ Q; a7 i+ b0 J
复制代码 |
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有账号?免费注册
x
|