无js5款纯div+css制作的弹出菜单标准_div+css/html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>二级dropdown弹出菜单--A CROSS BROWSER Drop DOWN CASCADING VALIDATING MENU</title> 
<style type="text/css"> 
/* common styling */ 
/* set up the overall width of the menu div, the font and the margins */

.menu { 
font-family: arial, sans-serif;  
width:750px;  
margin:0;  
margin:50px 0; 
} 
/* remove the bullets and set the margin and padding to zero for the unordered list */ 
.menu ul { 
padding:0;  
margin:0; 
list-style-type: none; 
} 
/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */ 
.menu ul li { 
float:left;  
position:relative; 
} 
/* style the links to be 104px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */ 
.menu ul li a, .menu ul li a:visited { 
display:block;  
text-align:center;  
text-decoration:none;  
width:104px;  
height:30px;  
color:#000;  
border:1px solid #fff; 
border-width:1px 1px 0 0; 
background:#c9c9a7;  
line-height:30px;  
font-size:11px; 
} 
/* make the dropdown ul invisible */ 
.menu ul li ul { 
display: none; 
}

/* specific to non IE browsers */ 
/* set the background and foreground color of the main menu li on hover */ 
.menu ul li:hover a { 
color:#fff;  
background:#b3ab79; 
} 
/* make the sub menu ul visible and position it beneath the main menu list item */ 
.menu ul li:hover ul { 
display:block;  
position:absolute;  
top:31px;  
left:0;  
width:105px; 
} 
/* style the background and foreground color of the submenu links */ 
.menu ul li:hover ul li a { 
display:block;  
background:#faeec7;  
color:#000; 
} 
/* style the background and forground colors of the links on hover */ 
.menu ul li:hover ul li a:hover { 
background:#dfc184;  
color:#000; 
}

</style> 
<!--[if lte IE 6]>

/* Get rid of any default table style */ 
table { 
border-collapse:collapse; 
margin:0;  
padding:0; 
} 
/* ignore the link used by 'other browsers' */ 
.menu ul li a.hide, .menu ul li a:visited.hide { 
display:none; 
} 
/* set the background and foreground color of the main menu link on hover */ 
.menu ul li a:hover { 
color:#fff;  
background:#b3ab79; 
} 
/* make the sub menu ul visible and position it beneath the main menu list item */ 
.menu ul li a:hover ul { 
display:block;  
position:absolute;  
top:32px;  
left:0;  
width:105px; 
} 
/* style the background and foreground color of the submenu links */ 
.menu ul li a:hover ul li a { 
background:#faeec7;  
color:#000; 
} 
/* style the background and forground colors of the links on hover */ 
.menu ul li a:hover ul li a:hover { 
background:#dfc184;  
color:#000; 
}

</style>

<![endif]--> 
</head>

<body>

<ul> 
<li><a class="hide" href="../menu/index.html">DEMOS</a>

<ul> 
    <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></li> 
    <li><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></li> 
    <li><a href="../menu/form.html" title="Styling forms">styled form</a></li> 
    <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li> 
    <li><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></li> 
    <li><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></li> 
    <li><a href="../menu/bodies.html" title="fun with background images">fun backgrounds</a></li> 
    <li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li> 
    <li><a href="../menu/em_images.html" title="em size images compared">em sized images</a></li> 
    </ul>

</li>

<li><a class="hide" href="index.html">MENUS</a>

<ul> 
    <li><a href="spies.html" title="a coded list of spies">spies menu</a></li> 
    <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> 
    <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li> 
    <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li> 
    <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li> 
    <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li> 
    <li><a href="circles.html" title="circular links">circular links</a></li> 
    </ul>

</li>

<li><a class="hide" href="../layouts/index.html">LAYOUTS</a>

<ul> 
    <li><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></li> 
    <li><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></li> 
    <li><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></li> 
    <li><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></li> 
    <li><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width</a></li> 
    </ul>

</li>

<li><a class="hide" href="../boxes/index.html">BOXES</a>

<ul> 
    <li><a href="spies.html" title="a coded list of spies">spies menu</a></li> 
    <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> 
    <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li> 
    <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li> 
    <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li> 
    <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li> 
    <li><a href="circles.html" title="circular links">circular links</a></li> 
    </ul>

</li>

<li><a class="hide" href="../mozilla/index.html">MOZILLA</a>

<ul> 
    <li><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></li> 
    <li><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li> 
    <li><a href="../mozilla/content.html" title="Using content:">content:</a></li> 
    <li><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li> 
    <li><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></li> 
    <li><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue</a></li> 
    <li><a href="../mozilla/target.html" title="Target Practise">target practise</a></li> 
    <li><a href="../mozilla/splittext.html" title="Two tone headings">two tone headings</a></li> 
    <li><a href="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li> 
    </ul>

</li>

<li><a class="hide" href="../ie/index.html">EXPLORER</a>

<ul> 
    <li><a href="../ie/exampleone.html" title="Example one">example one</a></li> 
    <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li> 
    <li><a href="../ie/exampletwo.html" title="Vertical align">vertical align</a></li> 
    </ul>

</li>

<li><a class="hide" href="../opacity/index.html">OPACITY</a>

<ul> 
    <li><a href="../opacity/colours.html" title="colour wheel">opaque colours</a></li> 
    <li><a href="../opacity/picturemenu.html" title="a menu using opacity">opaque menu</a></li> 
    <li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li> 
    <li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li> 
    </ul>

</li> 
</ul>

<div class="clear"> </div>

</div> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>三级dropdown弹出菜单</title> 
<style type="text/css"> 
/* common styling */ 
.menu {font-family: arial, sans-serif; width:750px; position:relative; margin:0; font-size:11px; margin:50px 0;} 
.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;} 
.menu ul {padding:0; margin:0;list-style-type: none; } 
.menu ul li {float:left; margin-right:1px; position:relative;} 
.menu ul li ul {display: none;}

/* specific to non IE browsers */ 
.menu ul li:hover a {color:#fff; background:#36f;} 
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;} 
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;} 
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;} 
.menu ul li:hover ul li ul {display: none;} 
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;} 
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;} 
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;} 
.menu ul li:hover ul li:hover ul.left {left:-105px;}

</style> 
<!--[if lte IE 6]> 
<style type="text/css"> 
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;} 
.menu ul li a:hover ul li a.hide {display:none;}

.menu ul li a:hover {color:#fff; background:#36f;} 
.menu ul li a:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;} 
.menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;} 
.menu ul li a:hover ul li a {display:block; background:#ddd; color:#000;} 
.menu ul li a:hover ul li a ul {visibility:hidden;} 
.menu ul li a:hover ul li a:hover {background:#6fc; color:#000;} 
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;} 
.menu ul li a:hover ul li a:hover ul.left {left:-105px;}

</style> 
<![endif]--> 
</head>

<body>

<ul> 
<li><a class="hide" href="../menu/index.html">DEMOS</a>

<ul> 
    <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></li> 
    <li><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></li> 
    <li><a href="../menu/form.html" title="Styling forms">styled form</a></li> 
    <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>

<li><a class="hide" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK ></a>

<ul> 
            <li><a href="../menu/form.html" title="Styling forms">styled form</a></li> 
            <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li> 
            <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li> 
        </ul>

</li>

<li><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></li> 
    <li><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></li> 
    <li><a href="../menu/bodies.html" title="fun with background images">fun backgrounds</a></li> 
    <li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li> 
    <li><a href="../menu/em_images.html" title="em size images compared">em sized images</a></li> 
    </ul>

</li>

<li><a class="hide" href="index.html">MENUS</a>

<ul> 
    <li><a href="spies.html" title="a coded list of spies">spies menu</a></li> 
    <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> 
    <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li> 
    <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li> 
    <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li> 
    <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li> 
    <li><a href="circles.html" title="circular links">circular links</a></li> 
    </ul>

</li>

<li><a class="hide" href="../layouts/index.html">LAYOUTS</a>

<ul> 
    <li><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></li> 
    <li><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></li> 
    <li><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></li> 
    <li><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></li> 
    <li><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width</a></li> 
    </ul>

</li>

<li><a class="hide" href="../boxes/index.html">BOXES</a>

<ul> 
    <li><a href="spies.html" title="a coded list of spies">spies menu</a></li> 
    <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> 
    <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li> 
    <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li> 
    <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li> 
    <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li> 
    <li><a href="circles.html" title="circular links">circular links</a></li> 
    </ul>

</li>

<li><a class="hide" href="../mozilla/index.html">MOZILLA</a>

<ul> 
    <li><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></li> 
    <li><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li> 
    <li><a href="../mozilla/content.html" title="Using content:">content:</a></li> 
    <li><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li> 
    <li><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></li> 
    <li><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue</a></li> 
    <li><a href="../mozilla/target.html" title="Target Practise">target practise</a></li> 
    <li><a href="../mozilla/splittext.html" title="Two tone headings">two tone headings</a></li> 
    <li><a href="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li> 
    </ul>

</li>

<li><a class="hide" href="../ie/index.html">EXPLORER</a>

<ul> 
    <li><a href="../ie/exampleone.html" title="Example one">example one</a></li> 
    <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li> 
    <li><a href="../ie/exampletwo.html" title="Vertical align">vertical align</a></li> 
    </ul>

</li>

<li><a class="hide" href="../opacity/index.html">OPACITY</a>

<ul> 
    <li><a href="../opacity/colours.html" title="colour wheel">opaque colours</a></li> 
    <li><a href="../opacity/picturemenu.html" title="a menu using opacity">opaque menu</a></li> 
    <li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li> 
    <li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li> 
    <li><a class="hide" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">< HOVER/CLICK</a>

<ul class="left"> 
            <li><a href="../menu/form.html" title="Styling forms">styled form</a></li> 
            <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li> 
            <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li> 
        </ul>

</li> 
    </ul>

</li> 
</ul>

</div>

</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>flyout-竖向三级弹出菜单</title> 
<style type="text/css"> 
/* common styling */ 
.menu {font-family: arial, sans-serif; width:106px; height:150px; position:relative; margin:0; font-size:11px; margin:50px 0;} 
.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 #aaa; background:#710069; line-height:20px; font-size:11px; overflow:hidden;} 
.menu ul {padding:0; margin:0;list-style-type: none; } 
.menu ul li {float:left; margin-right:1px; position:relative;} 
.menu ul li ul {display: none;}

/* specific to non IE browsers */ 
.menu ul li:hover a {color:#fff; background:#36f;} 
.menu ul li:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;} 
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;} 
.menu ul li:hover ul li:hover a.hide {background:#6fc; color:#000;} 
.menu ul li:hover ul li ul {display: none;} 
.menu ul li:hover ul li a {display:block; background:#eee; color:#000;} 
.menu ul li:hover ul li a:hover {background:#6fc; color:#000;} 
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}

</style> 
<!--[if lte IE 6]> 
<style type="text/css"> 
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;} 
.menu ul li a:hover ul li a.hide {display:none;}

.menu ul li a:hover {color:#fff; background:#36f;} 
.menu ul li a:hover ul {display:block; position:absolute; top:0; left:105px; width:105px;} 
.menu ul li a:hover ul li a.sub {background:#6a3; color:#fff;} 
.menu ul li a:hover ul li a {display:block; background:#eee; color:#000;} 
.menu ul li a:hover ul li a ul {visibility:hidden;} 
.menu ul li a:hover ul li a:hover {background:#6fc; color:#000;} 
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:105px; top:0; color:#000;}

</style> 
<![endif]--> 
</head>

<body> 
<div class="menu"> 
 <ul> 
 <li><a class="hide" href="../menu/index.html">DEMOS</a>

<ul> 
  <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></li> 
  <li><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></li> 
  <li><a href="../menu/form.html" title="Styling forms">styled form</a></li> 
  <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li> 
  <li><a class="hide" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK ></a>

<ul> 
   <li><a href="../menu/form.html" title="Styling forms">styled form</a></li> 
   <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li> 
   <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li> 
   </ul>

</li> 
  <li><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></li> 
  <li><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></li> 
  <li><a href="../menu/bodies.html" title="fun with background images">fun backgrounds</a></li> 
  <li><a href="../menu/fade_scroll.html" title="fade-out scrolling">fade scrolling</a></li> 
  <li><a href="../menu/em_images.html" title="em size images compared">em sized images</a></li> 
  </ul>

</li>

<li><a class="hide" href="index.html">MENUS</a>

<ul> 
  <li><a href="spies.html" title="a coded list of spies">spies menu</a></li> 
  <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> 
  <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li> 
  <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li> 
  <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li> 
  <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li> 
  <li><a href="circles.html" title="circular links">circular links</a></li> 
  </ul>

</li>

<li><a class="hide" href="../layouts/index.html">LAYOUTS</a>

<ul> 
  <li><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></li> 
  <li><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></li> 
  <li><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></li> 
  <li><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></li> 
  <li><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width</a></li> 
  </ul>

</li>

<li><a class="hide" href="../boxes/index.html">BOXES</a>

<ul> 
  <li><a href="spies.html" title="a coded list of spies">spies menu</a></li> 
  <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> 
  <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li> 
  <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li> 
  <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li> 
  <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li> 
  <li><a href="circles.html" title="circular links">circular links</a></li> 
  </ul>

</li>

<li><a class="hide" href="../mozilla/index.html">MOZILLA</a>

<ul> 
  <li><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></li> 
  <li><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li> 
  <li><a href="../mozilla/content.html" title="Using content:">content:</a></li> 
  <li><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li> 
  <li><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></li> 
  <li><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue</a></li> 
  <li><a href="../mozilla/target.html" title="Target Practise">target practise</a></li> 
  <li><a href="../mozilla/splittext.html" title="Two tone headings">two tone headings</a></li> 
  <li><a href="../mozilla/shadow_text.html" title="Shadow text">shadow text</a></li> 
  </ul>

</li>

<li><a class="hide" href="../ie/index.html">EXPLORER</a>

<ul> 
  <li><a href="../ie/exampleone.html" title="Example one">example one</a></li> 
  <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li> 
  <li><a href="../ie/exampletwo.html" title="Vertical align">vertical align</a></li> 
 </ul>

</li>

<li><a class="hide" href="../opacity/index.html">OPACITY</a>

<ul> 
 <li><a href="../opacity/colours.html" title="colour wheel">opaque colours</a></li> 
 <li><a href="../opacity/picturemenu.html" title="a menu using opacity">opaque menu</a></li> 
 <li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li> 
 <li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li> 
 </ul>

</li> 
 </ul>

</div> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>dropline-水平三级横向弹出菜单</title> 
<style type="text/css"> 
/* common styling */ 
.menu {font-family: arial, sans-serif; width:749px; height:30px; position:relative; margin:0; font-size:11px; margin:50px 0; background:#fff; position:relative;} 
.menu ul {padding:0; margin:0; list-style-type: none;} 
.menu ul li {float:left; border-left:1px solid #eee; width:106px;} 
.menu ul li a, .menu ul li a:visited {display:block; float:left; width:101px; text-decoration:none; padding:0 0 0 5px; height:30px; line-height:30px; color:#000; background:#c9c9a7 url(../../graphics/drop.gif) bottom right no-repeat;} 
.menu ul li ul {display: none;}

/* specific to non IE browsers */ 
.menu ul li:hover a {color:#fff; background:#b3ab79;} 
.menu ul li:hover ul {display:block; position:absolute; width:749px; top:30px; left:0; background:#b3ab79; color:#fff;} 
.menu ul li:hover ul.right_side li {float:right; border:0; border-left:1px solid #eee;} 
.menu ul li:hover ul.left_side li {float:left; border:0; border-left:1px solid #eee;} 
.menu ul li:hover ul li a.hide {background:#bd8d5e url(../../graphics/drop2.gif) bottom right no-repeat; color:#fff;} 
.menu ul li:hover ul li:hover a.hide {background:#b3ab79; color:#fff;} 
.menu ul li:hover ul li ul {display: none;} 
.menu ul li:hover ul li a {display:block; background:##b3ab79; color:#fff;} 
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;} 
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:0; top:30px; color:#000; background:#dfc184;} 
.menu ul li:hover ul.right li {float:right;} 
.menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;} 
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;} 
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

</style> 
<!--[if lte IE 6]> 
<style type="text/css"> 
table {border-collapse:collapse; margin:0; padding:0;}

.menu ul li a.hide, .menu ul li a:visited.hide {display:none;} 
.menu ul li a:hover ul li a.hide {display:none;} 
.menu ul li a, .menu ul li a:visited {background:#c9c9a7 url(../../graphics/drop.gif) 20px right no-repeat;}

.menu ul li a:hover {color:#fff; background:#b3ab79;} 
.menu ul li a:hover ul {display:block; position:absolute; width:749px; top:30px; left:0; background:#b3ab79; color:#fff;} 
.menu ul li a:hover ul.right_side li {float:right; border-width:0 1px 0 0 0;} 
.menu ul li a:hover ul.left_side li {float:left;} 
.menu ul li a:hover ul li a.sub {background:#bd8d5e url(../../graphics/drop2.gif) 20px right no-repeat; color:#fff;} 
.menu ul li a:hover ul li a {display:block; background:#b3ab79; color:#fff;} 
.menu ul li a:hover ul li a ul {visibility:hidden;} 
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;} 
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:0; top:30px; color:#000; background:#dfc184;} 
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;} 
.menu ul li a:hover ul li a:hover ul li a:hover {background:#bd8d5e; color:#fff;}

</style> 
<![endif]--> 
</head>

<body>

<ul> 
<li><a class="hide" href="../menu/index.html">DEMOS</a>

<ul> 
    <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars</a></li> 
    <li><a href="../menu/embed.html" title="Wrapping text around images">wrapping text</a></li> 
    <li><a href="../menu/form.html" title="Styling forms">styled form</a></li> 
    <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li>

<li><a class="hide" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK</a>

<ul class="right_side"> 
            <li><a href="../menu/form.html" title="Styling forms">styled form</a></li> 
            <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li> 
            <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li> 
        </ul>

</li>

<li><a href="../menu/shadow_boxing.html" title="Multi-position drop shadow">shadow boxing</a></li> 
    <li><a href="../menu/old_master.html" title="Image Map for detailed information">image map</a></li> 
    </ul>

</li>

<li><a class="hide" href="index.html">MENUS</a>

<ul> 
    <li><a href="spies.html" title="a coded list of spies">spies menu</a></li> 
    <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> 
    <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li> 
    <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li> 
    <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li> 
    <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li> 
    <li><a href="circles.html" title="circular links">circular links</a></li> 
    </ul>

</li>

<li><a class="hide" href="../layouts/index.html">LAYOUTS</a>

<ul> 
    <li><a href="../layouts/bodyfix.html" title="Cross browser fixed layout">Fixed 1</a></li> 
    <li><a href="../layouts/body2.html" title="Cross browser fixed layout">Fixed 2</a></li> 
    <li><a href="../layouts/body4.html" title="Cross browser fixed layout">Fixed 3</a></li> 
    <li><a href="../layouts/body5.html" title="Cross browser fixed layout">Fixed 4</a></li> 
    <li><a href="../layouts/minimum.html" title="A simple minimum width layout">minimum width</a></li> 
    </ul>

</li>

<li><a class="hide" href="../boxes/index.html">BOXES</a>

<ul> 
    <li><a href="spies.html" title="a coded list of spies">spies menu</a></li> 
    <li><a href="vertical.html" title="a horizontal vertical menu">vertical menu</a></li> 
    <li><a href="expand.html" title="an enlarging unordered list">enlarging list</a></li> 
    <li><a href="enlarge.html" title="an unordered list with link images">link images</a></li> 
    <li><a href="cross.html" title="non-rectangular links">non-rectangular</a></li> 
    <li><a href="jigsaw.html" title="jigsaw links">jigsaw links</a></li> 
    <li><a href="circles.html" title="circular links">circular links</a></li> 
    </ul>

</li>

<li><a class="hide" href="../mozilla/index.html">MOZILLA</a>

<ul> 
    <li><a href="../mozilla/dropdown.html" title="A drop down menu">drop down menu</a></li> 
    <li><a href="../mozilla/cascade.html" title="A cascading menu">cascading menu</a></li> 
    <li><a href="../mozilla/content.html" title="Using content:">content:</a></li> 
    <li><a href="../mozilla/moxbox.html" title=":hover applied to a div">mozzie box</a></li> 
    <li><a href="../mozilla/rainbow.html" title="I can build a rainbow">rainbow box</a></li> 
    <li><a href="../mozilla/snooker.html" title="Snooker cue">snooker cue</a></li> 
    <li><a href="../mozilla/target.html" title="Target Practise">target practise</a></li> 
    </ul>

</li>

<li><a class="hide" href="../ie/index.html">EXPLORER</a>

<ul class="right_side"> 
    <li><a href="../ie/exampleone.html" title="Example one">example one</a></li> 
    <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li> 
    <li><a href="../ie/exampletwo.html" title="Vertical align">vertical align</a></li> 
    </ul>

</li>

<li><a class="hide" href="../opacity/index.html">OPACITY</a>

<ul class="right_side"> 
    <li><a href="../opacity/colours.html" title="colour wheel">opaque colours</a></li> 
    <li><a href="../opacity/picturemenu.html" title="a menu using opacity">opaque menu</a></li> 
    <li><a href="../opacity/png.html" title="partial opacity">partial opacity</a></li> 
    <li><a href="../opacity/png2.html" title="partial opacity II">partial opacity II</a></li> 
    <li><a class="hide" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">HOVER/CLICK</a>

<ul class="left_side"> 
            <li><a href="../menu/form.html" title="Styling forms">styled form</a></li> 
            <li><a href="../menu/nodots.html" title="Removing active/focus borders">active focus</a></li> 
            <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li> 
        </ul>

</li> 
    </ul>

</li> 
</ul>

</div> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>upmenu-水平竖弹向上三级弹出菜单</title> 
<style type="text/css"> 
/* common styling */ 
.menu {font-family: verdana, arial, sans-serif; width:735px; position:relative; font-size:11px; margin:50px auto;} 
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:94px; height:25px; text-align:left; color:#000; padding-left:10px; border:1px solid #fff; border-width:0 1px 1px 0; background:#c9c9a7; line-height:25px; font-size:11px;} 
.menu ul {padding:0; margin:0;list-style-type: none; } 
.menu ul li {float:left; position:relative;} 
.menu ul li ul {display: none;}

/* specific to non IE browsers */ 
.menu ul li:hover a {color:#000; background:#e9e9c7;} 
.menu ul li:hover ul {display:block; position:absolute; bottom:26px; left:0;} 
.menu ul li:hover ul li a.hide {background:#a7c9c9; color:#000;} 
.menu ul li:hover ul li {display:block; background:#fff; color:#000;width:199px; clear:both;} 
.menu ul li:hover ul li:hover a.hide {background:#dfc184; color:#000;} 
.menu ul li:hover ul li ul {display: none;} 
.menu ul li:hover ul li a {display:block; background:#c9a7c9; color:#000; width:100%; padding-left:10px;} 
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;} 
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:210px; bottom:0;} 
.menu ul li:hover ul li:hover ul li a {background:#dfc184; color:#000;} 
.menu ul li:hover ul li:hover ul li a:hover {background:#c9c9a7; color:#000;}

.menu ul li:hover ul.left {left:-105px;} 
.menu ul li:hover ul li:hover ul.left {left:-210px; width:209px;}

</style> 
<!--[if lte IE 6]> 
<style type="text/css"> 
table {border-collapse:collapse; margin:0; padding:0;} 
.menu ul li a.hide, .menu ul li a:visited.hide {display:none;} 
.menu ul li a:hover ul li a.hide {display:none;}

.menu ul li a:hover {color:#000; background:#e9e9c7;} 
.menu ul li a:hover ul {display:block; position:absolute; bottom:26px; left:0;} 
.menu ul li a:hover ul li {display:block; background:#fff; color:#000; width:199px;} 
.menu ul li a:hover ul li a.sub {background:#a7c9c9; color:#000;} 
.menu ul li a:hover ul li a {display:block; background:#c9a7c9; color:#000; width:100%; padding-left:10px;} 
.menu ul li a:hover ul li a ul {visibility:hidden;} 
.menu ul li a:hover ul li a:hover {background:#dfc184; color:#000;} 
.menu ul li a:hover ul li a:hover ul {visibility:visible; position:absolute; left:210px; bottom:0;} 
.menu ul li a:hover ul li a:hover ul li a {background:#dfc184; color:#000;} 
.menu ul li a:hover ul li a:hover ul li a:hover {background:#c9c9a7; color:#000;}

.menu ul li a:hover ul.left {left:-105px;} 
.menu ul li a:hover ul li a:hover ul.left {left:-210px;}

</style> 
<![endif]--> 
</head>

</DIV>
<div class="dede_pages">
   <ul class="pagelist">
    <li><a>共2页: </a></li><li><a href='#'>上一页</a></li><li class="thisclass"><a href='#'>1</a></li><li><a href='n_42860_2.shtml'>2</a></li><li><a href='n_42860_2.shtml'>下一页</a></li>
   </ul>
</div>
</DIV>
<DIV class=page_next>
<UL>
<LI>上一篇：<a href='/newsHtm/59/n_42859.shtml'>超强推荐CSS打造经典鼠标触发显示选项</a> </LI>
<LI>下一篇：<a href='/newsHtm/61/n_42861.shtml'>常用的DIV+CSS的基本框架结构但不推荐都放一个div里</a>  </LI></UL>

</DIV>

<DIV class=blkContainerSblkCon>

<script>document.write('<div id="SOHUCS" sid="'+UYId+'" ></div>');</script>
<script charset="utf-8" type="text/javascript" src="https://changyan.sohu.com/upload/changyan.js" ></script>
<script type="text/javascript">
window.changyan.api.config({
appid: 'cytTCv4G0',
conf: 'prod_ff1eac20de6755fec45da9b19bca6cbc'
});
</script>
</DIV>
<script type="text/javascript">      
 SyntaxHighlighter.highlight();   //高亮代码    
 </script>
</div>

 <div class="top_bg">精彩图集</div>
    <div class="top_bg_down">

<div class="CH_CP_TOP">
		<div class="p_img_xian">
		   <A href="/newsHtm/95/n_41495.shtml" title='BS项目中的CSS架构_仅加载自己需要的CSS'><img src='/sp/attachments/allimg/c140612/140255A0196230-1R50_lit.png' border='0' width='100' height='72' alt='BS项目中的CSS架构_仅加载自己需要的CSS'></A></div>
		<div class="CH_title">
			<A href="/newsHtm/95/n_41495.shtml"  title='BS项目中的CSS架构_仅加载自己需要的CSS'  target=_blank>BS项目中的</A>
		</div>
	</div>
<div class="CH_CP_TOP">
		<div class="p_img_xian">
		   <A href="/newsHtm/97/n_41197.shtml" title='css实现气泡框效果(实例加图解)'><img src='/sp/attachments/allimg/c140611/14024W0S423F-14933_lit.png' border='0' width='100' height='72' alt='css实现气泡框效果(实例加图解)'></A></div>
		<div class="CH_title">
			<A href="/newsHtm/97/n_41197.shtml"  title='css实现气泡框效果(实例加图解)'  target=_blank>css实现气泡</A>
		</div>
	</div>

<ul>
 <li><A title="Iframe自适应其加载的内容高度" href="/newsHtm/40/n_43640.shtml">Iframe自适应其加载的内容高度</A></li>
<li><A title="Lesson02_01 表格标签" href="/newsHtm/06/n_43406.shtml">Lesson02_01 表格标签</A></li>
<li><A title="制作WEB在线编辑器-插入HTML标签" href="/newsHtm/76/n_43376.shtml">制作WEB在线编辑器-插入HTML标签</A></li>
<li><A title="文章内容页广告浮于左上角的解决办法" href="/newsHtm/11/n_43311.shtml">文章内容页广告浮于左上角的解决</A></li>
<li><A title="什么叫标准网页设计?" href="/newsHtm/07/n_43307.shtml">什么叫标准网页设计?</A></li>
<li><A title="CSS入门教程篇" href="/newsHtm/92/n_43292.shtml">CSS入门教程篇</A></li>
<li><A title="CSS标签切换代码实例教程 比较漂亮" href="/newsHtm/42/n_42642.shtml">CSS标签切换代码实例教程 比较漂</A></li>
<li><A title="推荐深入理解css中的position定位和z-index属性" href="/newsHtm/34/n_42634.shtml">推荐深入理解css中的position定位和</A></li>
<li><A title="让网页框架透明 底部对齐的代码" href="/newsHtm/07/n_42407.shtml">让网页框架透明 底部对齐的代码</A></li>
<li><A title="网页打开新窗口target=_blank不符合标准" href="/newsHtm/31/n_42131.shtml">网页打开新窗口target=_blank不符合</A></li>

</ul>
</div>

</div></div>
	<div id="control_right">
	<div class="top_bg_small">热点文章</div>
    <div class="top_bg_down_small">
      <p><div class="content_list_left">

<ul>

<li><A title="禁用Backspace键不让退到上一个网页" href="/newsHtm/78/n_1478.shtml">禁用Backspace键不让退到上一个网页</A></li>
<li><A title="html/js在线调试器" href="/newsHtm/40/n_16840.shtml">html/js在线调试器</A></li>
<li><A title="CSS教程之：CSS内间距" href="/newsHtm/03/n_1503.shtml">CSS教程之：CSS内间距</A></li>
<li><A title="控制TextArea限制行数和字符数的方法讲解" href="/newsHtm/77/n_1477.shtml">控制TextArea限制行数和字符数的方</A></li>
<li><A title="as2及as3 flash广告物料中添加clickTAG的方法as3中兼容ie不被拦截的方法" href="/newsHtm/52/n_16852.shtml">as2及as3 flash广告物料中添加click</A></li>
<li><A title="95%的中国网站需要重写CSS" href="/newsHtm/42/n_43642.shtml">95%的中国网站需要重写CSS</A></li>
<li><A title="使用css实现全兼容浏览器的三角形" href="/newsHtm/17/n_50917.shtml">使用css实现全兼容浏览器的三角形</A></li>
<li><A title="固定右栏宽度, 左栏内容先出现同时自适应宽度的布局" href="/newsHtm/39/n_43639.shtml">固定右栏宽度, 左栏内容先出现同</A></li>
<li><A title="手机上网，一步一步WAP网站建设从入门到学会教程" href="/newsHtm/82/n_1482.shtml">手机上网，一步一步WAP网站建设从</A></li>
<li><A title="IE Bug--浮动对象外补丁的双倍距离的解决方法" href="/newsHtm/37/n_43637.shtml">IE Bug--浮动对象外补丁的双倍距离</A></li>

</ul>
</div>
 </p>
      </div></div></div>
 
	</div> 
<div id="word_right">
    <div class="right_ad2"><div class="right_content1"><script type="text/javascript">
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div></div>
 <div class="right_ad1">
  <div class="right_content">
  <ul id="nav" class="menu_lbg1">
        <li><a href="#" onmouseover="javascript:qmain_menu_lbq(1)" >最新文章</a></li>
        <li class="a1" ></li>
        <li><a href="#" onmouseover="javascript:qmain_menu_lbq(2)">最新日志</a></li>
        <li class="a1"></li>
        <li><a href="#" onmouseover="javascript:qmain_menu_lbq(3)">最新帖子</a></li>
      </ul>
    <div class="change_bottom" id="change_down1"><div>

<ul>
 <li><A title="HTML实现title 属性换行小技巧" href="/newsHtm/43/n_53143.shtml">HTML实现title 属性换行小技巧</A></li>
<li><A title="使用css实现全兼容浏览器的三角形" href="/newsHtm/17/n_50917.shtml">使用css实现全兼容浏览器的三角形</A></li>
<li><A title="<strong>使用css实现全兼容tooltip提示框</strong>" href="/newsHtm/16/n_50916.shtml"> 使用css实现全兼容tooltip提示框 </A></li>
<li><A title="em px的关系" href="/newsHtm/43/n_43643.shtml">em px的关系</A></li>
<li><A title="95%的中国网站需要重写CSS" href="/newsHtm/42/n_43642.shtml">95%的中国网站需要重写CSS</A></li>
<li><A title="在iframe中隐藏横向滚动条的方法大全" href="/newsHtm/41/n_43641.shtml">在iframe中隐藏横向滚动条的方法大全</A></li>
<li><A title="Iframe自适应其加载的内容高度" href="/newsHtm/40/n_43640.shtml">Iframe自适应其加载的内容高度</A></li>
<li><A title="固定右栏宽度, 左栏内容先出现同时自适应宽度的布局" href="/newsHtm/39/n_43639.shtml">固定右栏宽度, 左栏内容先出现同时自适应</A></li>
<li><A title="转载未知大小的图片在一个已知大小容器中的水平和垂直居中（二）" href="/newsHtm/38/n_43638.shtml">转载未知大小的图片在一个已知大小容器中</A></li>
  
  </ul>
</div>
</div>
	<div class="change_bottom" id="change_down2" style="display:none"> 
	<ul>
	  <li><A title="不能看到某个圆圈中的数字，就说明某方面潜伏问题" href="/bbs/blog-1-3223.html">不能看到某个圆圈中的数字，就说明某方面潜伏问题</A></li>
    <li><A title="恶搞新交规" href="/bbs/blog-1-3222.html">恶搞新交规</A></li>
    <li><A title="三个故事说穿了许多人" href="/bbs/blog-1-3221.html">三个故事说穿了许多人</A></li>
    <li><A title="Linux下安装、启动MySQL" href="/bbs/blog-267-3220.html">Linux下安装、启动MySQL</A></li>
    <li><A title="学习PHP&MySQL之——字符编码篇（二）" href="/bbs/blog-267-3219.html">学习PHP&MySQL之——字符编码篇（</A></li>
    <li><A title="Navicat连接本地Mysql出现10061错误,但链接远程没有问题的解决方法" href="/bbs/blog-267-3218.html">Navicat连接本地Mysql出现10061错</A></li>
    <li><A title="MySQL Connector/Net 6.6.4 发布" href="/bbs/blog-267-3217.html">MySQL Connector/Net 6.6.</A></li>
    <li><A title="mysql主从同步图" href="/bbs/blog-267-3216.html">mysql主从同步图</A></li>
    <li><A title=""未找到 Oracle 客户端和网络组件。这些组件是.."的解决办法" href="/bbs/blog-267-3215.html">"未找到 Oracle 客户端和网络组</A></li>
    </ul>
	</div>
	<div class="change_bottom" id="change_down3" style="display:none">
	<ul  id="bbs_top10">
	 </ul></div></div>
 </div>
<style>.rmbq a{height:20px;padding:2px;line-height:20px;}</style>
<div class="right_ad1 rmbq">
  <div class="right_content2"><h2 class="tit1">热门标签</h2>

<a href='/tags.php?/%E5%88%9B%E5%BB%BA%E8%A1%A8%E7%A9%BA%E9%97%B4/' class='tagc2'>创建表空间</a>

<a href='/tags.php?/%E9%BB%98%E8%AE%A4%E8%AE%BF%E9%97%AE%E8%B7%AF%E5%BE%84/' class='tagc1'>默认访问路径</a>

<a href='/tags.php?/sybase_fetch/' class='tagc2'>sybase_fetch</a>

<a href='/tags.php?/deamon/' class='tagc2'>deamon</a>

<a href='/tags.php?/%E6%95%B0%E5%AD%97%E6%A0%BC%E5%BC%8F%E5%8C%96/' class='tagc1'>数字格式化</a>

<a href='/tags.php?/apache%E9%85%8D%E7%BD%AE%E6%96%87%E4%BB%B6/' class='tagc2'>apache配置文件</a>

<a href='/tags.php?/mytop/' class='tagc1'>mytop</a>

<a href='/tags.php?/%E6%9F%A5%E8%AF%A2%E6%AD%A3%E9%94%81%E8%A1%A8/' class='tagc2'>查询正锁表</a>

<a href='/tags.php?/final/' class='tagc1'>final</a>

<a href='/tags.php?/isset/' class='tagc1'>isset</a>

<a href='/tags.php?/rm%E8%AF%AF%E5%88%A0%E9%99%A4%E6%95%B0%E6%8D%AE%E5%BA%93/' class='tagc2'>rm误删除数据库</a>

<a href='/tags.php?/IphoneTreeVi/' class='tagc1'>IphoneTreeVi</a>

<a href='/tags.php?/struct/' class='tagc1'>struct</a>

<a href='/tags.php?/backtrak/' class='tagc2'>backtrak</a>

<a href='/tags.php?/django-suit/' class='tagc1'>django-suit</a>

<a href='/tags.php?/%E5%90%8E%E5%8F%B0%E5%8F%91%E9%80%81%E7%9F%AD%E4%BF%A1/' class='tagc2'>后台发送短信</a>

<a href='/tags.php?/%E5%9C%A8Oracle/' class='tagc2'>在Oracle</a>

<a href='/tags.php?/binary/' class='tagc2'>binary</a>

<a href='/tags.php?/PHP%E8%BF%9E%E6%8E%A5SQL/' class='tagc1'>PHP连接SQL</a>

<a href='/tags.php?/js%E5%8A%A8%E6%80%81%E6%8E%A7%E5%88%B6/' class='tagc1'>js动态控制</a>

<a href='/tags.php?/%E9%81%8D%E5%8E%86%E5%AD%90%E8%8A%82%E7%82%B9/' class='tagc2'>遍历子节点</a>

<a href='/tags.php?/%E5%BF%AB%E9%80%9F%E5%B9%82%E5%8F%96%E6%A8%A1/' class='tagc2'>快速幂取模</a>

<a href='/tags.php?/NFS%E6%9C%8D%E5%8A%A1%E9%85%8D%E7%BD%AE/' class='tagc2'>NFS服务配置</a>

<a href='/tags.php?/print_r%E5%87%BD%E6%95%B0/' class='tagc2'>print_r函数</a>

<a href='/tags.php?/%E5%9B%BE%E7%89%87%E9%98%B2%E7%9B%97%E9%93%BE/' class='tagc1'>图片防盗链</a>

<a href='/tags.php?/Scanner/' class='tagc1'>Scanner</a>

<div class="right_ad1">
  <div class="right_content2"><h2 class="tit1">赞助商链接</h2>
<div align="center">  <script type="text/javascript">
google_ad_client = "pub-2165610513794018";
/* 160x600, 创建于 08-11-28 */
google_ad_slot = "3974845827";
google_ad_width = 160;
google_ad_height = 600;

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div></div>
 </div>
 
   
</div>
<div class="clear"></div></div>
<div class="clear"></div>
<div id="foot">

<div class="center">
	
<div class="tonglan" id="bottom" align="center">
<p>@CopyRight 2002-2008, 1SOHU.COM, Inc. All Rights Reserved QQ:1010969229</p>
		
<p><a href="http://beian.miit.gov.cn" target="_blank">京ICP备18042785号-1</a>
	
<script language="JavaScript" src="http://s67.cnzz.com/stat.php?id=259003&web_id=259003&show=pic" charset="gb2312"></script>

var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-19092289-1']);
  _gaq.push(['_setDomainName', '1sohu.com']);
  _gaq.push(['_trackPageview']);

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>-->
<script type="text/javascript">
var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://");
document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3Fb97f11b3c4c68d586839d98f8773582d' type='text/javascript'%3E%3C/script%3E"));
</script>