<!doctype html public -//w3c//dtd xhtml 1.0 transitional//en >* z& g. f" Z8 p$ x$ p0 Z
<html xmlns=>9 g- O3 i' U7 O, G& b+ Y
<head>5 h3 `3 ]7 _9 I) X9 O% D
<meta http-equiv=content-type content=text/html; charset=gb2312 />
' I( P+ p* |6 Q<title>弹出菜单</title>3 ~+ e4 ?$ P8 O
<style type=text/css>
6 [2 C# N1 q! q+ d1 m9 c/* common styling */
- B( H6 @, [' z" {3 M# [% o.menu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; margin:50px 0;}$ N3 p" K' ]* [. F, K, m
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:104px; height:20px; text-align:center; color:#fff; border:1px solid #fff; background:#710069; line-height:20px; font-size:11px; overflow:hidden;}7 }* m8 ]9 P$ j t
.menu ul {padding:0; margin:0;list-style-type: none; }* ~9 \- O+ A, U( {' Q! U3 n
.menu ul li {float:left; margin-right:1px; position:relative;}
8 ]. ~: m9 H+ P9 a0 h" T4 `3 v.menu ul li ul {display: none;}
% @8 k; S4 x! i5 q% \; _/* specific to non ie browsers */% K# e' w$ V6 j) E. b
.menu ul li:hover a {color:#fff; background:#36f;}/ G) J2 w0 {% }. {5 z
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}( u c6 q7 R% [
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}+ ]1 e7 q. Q% m& L) o0 j
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;}
- ?* C( S; s( _.menu ul li:hover ul li ul {display: none;}& ~ F/ T! N9 t' w
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}* K" S# I9 r9 _! ~9 w& V/ C
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;}& v( y/ L+ G4 t3 t# U
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}0 V- Y4 h& G) ?
.menu ul li:hover ul li:hover ul.left {left:-105px;}. a C8 D6 m7 X) F
</style>
1 d" ?. n, j1 R' v+ E<!--[if lte ie 6]>
: T/ V& P8 L. L; n<style type=text/css>
2 k, v: M3 |3 Z$ Y. S0 r% ].menu ul li a.hide, .menu ul li a:visited.hide {display:none;}
0 G/ j" d; N" B5 y: p1 c.menu ul li a:hover ul li a.hide {display:none;}
6 `: L( u) U \.menu ul li a:hover {color:#fff; background:#36f;}( H: V8 _$ ]5 u0 L1 n
.menu ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
( J }: k, h0 R7 J L. ~" ^7 w: P.menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;}- c. v( H+ _) H* ^
.menu ul li a:hover ul li a {display:block; background:#ddd; color:#000;}( d! j' [2 y. |' d& ~4 N, s; \5 M5 K
.menu ul li a:hover ul li a ul {visibility:hidden;}
4 O' C& }6 O$ L( i# n, x* W.menu ul li a:hover ul li a:hover {background:#6fc; color:#000;}
: y+ w5 l3 U# s1 s9 P: B8 W.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}
- h% U1 O; z5 y/ D.menu ul li a:hover ul li a:hover ul.left {left:-105px;}
. k" ~9 J7 U1 ^( f</style>7 ^( x% Q, Y/ I. c
<![endif]-->4 U( X2 W5 }5 i( m% k: A3 C6 Y
</head>
( @/ R8 ^% E4 `! k<body>; o5 Z( u. O4 W- f; Q
<div class=menu>
" [4 |7 x9 J& t h7 H ^; L5 y% C<ul># _$ f% ^. t% f0 Z& g
<li><a class=hide href=../menu/index.html>demos</a>: h5 |3 U; {' }/ l# I$ j
<!--[if lte ie 6]>
/ y# u+ e9 f# `( O0 q$ \! \8 t. D<a href=../menu/index.html>demos3 ^+ k& q- z: E5 W6 o4 S
<table><tr><td>6 P/ t3 e. Q9 B9 w( G
<![endif]-->
: d/ {$ ?+ m) L2 p9 O<ul>
8 h1 ?$ h$ v4 @( Z<li><a href=../menu/zero_dollars.html title=the zero dollar ads page>zero dollars</a></li>
7 |4 b8 H1 q5 W4 ^<li><a href=../menu/embed.html title=wrapping text around images>wrapping text</a></li>
6 N4 o6 u2 z2 U6 b$ m<li><a href=../menu/form.html title=styling forms>styled form</a></li>. }( k8 a& _2 X" f
<li><a href=../menu/nodots.html title=removing active/focus borders>active focus</a></li>7 D7 |; L; ^% |
<li><a class=hide href=../menu/hover_click.html title=hover/click with no active/focus borders>hover/click ></a>
5 Z, x5 p8 R! {1 X5 a* f<!--[if lte ie 6]>+ m7 ?- v2 z3 d p I% N0 E, S
<a class=sub href=../menu/hover_click.html title=hover/click with no active/focus borders>hover/click >
/ I9 v( }. L) {" ^- t8 a<table><tr><td>
5 d/ Z1 Q' y0 K1 T& K- f3 S<![endif]-->
2 g; n7 r) U6 C4 I+ P2 l) G) }<ul>
- R8 r7 |5 ~( V( K. U! s<li><a href=../menu/form.html title=styling forms>styled form</a></li>
6 ^9 o9 f; X* x<li><a href=../menu/nodots.html title=removing active/focus borders>active focus</a></li>1 O0 F. B! u7 B X- `/ h; |
<li><a href=../menu/hover_click.html title=hover/click with no active/focus borders>hover/click</a></li>
1 ]! g$ E5 ^+ J- R% O8 _</ul>
7 I1 M. N7 ]0 D, Y- g, G7 {' ~<!--[if lte ie 6]>
3 |( y1 H) |( W; C' K; |2 m</td></tr></table>3 q( `8 @) b5 [4 H
</a>
1 p( n5 V7 N2 e- m<![endif]-->
* ~' d3 y5 g4 m4 p4 X0 |</li>
& T+ j" ], N% }2 ~, v; O! e<li><a href=../menu/shadow_boxing.html title=multi-position drop shadow>shadow boxing</a></li>2 J+ l! P" t" f0 {# w. E: j
<li><a href=../menu/old_master.html title=image map for detailed information>image map</a></li>
, Z; F/ E/ y6 o, P3 b<li><a href=../menu/bodies.html title=fun with background images>fun backgrounds</a></li>
3 M' m1 e7 }# q<li><a href=../menu/fade_scroll.html title=fade-out scrolling>fade scrolling</a></li>
3 o! ` h: |0 H) `1 i% `# i<li><a href=../menu/em_images.html title=em size images compared>em sized images</a></li>. z8 O; S( P, _* ?
</ul>0 Y8 e2 ?. Y/ H
<!--[if lte ie 6]>
( Q; @- [4 r6 r! V0 Q7 c</td></tr></table>6 `3 u5 ?1 T' P. M; V3 z
</a>: @$ B9 _ w) W5 L1 d* z
<![endif]-->
: J& J) z, _- _. Z2 j</li>
: y4 l. f; x1 \6 m2 ]<li><a class=hide href=index.html>menus</a>
, w& A1 d8 c$ X8 E9 [3 f5 @<!--[if lte ie 6]>
" z* ? \9 r$ V* G$ J<a href=index.html>menus# _, Y$ R6 j. q$ T: g( ~
<table><tr><td>( ?7 `, o4 f3 K( q2 W, C
<![endif]-->
H. x; v/ p& v% t: p0 f, r<ul>
0 n' O! o2 r7 u+ T. O1 r<li><a href=spies.html title=a coded list of spies>spies menu</a></li>
; d g6 t/ M2 a0 d/ x, T<li><a href=vertical.html title=a horizontal vertical menu>vertical menu</a></li>7 f1 h6 \& l2 p7 Q8 d. |
<li><a href=expand.html title=an enlarging unordered list>enlarging list</a></li>
5 e0 s' e0 k9 @$ j9 [" |8 w- K<li><a href=enlarge.html title=an unordered list with link images>link images</a></li>
" o4 E! P( |& l U0 q<li><a href=cross.html title=non-rectangular links>non-rectangular</a></li>
8 ~* A+ [( _* I. x' G# a<li><a href=jigsaw.html title=jigsaw links>jigsaw links</a></li>) p: I' t- W" w% z
<li><a href=circles.html title=circular links>circular links</a></li>
4 K9 }* \" S2 k( C</ul>5 G- R/ Y+ ?0 N) D1 ^
<!--[if lte ie 6]>) r- a F0 _2 @) B8 ~6 j
</td></tr></table>$ B- B$ X/ M: r9 k# C( |
</a>
' l* R0 d4 x' ]# I) U- d7 B! T; }<![endif]-->
' ^5 y. C! {+ h, d9 G</li>: r6 ?8 W2 z) H/ N' ?# [
<li><a class=hide href=../layouts/index.html>layouts</a>$ X, E+ K2 B6 x
<!--[if lte ie 6]>
: `! m. t `1 @0 S1 S<a href=../layouts/index.html>layouts
/ s7 J" H0 ^3 K _2 A* D<table><tr><td>
/ H5 e5 {; C5 ^8 W% F<![endif]-->
- I0 J H9 w" ~) I<ul>0 _* k9 y* s" T) Z2 J o1 v
<li><a href=../layouts/bodyfix.html title=cross browser fixed layout>fixed 1</a></li>7 M" B! Q; v4 I |# v* k
<li><a href=../layouts/body2.html title=cross browser fixed layout>fixed 2</a></li>7 i3 u! t. B! H# P9 {+ O/ J
<li><a href=../layouts/body4.html title=cross browser fixed layout>fixed 3</a></li>
' V$ g/ F- s+ l) K% |<li><a href=../layouts/body5.html title=cross browser fixed layout>fixed 4</a></li>
$ n' n. F ` P* [# O. }+ z3 ^<li><a href=../layouts/minimum.html title=a simple minimum width layout>minimum width</a></li>4 z% `3 ^3 L+ T& B7 `# U9 ]
</ul>- C% ?5 L8 _" k
<!--[if lte ie 6]>
& {& }2 d: @+ d e: s</td></tr></table>
( ^$ w* a3 I# b( H</a>
1 ~0 O3 K+ Y @* I<![endif]-->3 l8 o5 W) b# i
</li>3 ?$ W, A. u: |# m
<li><a class=hide href=../boxes/index.html>boxes</a>
! w4 @3 S5 Q2 s; K1 L! v<!--[if lte ie 6]>: d6 e9 T; S( m: c$ g3 @9 W* G+ t
<a href=../boxes/index.html>boxes
9 p. W5 c) X# P8 c6 X9 l<table><tr><td>9 ^% g6 p1 ~. Z0 Z, R& j
<![endif]-->6 H0 b- L4 C* u. j) k; X
<ul>' c0 T. @, S0 @4 t$ T! l
<li><a href=spies.html title=a coded list of spies>spies menu</a></li>% j6 j$ I' r5 l5 \
<li><a href=vertical.html title=a horizontal vertical menu>vertical menu</a></li>
* J( |' c' G0 o) Y' T<li><a href=expand.html title=an enlarging unordered list>enlarging list</a></li>" _% @/ f0 Y* D: H
<li><a href=enlarge.html title=an unordered list with link images>link images</a></li>% v2 x9 g: q: T4 D' l( R, r+ l
<li><a href=cross.html title=non-rectangular links>non-rectangular</a></li> k2 K# z; u8 L v9 p& W/ U, j% r3 }
<li><a href=jigsaw.html title=jigsaw links>jigsaw links</a></li>
) X8 E, ^9 w. N5 Q* u. ^<li><a href=circles.html title=circular links>circular links</a></li>
6 B, ~% R0 A# v: R: P</ul>
' r$ C u2 i8 \<!--[if lte ie 6]>
1 H4 f+ f# x1 z9 h+ n% M2 m</td></tr></table>% o) K4 s" Z+ y" N
</a>3 _6 H$ Z4 a$ Y& U
<![endif]-->: R" y7 R4 U& \" w# F, o
</li>7 J4 q: a& h& r: F' E- ~
<li><a class=hide href=../mozilla/index.html>mozilla</a>" R2 w. `" b* G. ]) j: a$ I
<!--[if lte ie 6]>! y/ P8 P9 s: X4 K7 P1 R7 u
<a href=../mozilla/index.html>mozilla
6 ]2 D. x `4 J* J2 w" s<table><tr><td>
) Q0 o* N: g$ w' Q<![endif]-->2 |4 q) }+ K1 b
<ul>
2 B& N3 A+ Q0 L<li><a href=../mozilla/dropdown.html title=a drop down menu>drop down menu</a></li>; H& h% e+ t) I! Q
<li><a href=../mozilla/cascade.html title=a cascading menu>cascading menu</a></li>
" d; W1 B+ D* ~* {6 V1 T; f! Q: Y. U<li><a href=../mozilla/content.html title=using content:>content:</a></li>! i) E) E X0 x, n, @. f
<li><a href=../mozilla/moxbox.html title=:hover applied to a div>mozzie box</a></li>
$ r* Y- t. @4 ~& B<li><a href=../mozilla/rainbow.html title=i can build a rainbow>rainbow box</a></li>
+ ?: C6 O" q& w* U# j4 |<li><a href=../mozilla/snooker.html title=snooker cue>snooker cue</a></li>7 c: o! v) X( h7 [
<li><a href=../mozilla/target.html title=target practise>target practise</a></li>5 ?& p6 h1 L# l* B" v
<li><a href=../mozilla/splittext.html title=two tone headings>two tone headings</a></li>
( R# T f7 F3 p) X<li><a href=../mozilla/shadow_text.html title=shadow text>shadow text</a></li>3 ^, |9 ]! {' }/ j1 [) Y0 f
</ul>9 c" T8 }* Z [$ H& L/ ~. z$ U0 b1 C
<!--[if lte ie 6]>
( @1 I% q& M. H</td></tr></table>
# {- P* ^6 a* r6 k' G- D% _</a>
5 t* W% G1 e2 C6 [<![endif]-->
) X+ R7 c) K* v</li>6 v3 h8 E. T3 @0 y; _) l
<li><a class=hide href=../ie/index.html>explorer</a>6 Q& M# h4 g v/ D# c
<!--[if lte ie 6]>
8 W7 T$ q; I# D% Q* V, V! k8 U1 I<a href=../ie/index.html>explorer
- `/ ?; Y' F% _* |: I, J<table><tr><td>
1 ?8 D7 X/ _/ q9 D<![endif]-->
b2 r, D" g4 f! r<ul>" Z9 e. H4 |! n8 D
<li><a href=../ie/exampleone.html title=example one>example one</a></li>
6 W% `# n3 ]# t" I( S/ q<li><a href=../ie/weft.html title=weft fonts>weft fonts</a></li>) @+ d5 Z' e r: l2 f) @3 i5 I
<li><a href=../ie/exampletwo.html title=vertical align>vertical align</a></li>+ w8 ?+ Z2 w( p
</ul>
" ^1 H6 p) ^/ f<!--[if lte ie 6]>7 k) `8 O% d+ z3 ]. h
</td></tr></table>, }5 v3 l, H" P! S% ^# R
</a>$ s! `) N) U+ N# y5 m3 C8 \7 \
<![endif]-->/ s4 x9 N6 F6 r% N9 {
</li>
: h. g: u8 Q0 E/ v$ C% n# O<li><a class=hide href=../opacity/index.html>opacity</a>
( @% c6 I+ n, t; r( U9 R- G<!--[if lte ie 6]>
- Z# B+ e6 Y& A1 j3 @<a href=../opacity/index.html>opacity
0 A7 p# ]$ b2 s' O<table><tr><td>
% o) s! D5 B" ?! e# }, ?<![endif]-->
) { F6 \) l, w+ a6 B0 ~<ul>5 w, ?! i6 M, q" y( K1 {9 F0 R
<li><a href=../opacity/colours.html title=colour wheel>opaque colours</a></li>6 e2 K0 V4 `3 \8 M% I
<li><a href=../opacity/picturemenu.html title=a menu using opacity>opaque menu</a></li>0 Y$ `! J: L- |
<li><a href=../opacity/png.html title=partial opacity>partial opacity</a></li>! R0 `! X: t2 a' z
<li><a href=../opacity/png2.html title=partial opacity ii>partial opacity ii</a></li>
. V8 C/ B" J; [ `& }6 Y" b2 N<li><a class=hide href=../menu/hover_click.html title=hover/click with no active/focus borders>< hover/click</a>
# n- @# f% d4 D* q! g. e<!--[if lte ie 6]>( W8 g: L3 }' Z$ m, h
<a class=sub href=../menu/hover_click.html title=hover/click with no active/focus borders>< hover/click
+ R6 a- \$ F z1 L: f8 W4 s" z4 T<table><tr><td>- i& f4 R: G" w1 C5 L w- M/ X4 H, z
<![endif]-->6 G( Y0 V" C9 |1 D7 ~
<ul class=left>
2 a0 W* e5 Y; c" c ~* U<li><a href=../menu/form.html title=styling forms>styled form</a></li>
( T% U# o* f/ y$ J# L<li><a href=../menu/nodots.html title=removing active/focus borders>active focus</a></li>5 X7 _5 s9 q! d3 z* s! _4 ]
<li><a href=../menu/hover_click.html title=hover/click with no active/focus borders>hover/click</a></li>
# C! Q7 B0 L7 F1 k7 L</ul>0 r c* l- v4 E% X8 \! l% l
<!--[if lte ie 6]>
; M" E |4 I/ F/ K</td></tr></table>& A7 c8 a9 O3 M7 G3 y- Y
</a>
* p8 L( b* J/ c$ o5 a- y<![endif]-->7 j; f1 n$ C) t' @( q2 U
</li>
0 b! \& W9 g/ }6 G! i( S! l</ul>
5 p1 C" C! G' @( z+ x<!--[if lte ie 6]>4 m' N- c0 L7 j9 r( i; F) A6 t
</td></tr></table>
3 @+ D5 f; A8 u5 p% ?</a>
8 d; K9 N) A2 _+ j3 p/ f' }<![endif]-->/ d( i; H8 V V* F
</li>( J f0 ?; h( f7 t
</ul>0 e; H, w5 ^; o! c
</div>4 T! v0 B9 }; j" T2 I
</body>2 i& }# ~- c; W3 l
</html>- O% g# K% ~: B6 T+ n0 u
; i {' z- K1 S( w
更多网页制作信息请查看： 网页制作 |
|
Ai优选商家寻找本地地推合作伙伴0求项目与合作
拥抱AI搜索新时代！GEO优化成为企业流量增505网络资讯
GEO优化如何让企业流量翻倍？404网络资讯
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
千斤顶
显身卡