此页面上的内容需要较新版本的 Adobe Flash Player。

获取 Adobe Flash Player

魔快网络 - 建高品质的网站!
电话:(0)15011022561 苏玮
QQ:476289485
MSN:[email protected]
魔快网络:建最优品质的网站 公司建网站,公司做网站,公司网站建设,网页设计、制作。技术支持电话:15011022561

首页->三级以上菜单

三级以上菜单

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<style type="text/css">
/* common styling */
.menu { width:1000px; position:relative; margin:0; font-size:12px; margin:0px 0;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000;width:110px; height:33px; text-align:center; color:#fff; line-height:33px; font-size:12px; 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:33px; left:0; width:105px;}
.menu ul li:hover ul li a.hide { color:#fff;}
.menu ul li:hover ul li:hover a.hide { color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#204C93; color:#000;}
.menu ul li:hover ul li a:hover {background:#c7c7c7; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0px;}
.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]-->

<center>
<div class="menu">
<ul>
<li><a href="#"><img src="images/index_09.jpg" width="109" height="33" border="0"></a>
</li>
<li><a class="hide" href="index.html"><img src="images/index_10.jpg" width="110" height="33" border="0"></a>
<!--[if lte IE 6]>
<a href="index.html"><img src="images/index_10.jpg" width="110" height="33" border="0">
<table><tr><td>
<![endif]-->
<ul>
<li><a class="hide" href="#" >董事长致词</a></li>
<li><a class="hide" href="#menu/hover_click.html" title="Hover/click with no active/focus borders">公司介绍 ></a>
<!--[if lte IE 6]>
<a class="sub" href="#menu/hover_click.html" title="Hover/click with no active/focus borders">公司介绍 &gt;
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#" >公司简介</a></li>
<li><a href="#" >组织机构</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>

<li><a class="hide" href="2.html" >企业文化 ></a>
<!--[if lte IE 6]>
<a class="sub" href="#menu/hover_click.html" title="Hover/click with no active/focus borders">公司介绍 &gt;
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#">企业愿景</a></li>
<li><a href="#">企业宗旨</a></li>
<li><a href="#">企业哲学</a></li>
<li><a href="#">企业价值观</a></li>
<li><a href="#">企业精神</a></li>
<li><a href="#">企业风气</a></li>
<li><a href="#">企业道德</a></li>
<li><a href="#">企业风行</a></li>
<li><a href="#">行业准则</a></li>
<li><a href="#">企业名称释义</a></li>
<li><a href="#">VI释义</a></li>
<li><a href="#">注册商标</a></li>
<li><a href="#">获得奖项</a></li>
<li><a href="#">相关资质</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#layouts/index.html"><img src="images/index_11.jpg" width="110" height="33" border="0"></a>
<!--[if lte IE 6]>
<a href="#layouts/index.html"><img src="images/index_11.jpg" width="110" height="33" border="0">
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#layouts/bodyfix.html" title="Cross browser fixed layout">北京地区</a></li>
<li><a href="#layouts/body2.html" title="Cross browser fixed layout">天津地区</a></li>
<li><a href="#layouts/body4.html" title="Cross browser fixed layout">河北地区</a></li>
<li><a href="#layouts/body5.html" title="Cross browser fixed layout">东北地区</a></li>
<li><a href="#layouts/minimum.html" title="A simple minimum width layout">其他省市</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#boxes/index.html"><img src="images/index_12.jpg" alt="" width="110" height="33" border="0" /></a>
<!--[if lte IE 6]>
<a href="#boxes/index.html"><img src="images/index_12.jpg" alt="" width="110" height="33" border="0" />
<table><tr><td>
<![endif]-->
<ul>
<li><a href="spies.html" title="文化石">文化石系列</a><!--[if lte IE 6]>
<a href="#layouts/index.html"><img src="images/index_11.jpg" width="110" height="33" border="0">
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#layouts/bodyfix.html" title="Cross browser fixed layout">成型石</a></li>
<li><a href="#layouts/minimum.html" title="A simple minimum width layout">……</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]--></li>
<li><a href="#" >文化砖系列</a>
<!--[if lte IE 6]>
<a href="#layouts/index.html"><img src="images/index_11.jpg" width="110" height="33" border="0">
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#layouts/bodyfix.html" title="Cross browser fixed layout">仿古砖</a></li>
<li><a href="#layouts/minimum.html" title="A simple minimum width layout">……</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#mozilla/index.html"><img src="images/index_13.jpg" width="111" height="33" border="0"></a>
<!--[if lte IE 6]>
<a href="#mozilla/index.html">MOZILLA
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#mozilla/dropdown.html" title="A drop down menu">营销中心</a></li>
<li><a href="#mozilla/cascade.html" title="A cascading menu">区域分布</a></li>
<li><a href="#mozilla/content.html" title="Using content:">网上直销</a></li>
<li><a href="#mozilla/moxbox.html" title=":hover applied to a div">售后服务</a></li>
<li><a href="#mozilla/rainbow.html" title="I can build a rainbow">战略联盟</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#ie/index.html"><img src="images/index_14.jpg" width="110" height="33" border="0"></a>
<!--[if lte IE 6]>
<a href="#ie/index.html">EXPLORER
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#ie/exampleone.html" title="Example one">行业动态</a></li>
<li><a href="#ie/weft.html" title="Weft fonts">企业新闻</a></li>
<li><a href="#ie/exampletwo.html" title="Vertical align">实事快讯</a></li>
<li><a href="#ie/exampletwo.html" title="Vertical align">雅斯商报</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#opacity/index.html"><img src="images/index_15.jpg" width="110" height="33" border="0"></a>
<!--[if lte IE 6]>
<a href="#opacity/index.html">OPACITY
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#opacity/colours.html" title="colour wheel">点将台</a></li>
<li><a href="#opacity/picturemenu.html" title="a menu using opacity">网上应聘</a></li>
<li><a href="#opacity/png.html" title="partial opacity">面试通知</a></li>

</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#ie/index.html"><img src="images/index_16.jpg" width="110" height="33" border="0"></a>
<!--[if lte IE 6]>
<a href="#ie/index.html">EXPLORER
<table><tr><td>
<![endif]-->
<ul>
<li><a href="#ie/exampleone.html" title="Example one">商务论坛</a></li>
<li><a href="#ie/weft.html" title="Weft fonts">技术论坛</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
<li><a class="hide" href="#ie/index.html"><img src="images/index_17.jpg" width="120" height="33" border="0"></a>
<!--[if lte IE 6]>
<a href="#ie/index.html">EXPLORER
<table><tr><td>
<![endif]-->
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>


</ul>
</div></center>

关闭窗口   

·[远程桌面控制]错误: 拒绝访问
·[菜单制作]css+js下拉菜单
·[定时关机命令]定时关机命令
·[远程桌面控制]远程桌面控制与IIS设置
·[导航菜单]横向导航菜单 2009-1-25
·[搜索引擎优化] 网站优化-url优化
·[网络营销方法] SEO讲座:关键词布局技巧
成品[朝阳区]
信诚威|白洋淀旅游|泛亚西亚|北京隆腾展具制作|祥威胜|优仕配音|诚灵纺织|国顺广告材料|魅力星光文化|北京朝阳做网站|rpglobalservices|北京建网站|vaiprachina|新彩福明广告
北京魔快网络公司 建高品质的网站! 顺义做网站分部
©2002- 电话:010-69440493 15011022561(苏先生) QQ:476289485 Email:[email protected]
地址:北京东城区工体北路新中西里17号楼北边平房(保利剧院东100米路北) 北京做网站找魔快,建站快、优化好!MoKuai.Net 京ICP备05048557号