|

楼主 |
发表于 2016-6-26 07:42:56
|
显示全部楼层
2016.06.26更新:
, {9 w! r. z0 `$ n1. 修正EXCEL里3栏的第二栏索引公式引用单元格判断错误
3 e; K% m6 ^! t+ O" t7 Z9 U6 K2. 增加3栏自适应屏幕大小的示例文件(.txt .mdx .css .png) ECD2_0056
" N m' p4 e7 [CSS里其实很多数据都是需要自行调整至最优化的!
8 }+ f% V7 i1 t. b; g- r
1 S0 O! @+ F, M t% q C0 S% [ , x- M* A) d" L; ~# i5 w8 h4 r
! A+ c4 s( L% w8 ?8 d7 k" I
一个词条的txt、CSS:9 t4 \4 w2 w" J# a! G, h
0 Z: h* x, r4 g% t. g6 {& M
- amazing
/ Z# T$ U; E. i6 U* g' X - <link rel="stylesheet" type="text/css" href="ECD2_P.css">% u; c( U4 p7 ^% E
- <ECD2_P>
$ W& Y! u6 ]$ a - <LIST_TOP><a href="entry://ECD2_封面">封面</a> | <a href="entry://ECD2_内封">内封</a> | <a href="entry://ECD2_版权页">版权页</a> | <a href="entry://ECD2_目录">目录</a> | <a href="entry://ECD2_前言">前言</a></LIST_TOP>' k- O3 h* E' j* a, v
- <PAG_L><a href="entry://#0056_L2"><HW>amazing</HW></a></PAG_L>
1 V8 q( t9 ?4 o* l3 u& v8 _; g1 ` - <PAG_T><a class="prev" href="entry://ECD2_0055">0055</a><a class="curr" href="entry://ECD2_0056">0056</a><a class="next" href="entry://ECD2_0057">0057</a></PAG_T>4 d5 h5 A3 E5 U4 N# S- K# w3 {& N
- <div class="ALL">
! N" W2 T6 D0 L' k4 [" R9 P - <div class="LEFT">
, L3 `9 C. W5 s! d/ ?6 C; p - <a name="0056_L1" href="entry://amazement"><div class="HW_L" style="margin-top:8.37%"></div></a><a name="0056_L2" href="entry://amazing"><div class="HW_L_C" style="margin-top:15.09%"></div></a><a name="0056_L3" href="entry://Amazon"><div class="HW_L" style="margin-top:24.6%"></div></a><a name="0056_L4" href="entry://Amazon"><div class="HW_L" style="margin-top:28.6%"></div></a><a name="0056_L5" href="entry://Amazon ant"><div class="HW_L" style="margin-top:38.18%"></div></a><a name="0056_L6" href="entry://Amazonia"><div class="HW_L" style="margin-top:40.98%"></div></a><a name="0056_L7" href="entry://Amazonian"><div class="HW_L" style="margin-top:46.33%"></div></a><a name="0056_L8" href="entry://amazonite"><div class="HW_L" style="margin-top:51.84%"></div></a><a name="0056_L9" href="entry://amb."><div class="HW_L" style="margin-top:56.07%"></div></a><a name="0056_L10" href="entry://ambages"><div class="HW_L" style="margin-top:57.43%"></div></a><a name="0056_L11" href="entry://ambagious"><div class="HW_L" style="margin-top:64.22%"></div></a><a name="0056_L12" href="entry://ambary"><div class="HW_L" style="margin-top:68.3%"></div></a><a name="0056_L13" href="entry://ambassador"><div class="HW_L" style="margin-top:70.86%"></div></a><a name="0056_L14" href="entry://ambassador-at-large"><div class="HW_L" style="margin-top:84.6%"></div></a><a name="0056_L15" href="entry://ambassador extraordinary"><div class="HW_L" style="margin-top:88.67%"></div></a><a name="0056_L16" href="entry://ambassador extraordinary and plenipotentiary"><div class="HW_L" style="margin-top:90.11%"></div></a><a name="0056_L17" href="entry://ambassadorial"><div class="HW_L" style="margin-top:92.98%"></div></a><a name="0056_L18" href="entry://ambassador plenipotentiary"><div class="HW_L" style="margin-top:98.26%"></div></a><a name="0056_L19" href="entry://ambassadorship"><div class="HW_L" style="margin-top:99.62%"></div></a><a name="0056_L20" href="entry://ambassadress"><div class="HW_L" style="margin-top:106.49%"></div></a><a name="0056_L21" href="entry://ambatch"><div class="HW_L" style="margin-top:109.28%"></div></a><a name="0056_L22" href="entry://ambeer"><div class="HW_L" style="margin-top:111.92%"></div></a><a name="0056_L23" href="entry://amber"><div class="HW_L" style="margin-top:114.71%"></div></a><a name="0056_L24" href="entry://amberfish"><div class="HW_L" style="margin-top:122.86%"></div></a><a name="0056_L25" href="entry://amber fluid"><div class="HW_L" style="margin-top:124.3%"></div></a><a name="0056_L26" href="entry://ambergris"><div class="HW_L" style="margin-top:125.73%"></div></a><a name="0056_L27" href="entry://amberite"><div class="HW_L" style="margin-top:129.73%"></div></a>
! q" C7 Z) ?8 \& f3 S, Q5 J - <img src="0056.png"/>$ ?" H* g$ t& g( ?
- </div>
5 Q/ M2 j6 @" Y+ V - <div class="MID">9 v. b7 D. u! `$ q% x# G1 e. h
- <a name="0056_M1" href="entry://amberjack"><div class="HW_M" style="margin-top:5.5%"></div></a><a name="0056_M2" href="entry://amber liquid"><div class="HW_M" style="margin-top:8.15%"></div></a><a name="0056_M3" href="entry://Amberlite"><div class="HW_M" style="margin-top:9.5%"></div></a><a name="0056_M4" href="entry://amberoid"><div class="HW_M" style="margin-top:12.15%"></div></a><a name="0056_M5" href="entry://ambi-"><div class="HW_M" style="margin-top:13.58%"></div></a><a name="0056_M6" href="entry://ambiance"><div class="HW_M" style="margin-top:16.22%"></div></a><a name="0056_M7" href="entry://ambidexter"><div class="HW_M" style="margin-top:17.73%"></div></a><a name="0056_M8" href="entry://ambidexterity"><div class="HW_M" style="margin-top:23.24%"></div></a><a name="0056_M9" href="entry://ambidext(e)rous"><div class="HW_M" style="margin-top:27.32%"></div></a><a name="0056_M10" href="entry://ambience"><div class="HW_M" style="margin-top:36.83%"></div></a><a name="0056_M11" href="entry://ambient"><div class="HW_M" style="margin-top:48.98%"></div></a><a name="0056_M12" href="entry://ambient air standard"><div class="HW_M" style="margin-top:57.28%"></div></a><a name="0056_M13" href="entry://ambient music"><div class="HW_M" style="margin-top:58.71%"></div></a><a name="0056_M14" href="entry://ambiguity"><div class="HW_M" style="margin-top:62.79%"></div></a><a name="0056_M15" href="entry://ambiguous"><div class="HW_M" style="margin-top:73.73%"></div></a><a name="0056_M16" href="entry://ambilingual"><div class="HW_M" style="margin-top:84.67%"></div></a><a name="0056_M17" href="entry://ambiplasma"><div class="HW_M" style="margin-top:87.32%"></div></a><a name="0056_M18" href="entry://ambipolar"><div class="HW_M" style="margin-top:90.03%"></div></a><a name="0056_M19" href="entry://ambisextrous"><div class="HW_M" style="margin-top:92.75%"></div></a><a name="0056_M20" href="entry://ambisexual"><div class="HW_M" style="margin-top:98.18%"></div></a><a name="0056_M21" href="entry://ambisonic"><div class="HW_M" style="margin-top:103.77%"></div></a><a name="0056_M22" href="entry://ambisyllabic"><div class="HW_M" style="margin-top:109.2%"></div></a><a name="0056_M23" href="entry://ambit"><div class="HW_M" style="margin-top:113.2%"></div></a><a name="0056_M24" href="entry://ambitendency"><div class="HW_M" style="margin-top:120.15%"></div></a><a name="0056_M25" href="entry://ambition"><div class="HW_M" style="margin-top:122.79%"></div></a>
0 F+ ? b/ a9 W) O) s$ P - <img src="0056.png"/>
) b5 O* J. O. ? - </div>
# |% S7 [6 ]3 |3 i4 H& D - <div class="RIGHT">
' I4 E3 i) I8 w- L6 X( _ - <a name="0056_R1" href="entry://ambitious"><div class="HW_R" style="margin-top:20.37%"></div></a><a name="0056_R2" href="entry://ambivalence"><div class="HW_R" style="margin-top:35.47%"></div></a><a name="0056_R3" href="entry://ambivalent"><div class="HW_R" style="margin-top:44.9%"></div></a><a name="0056_R4" href="entry://ambiversion"><div class="HW_R" style="margin-top:60.07%"></div></a><a name="0056_R5" href="entry://ambivert"><div class="HW_R" style="margin-top:64%"></div></a><a name="0056_R6" href="entry://amble"><div class="HW_R" style="margin-top:67.01%"></div></a><a name="0056_R7" href="entry://amblygonite"><div class="HW_R" style="margin-top:80.52%"></div></a><a name="0056_R8" href="entry://amblyopia"><div class="HW_R" style="margin-top:84.67%"></div></a><a name="0056_R9" href="entry://ambo"><div class="HW_R" style="margin-top:88.75%"></div></a><a name="0056_R10" href="entry://amboceptor"><div class="HW_R" style="margin-top:92.67%"></div></a><a name="0056_R11" href="entry://Amboina"><div class="HW_R" style="margin-top:95.62%"></div></a><a name="0056_R12" href="entry://Amboina wood"><div class="HW_R" style="margin-top:99.54%"></div></a><a name="0056_R13" href="entry://Amboinese"><div class="HW_R" style="margin-top:102.26%"></div></a><a name="0056_R14" href="entry://Ambon"><div class="HW_R" style="margin-top:107.77%"></div></a><a name="0056_R15" href="entry://Amboyna wood"><div class="HW_R" style="margin-top:112%"></div></a><a name="0056_R16" href="entry://ambroid"><div class="HW_R" style="margin-top:113.13%"></div></a><a name="0056_R17" href="entry://Ambrose"><div class="HW_R" style="margin-top:114.79%"></div></a><a name="0056_R18" href="entry://Ambrose"><div class="HW_R" style="margin-top:116.07%"></div></a><a name="0056_R19" href="entry://ambrosia"><div class="HW_R" style="margin-top:120.07%"></div></a><a name="0056_R20" href="entry://ambrosial"><div class="HW_R" style="margin-top:127.01%"></div></a><a name="0056_R21" href="entry://Ambrosian chant"><div class="HW_R" style="margin-top:131.09%"></div></a>
9 Y# V, o& e5 B0 A4 P0 t - <img src="0056.png"/>
1 F# f( _& G& L( ]0 V2 h: f - </div>- n" q( _! L! R- X4 O$ |
- </div>0 u& u) W N/ e* y( X
- <PAG_T><a class="prev" href="entry://ECD2_0055">0055</a><a class="curr" href="entry://ECD2_0056">0056</a><a class="next" href="entry://ECD2_0057">0057</a></PAG_T>% G o( G6 n4 N
- </ECD2_P>9 s+ I9 L; S5 S% @
- </>; |" m0 `4 `5 F
复制代码
5 S" j; R; U0 X" V2 [$ w. ~8 T& c3 G5 e( i* t. ]+ J# ?
- ECD2_P {font-size:.8em;font-family:"Palatino Linotype",Palatino,Georgia,"Times New Roman","Microsoft YaHei",STXihei,serif;}
8 T1 m+ C2 V1 b2 P N - ECD2_P a{text-decoration:none;color:inherit;}
! J9 x, I% j! J4 f - ECD2_P a:hover {text-decoration:underline;background-color:yellow;color:purple;}6 Y7 M6 J% C0 v( F# R
- ECD2_P a.prev{display:inline-block;width:33.3%}
5 G1 g4 q x4 |5 m8 t! M% Q2 E$ L - ECD2_P a.curr{display:inline-block;width:33.3%;}
: j, `5 l& o4 F5 b6 P+ H - ECD2_P a.next{display:inline-block;width:33.3%}" z0 E/ |1 U- e) N" `& n
- ECD2_P HW{font-size:1.1em;font-weight:bold;}+ Y% b5 q8 \ M M; B$ T+ N
- ECD2_P HW::before{content:"➔ ";}
, |0 ]8 E( S( B9 i" v, z - ECD2_P LIST_TOP{font-size:.75em;}, u( O6 f4 s6 i3 r
- ECD2_P PAG_T{display:block;font-size:1em;font-weight:normal;background-color:#009A31;color:white;text-align:center;}
& \* Q& L6 u4 N' G. S$ n - ECD2_P PAG_L{display:block;background-color:#EFF2FB;color:blue;}; A3 H+ ~. ]! }8 j* D
- ECD2_P PAG_M{display:block;background-color:#E6E6E6;color:black;}
; W W. d) c D3 V& T& p" u - ECD2_P PAG_R{display:block;background-color:#FBEFF8;color:red;}5 n |2 z: _9 s X0 s& H- O
- ECD2_P div.S_PAG img {width:100%;}1 Z7 F$ Q3 H; I2 d
- ECD2_P div.HW_L{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:gray;opacity:0.1;}
7 @. P z, V: ]+ W: V+ c - ECD2_P div.HW_L_C{position:absolute;z-index:9999;margin-left:5%;width:30%;height:1%;background-color:blue;opacity:0.2;}& ^- t/ A' h- g1 [: |
- ECD2_P div.HW_M{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:gray;opacity:0.1;}1 R% G# u0 g! h1 E+ G- K8 {
- ECD2_P div.HW_M_C{position:absolute;z-index:9999;margin-left:35%;width:30%;height:1%;background-color:black;opacity:0.2;}3 x( X; k5 ^. a3 z9 X6 Y5 P
- ECD2_P div.HW_R{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:gray;opacity:0.1;}
, F$ J4 ?, }" W! o* h; S. g - ECD2_P div.HW_R_C{position:absolute;z-index:9999;margin-left:65%;width:30%;height:1%;background-color:red;opacity:0.2;}$ f N: X$ q# v# F0 L
- # @& {$ y0 |% u
- @media screen and (max-width:400px) {
1 W H( P, ^$ }1 ^% f& U5 m9 t" b5 x - ECD2_P a.prev::before{content:"上: "}
5 c* O( K z4 T2 V - ECD2_P a.curr::before{content:"● "}
( j7 W$ R8 l/ A. t - ECD2_P a.curr::after{content:" ●"}
2 x+ G8 [! {( { - ECD2_P a.next::before{content:"下: "}
. w( C8 D# E Q7 e: W. l/ Z - ECD2_P div.ALL{width:358px;overflow:hidden;}9 L! ^' o' O: R% R! R
- ECD2_P div.LEFT{position:relative;width:1074px;margin-left:-10%;}
- k! b/ b- R; G4 [1 |9 ` - ECD2_P div.MID{position:relative;width:1074px;margin-left:-100%;}9 a1 i( g" C, S3 ?2 T
- ECD2_P div.RIGHT{position:relative;width:1074px;margin-left:-190%;}! m! O- P# b. ^2 e8 E' m5 l1 n
- ECD2_P img {width:100%;height:auto;}: j. Q, k0 t! ~& V
- }
! A( r% @! B, [1 u
, [ x# c- x; h% [1 S: v- @media screen and (min-width:401px) {4 c( h& @4 j {5 x x, u) j. p2 x
- ECD2_P a.prev::before{content:"上一页: "}
* P' i3 U: i! l1 m# t - ECD2_P a.curr::before{content:"当前页: "}
; }" U4 ^$ W7 E9 b; O& S! } - ECD2_P a.next::before{content:"下一页: "}+ H3 o y0 J& L/ ^. Z8 a
- ECD2_P div.ALL{width:100%;overflow:hidden;}1 E! p6 N7 B& T# @/ H
- ECD2_P div.LEFT{position:relative;display:hidden;margin-left:0;margin-top:0%;}
0 ~' e- G: `" a; T; J7 x: @0 ] - ECD2_P div.MID{position:relative;display:hidden;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/9 G0 k0 }% l4 K, ]0 T/ j
- ECD2_P div.RIGHT{position:relative;margin-left:0;margin-top:-135.85%;}/*高度H÷宽度W*/
5 _3 T1 D$ P/ J6 h" Y- G$ r( a - ECD2_P img {width:100%;height:auto;}
- F% Q8 d5 Q4 O0 A8 G/ Q; f0 }( e - }8 M' Y+ F% L. j& Z3 _* T& W/ [
复制代码 |
|