CSS+DIV设计实例：纯CSS制作下拉导航菜单

来源: 时间:06-09-11 点击: 点击这里收藏本文

/* specific to non IE browsers */
.menu ul li:hover a {
color:#fff; 
background:#bd8d5e;
}
.menu ul li:hover ul {
display:block; 
position:absolute; 
top:3em;
margin-top:1px;
left:0; 
width:150px;
}
.menu ul li:hover ul li ul {
display: none;
}
.menu ul li:hover ul li a {
display:block; 
background:#faeec7; 
color:#000; 
height:auto; 
line-height:1.2em; 
padding:5px 10px; 
width:129px
}
.menu ul li:hover ul li a.drop {
background:#c9c9a7 url(../../graphics/drop.gif) bottom right no-repeat;
}
.menu ul li:hover ul li a:hover {
background:#c9c9a7; 
color:#000;
}
.menu ul li:hover ul li:hover ul {
display:block; 
position:absolute; 
left:150px; 
top:0;
width:150px;
}
.menu ul li:hover ul li:hover ul.left {
left:-150px;
}

</style>
<!--[if lte IE 6]>
<style type="text/<a href=http://www.jzxue.com/html/css/ target=_blank>css</a>">
.menu ul li a:hover {
color:#fff; 
background:#bd8d5e;
}
.menu ul li a:hover ul {
display:block; 
position:absolute; 
top:3em; 
left:0;
background:#fff;
margin-top:0;
marg\in-top:1px;
}
.menu ul li a:hover ul li a {
display:block; 
background:#dbe4ab; 
color:#000; 
height:auto; 
line-height:1.5em; 
padding:5px 10px; 
width:150px;
w\idth:129px;
}
.menu ul li a:hover ul li a.drop {
background:#c9c9a7 url(../../graphics/drop.gif) bottom right no-repeat;
}
.menu ul li a:hover ul li a ul {
visibility:hidden; 
position:absolute; 
height:0; 
width:0;
}
.menu ul li a:hover ul li a:hover {
background:#c9c9a7; color:#000;
}
.menu ul li a:hover ul li a:hover ul {
visibility:visible; 
position:absolute; 
top:0; 
color:#000;
left:150px;
}
.menu ul li a:hover ul li a:hover ul.left {
left:-150px;
}

</style>
<![endif]-->
<div class="menu">

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

</a>

<ul>
    <li><a href="../menu/zero_dollars.html" title="The zero dollar ads page">zero dollars advertising page</a></li>
    <li><a href="../menu/embed.html" title="Wrapping text around images">wrapping text around images</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="drop" href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click with no borders

</a>

<table><tr><td>
        <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">removing active/focus borders</a></li>
            <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
        </ul>
</td></tr></table>

</li>

<li class="upone"><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 for detailed information</a></li>
    <li><a href="../menu/bodies.html" title="fun with background images">fun with background images</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 image sizes compared</a></li>
    </ul>

</td></tr></table>

</li>

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

</a>

<ul>
    <li><a href="spies.html" title="a coded list of spies">a coded list of spies</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 unordered 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>

</td></tr></table>

</li>

<li><a 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">I can build a rainbow with transparent borders</a></li>
    <li><a href="../mozilla/snooker.html" title="Snooker cue">a snooker cue using border art</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>

</td></tr></table>

</li>

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

</a>

<ul>
    <li><a href="../ie/exampleone.html" title="Example one">the first example for Internet Explorer</a></li>
    <li><a href="../ie/weft.html" title="Weft fonts">weft fonts</a></li>
    <li><a href="../ie/exampletwo.html" title="Vertical align">vertically aligning text</a></li>
    </ul>

</td></tr></table>

</li>

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

</a>

<ul>
    <li><a href="../opacity/colours.html" title="colour wheel">a colour wheel using opaque colours</a></li>
    <li><a href="../opacity/picturemenu.html" title="a menu using opacity">a menu using opacity</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="drop" 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">removing active/focus borders</a></li>
            <li><a href="../menu/hover_click.html" title="Hover/click with no active/focus borders">hover/click</a></li>
        </ul>

</td></tr></table>

</li>
    </ul>

</td></tr></table>

</li>
</ul>

</div><script language="Javascript"> 
var now = new Date(); 
document.write("<img src='http://counter.yesky.com/counter.<a href=http://www.jzxue.com/Html/shtml/ target=_blank>shtml</a>?CID=54197&AID=-1&refer="+escape(document.referrer)+"&rand="+ now.getTime()  + "&cur="+escape(document.URL)+"' border='0' alt='' width='0' height='0'>"); 
</script> 
<noscript> 
<img src="http://counter.yesky.com/counter.<a href=http://www.jzxue.com/Html/shtml/ target=_blank>shtml</a>?CID=54197&AID=-1&refer=noscriptcounter&cur=noscriptcounter" border='0' width='0' height='0'/> 
</noscript><div><a href="./091102434036742.html" title="第一页"><font face="webdings">9</font></a> 
<font color=#999999 title="上十页"><font face="webdings">7</font></font> 
<a href="./091102434036742.html" title="上一页"><font face="webdings">3</font></a> 
<a href="./091102434036742.html">1</a>
<b>2</b>
<a href="./091102434036742_3.html">3</a>
 <a href="./091102434036742_3.html" title="下一页"><font face="webdings">4</font></a> 
 <font color=#999999  title="下十页"><font face="webdings">8</font></font> 
<a href="./091102434036742_3.html" title="尾页"><font face="webdings">:</font></a>
</div> </SPAN>
			<BR/><DIV style="FLOAT: right; width: 557px; padding:7px 0px 1px">  把此文章收藏到：
<SCRIPT src="/JS/z_365sky.js"></SCRIPT>
 　
<SCRIPT src="/JS/z_yazhai.js"></SCRIPT>
 　
<SCRIPT src="/JS/z_yesky.js"></SCRIPT>
 　
<SCRIPT src="/JS/z_vivi.js"></SCRIPT>
 　
<SCRIPT src="/JS/z_hexun.js"></SCRIPT>
 　
<SCRIPT src="/JS/z_wozhai.js"></SCRIPT>
 </DIV>
	</div>
    <div class="blank"><IMG height=1 src="/images/pix.gif"></DIV>
	<div class="jzxue_lanse_da">
			<div class="jzxue_lanse_t"><STRONG>相关教程</STRONG></div>
			<DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="可以收缩和和伸展的表格（符合标准的网页特效）
更新于：2007-06-20 点击数:25" href="http://www.jzxue.com/Html/daima/2007/6/136A05DJ.html">可以收缩和和伸展的表格（符合</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="符合标准的对联广告网页特效代码
更新于：2007-05-21 点击数:96" href="http://www.jzxue.com/Html/daima/2007/5/3623FJ658.html">符合标准的对联广告网页特效代</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="类似于Flash的超酷网页特效代码
更新于：2007-05-21 点击数:191" href="http://www.jzxue.com/Html/daima/2007/5/2757KAK2H.html">类似于Flash的超酷网页特效代码</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="怎么让别人看不到我的网页代码?
更新于：2007-03-24 点击数:196" href="http://www.jzxue.com/Html/daima/2007/3/243202140G70.html">怎么让别人看不到我的网页代码</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="JS实现浏览器菜单命令
更新于：2007-03-24 点击数:75" href="http://www.jzxue.com/Html/daima/2007/3/243169KHK12.html"><font color="#339999">JS实现浏览器菜单命令</font></A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="又一个做网站比较流行的图片幻灯片网页特效
更新于：2007-02-15 点击数:309" href="http://www.jzxue.com/Html/daima/2007/2/215118296D0BJ.html">又一个做网站比较流行的图片幻</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="网页特效 图片加载进度实时显示
更新于：2007-02-15 点击数:129" href="http://www.jzxue.com/Html/daima/2007/2/215052512DF59.html">网页特效 图片加载进度实时显示</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="网页特效之用css样式表实现首字大写
更新于：2006-11-20 点击数:79" href="http://www.jzxue.com/Html/daima/11_20_02_45_23_24189.html">网页特效之用css样式表实现首字</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="在DIV+CSS排版中新闻列表的制作方法
更新于：2006-09-11 点击数:725" href="http://www.jzxue.com/Html/daima/091103221935186.html">在DIV+CSS排版中新闻列表的制作</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="CSS+DIV:让文本字符环绕在你的图片周围
更新于：2006-09-11 点击数:441" href="http://www.jzxue.com/Html/daima/091103174365729.html">CSS+DIV:让文本字符环绕在你的</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="用DIV做不规则形状的环绕文字
更新于：2006-09-11 点击数:208" href="http://www.jzxue.com/Html/daima/091103171240073.html">用DIV做不规则形状的环绕文字</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="避免表格table被撑开变形的CSS
更新于：2006-09-11 点击数:288" href="http://www.jzxue.com/Html/daima/091103163860630.html">避免表格table被撑开变形的CSS</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="相册的自动播放效果SlideShow
更新于：2006-09-11 点击数:704" href="http://www.jzxue.com/Html/daima/091103153647677.html">相册的自动播放效果SlideShow</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="CSS应用实例：水平线变成虚线
更新于：2006-09-11 点击数:611" href="http://www.jzxue.com/Html/daima/091103150288800.html">CSS应用实例：水平线变成虚线</A></DIV><DIV style="PADDING-RIGHT: 0px; FLOAT: left; PADDING-BOTTOM: 1px; WIDTH: 186px; PADDING-TOP: 1px">·<A title="如何利用PHP和CSS改变网页文字大小
更新于：2006-09-11 点击数:246" href="http://www.jzxue.com/Html/daima/091103111742643.html">如何利用PHP和CSS改变网页文字</A></DIV>
	</div>
    	<div class="blank"><IMG height=1 src="/images/pix.gif"></DIV>
	<div class="jzxue_lanse_da">
			<div class="jzxue_lanse_t"><STRONG>广而告之</STRONG></div>
			<div id=ad_34>
<script language='JavaScript' type='text/javascript' src='/js/ad/show_bottom.js'></script>
			</div>
	</div>
  </div>
  
  <DIV class=vblank><IMG height=1 width="1" src="/images/pix.gif"></DIV>
  <div class="class_tab_2">
    <div class="jzxue_zise">
      <div class="jzxue_zise_t"><STRONG>文章搜索</STRONG></div>
      <div class="list0">
	    <ul>
	      <li><form method="get" action="http://www.jzxue.com/Search.html" id="SearchForm" name="searchform" target="_blank">
		    <input name="SubSys" type="hidden" id="SubSys" value="NS" />
		    <input name="keyword" class="text" type="text" onclick=cleartext(this); value=" 站内搜索系统" style="width:138px;" id="Keyword" />
		    <input class="button" id="SearchSubmit" type="image" alt="" src="/images/Search_icon.gif" align=absMiddle value=Go />
		   </form>
		  </li>
		  <li>
		  
		  <form method="get" action="http://www.google.cn/custom" target="google_window"> 
		     <input type="hidden" name="domains" value="jzxue.com"></input>
             <input type="text" class="text" name="q" maxlength="255" onclick=cleartext(this); value=" jzxue By Google" style="width:138px;" id="sbi"/>
			 <input class="button" type="image" name="sa" src="/images/Search_Google.gif"  align="absMiddle" value="Google 搜索"  id="sbb" />
			 
             <input type="radio" name="sitesearch" value="" id="ss0" />Google
             <input type="radio" name="sitesearch" value="jzxue.com" id="ss1" checked="checked" />JZxue.Com			 
             <input type="hidden" name="ie" value="GB2312" /> 
             <input type="hidden" name="oe" value="GB2312" />
             <input type="hidden" name="client" value="pub-5770124542418272"></input>
             <input type="hidden" name="forid" value="1"></input>
             <input type="hidden" name="channel" value="7980945943"></input>
			 <input type="hidden" name="flav" value="0000"></input>
             <input type="hidden" name="sig" value="4XPKlwG7wluhdFuw"></input>
             <input type="hidden" name="cof" value="GALT:#008000;GL:1;DIV:#FFFFFF;VLC:663399;AH:center;BGC:FFFFFF;LBGC:FFFFFF;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;LH:31;LW:88;L:http://jzxue.com/logo.gif;S:http://www.jzxue.com;FORID:1"></input>
             <input type="hidden" name="hl" value="zh-CN"></input>
           </form>
		   
		  </li>
		</ul>
	  </div>
    </div>
	<div class="blank"><IMG height=1 src="/images/pix.gif"></DIV>  
    <div class="jzxue_zise">
      <div class="jzxue_zise_t"><STRONG>最新文章</STRONG></div>

<p align="center"><table width="99%" border="0" cellspacing="0" cellpadding="0">
 <tr><td><a href="/html/special/special_gjk.htm"><img  class="center" src="Http://www.jzxue.com/Files/BeyondPic/lesson/tuiguang.jpg" width="120" height="80" border="0" /></a></td></tr>
 <tr><td><a href="/html/special/special_gjk.htm" class="center">网站推广—网站建设的关键课</a>
</td></tr>
</table> </p>
<table width="100%" border="0" cellpadding="0" cellspacing="2"><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/yingli/2007/12/12217C3DE.html" target="_self">吸引访客,做内容有价值的网</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/photoshop/2007/12/038A1C8K.html" target="_self">关于Photoshop直方图的详细</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/yingli/2007/12/58686BFB.html" target="_self">网站策划,B2B网站策划者应</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/jiqiao/2007/12/55868E23.html" target="_self">Web标准网站开发人员配备</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/tuiguang/2007/12/52513FHKD.html" target="_self">便宜/廉价的网站推广方式</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/changshi/2007/12/5034E15F8.html" target="_self">写给做BBS的新站长</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/yingli/2007/12/49660CFH.html" target="_self">行为经济学在网站运营中的</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/changshi/2007/12/4223893CH.html" target="_self">漫谈网站改版的必要性</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/yingli/2007/12/40063427.html" target="_self">网站策划需要具备的知识</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/changshi/2007/12/37115JJD8.html" target="_self">外贸网站建设全攻略</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/html/css/2007/12/3441K5A82.html" target="_self">CSS让网页更容易设计与维护</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="/Html/tuiguang/2007/12/3258487I3.html" target="_self">和马云学习如何做网站推广</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><tr><td colspan="2" height=2></td></tr></table>

</div>
	<div class="blank"><IMG height=1 src="/images/pix.gif"></DIV>
	<div class="jzxue_zise">
      <div class="jzxue_zise_t"><STRONG>推荐导读</STRONG></div>

<p align="center"><table width="99%" border="0" cellspacing="0" cellpadding="0">
 <tr><td><a href="/html/special/special_homepage.html"><img  class="center" src="Http://www.jzxue.com/Files/BeyondPic/lesson/geren.jpg" width="120" height="80" border="0" /></a></td></tr>
 <tr><td><a href="/html/special/special_homepage.html" class="center">优秀个人网站打造全过程</a>
</td></tr>
</table></p>
<div id="buguize" class="buguize">
 <ul>
  <li><a href="/Html/yingli/2007/10/2628HGC44.html">如何策划网站?</a></li>
  <li><a href="http://www.jzxue.com/down/website/2007/8/16271GC971.html">wap建站入门教程</a></li>
  <li><a href="/Html/changshi/2007/10/1747CIHB0.html"><font color="#FF0000">以这种方式做网站肯定会失败</font></a></li>
  <li><a href="/Html/photoshop/2007/10/2552C5H5J.html">Photoshop用另类方法打造水彩效果</a></li>
  <li><a href="/Html/fireworks/2007/10/1544034H3.html">FireWorks教程：DIY树叶笔触画一棵树</a></li>
  <li><a href="/Html/photoshop/2007/9/11169DIFF.html">用Photoshop制作非主流风格MM秀亮的脸蛋</a></li>
  <li><a href="/Html/changshi/2007/9/55337JE1.html"><font color="#0033FF">网站制作过程中把握的几点</font></a></li>
  <li><a href="/Html/photoshop/2007/9/37558G5H4.html">Photoshop处理唯美照片效果和边框的制作</a></li>
  <li><a href="/Html/fireworks/2007/8/3333JI3AG.html"><font color="#0066FF">使用Fireworks 8制作网页效果图</font></a></li>
  <li><a href="/Html/yuming/2007/8/2347H9D9E.html">如何在国外进行域名的注册？</a></li>
  <li><a href="/html/css/2007/10/275080J2K.html">简单的CSS改进网站设计的三个技巧</a></li>
  <li><a href="/html/css/2007/8/47191CCCF.html">CSS制作的标准的 非侵入的页签切换效果</a></li>
 </ul>
</div>

</div>
    	<div class="blank"><IMG height=1 src="/images/pix.gif"></DIV>
	<div id=ad_14 class="jzxue_zise">
	<script type="text/javascript"></script>
<script type="text/javascript"
  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
	</div>
	<div class="blank"><IMG height=1 src="/images/pix.gif"></DIV>
	<div class="jzxue_zise">
      <div class="jzxue_zise_t"><STRONG>热门排行</STRONG></div>

<table width="100%" border="0" cellpadding="0" cellspacing="2"><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/html/rumen/2007/3/Website18_55_45_2F7E6.html" target="_self">如何制作网页（网页制作实</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/html/rumen/2007/3/Website18_1_0_J1J7H.html" target="_self">如何选择网页制作工具</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/html/rumen/2007/3/Website18_6_6_21CA3.html" target="_self">下载安装Dreamweaver8</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/html/rumen/2007/3/Website18_59_29_1E1G0.html" target="_self">制作主页前的准备</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/Html/tuiguang/10040016061727.html" target="_self">垃圾站全教程--之一(新手上</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/html/rumen/082516485.html" target="_self">怎样个人网页制作,制作个人</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/html/rumen/2007/3/Website18_23_18_CDAC7.html" target="_self">制作模板</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/html/rumen/2007/3/Website18_13_34_BG7A7.html" target="_self">在Dreamweaver设置站点</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/html/rumen/2007/3/Website18_31_23_GB36J.html" target="_self">制作首页</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/html/rumen/2007/3/Website18_4_28_2C34D.html" target="_self">网站设计65条原则</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/html/rumen/2007/3/Website18_12_14_38ED6.html" target="_self">规划站点</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/Html/changshi/110916200070751.html" target="_self">中国所有银行的BIC code(即</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><td><img src="Http://www.jzxue.com/Files/arrow.gif" border="0"><a class="" href="http://www.jzxue.com/Html/changshi/121213222429728.html" target="_self">个人主页制作完全手册</a>  </td></tr><tr><td colspan="2" height="1" background=""></td></tr><tr><tr><td colspan="2" height=2></td></tr></table>
    
	</div>
  </div>
  <div class="clear"></div>
</div>
<div class="blank"><IMG height=1 src="/images/pix.gif"></div>
<HR width=760 SIZE=2>

<script language="javascript" src="/Ads/9.js"></script>
<script src="http://www230.clickeye.cn/common/clickeye.js"></script>

<TABLE cellSpacing=2 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD height=24>
<DIV align=center><A href="http://www.jzxue.com/html/About/">关于我们</A> | <A href="http://www.jzxue.com/mail/">联系我们</A> | <A href="http://www.jzxue.com/html/link/">友情链接</A> | <A href="http://www.jzxue.com/html/Map/">网站地图</A> </DIV></TD></TR></TBODY></TABLE>
<DIV align=center>Copyright © 2005 - 2006 <A href="http://www.jzxue.com/">建站学</A> All rights reserved.
<SCRIPT language=javascript src="http://js.users.51.la/532900.js" type=text/javascript></SCRIPT>
 <NOSCRIPT><a href="http://www.51.la/?532900" target="_blank"><img alt="我要啦免费统计" src="http://img.users.51.la/532900.asp" style="border:none" /></a></NOSCRIPT>
</DIV>

</BODY></HTML>