黄色一级片欧美-国产一级特黄毛片-www国产黄色-欧美日韩干-欧美成人免费一级人片100-国产综合在线观看-2019毛片-人妻无码一区二区三区免费-久久男女视频-少妇饥渴放荡91麻豆-亚洲男人av-日日射日日操-91在线不卡-成人毛片100部免费看-一级黄色免费看-在线不卡一区二区三区-国产精彩av

<ul id="isi4m"></ul>

設(shè)計(jì)之家 > 教程 > 網(wǎng)頁(yè)教程 > 網(wǎng)頁(yè)特效 > 導(dǎo)航菜單 >

CSS做的水平導(dǎo)航菜單效果

作者：佚名　來(lái)源：設(shè)計(jì)之家　時(shí)間：2007-10-15

<script>startList = function() {if (document.all&&document.getElementById) {navRoot = document.getElementById("nav");for (i=0; i<navRoot.childNodes.length; i++) {node = navRoot.childNodes[i];if (node.nodeName=="SPAN") {node.onmouseover=function() {this.className+=" over";}node.onmouseout=function() {this.className=this.className.replace(" over", "");}}}}}window.onload=startList;</script><style>body {font: normal 11px verdana;}div#nav{border-left: 1px solid #ccc;}span {margin: 0px;padding: 0px;list-style: none;width: 120px; /* Width of Menu Items */position: relative;border: 1px solid #ccc;border-left: 0px;}span div span {border: 1px solid #ccc;border-top: 0px;}span div {position: absolute;left: -1px;top: 24px; /* Set 1px less than menu width */display: none;}/* Styles for Menu Items */div span a {width: 100%;text-decoration: none;color: #777;background: #fff; /* IE6 Bug */padding: 5px;}div span a:hover { color: #E2144A; background: #f9f9f9; } /* Hover Styles */span div span a { padding: 2px 5px; } /* Sub Menu Styles */span:hover div, span.over div { display: inline; } /* The magic */</style><div id="nav"> <span><a href="#">Home</a><div></div></span> <span><a href="#">About</a><div><span><a href="#">History</a></span> <span><a href="#">Team</a></span> <span><a href="#">Offices</a></span></div> </span> <span><a href="#">Services</a><div> <span><a href="#">Web Design</a></span> <span><a href="#">Internet Marketing</a></span> <span><a href="#">Hosting</a></span> <span><a href="#">Domain Names</a></span> <span><a href="#">Broadband</a></span></div></span> <span><a href="#">Contact Us</a><div><span><a href="#">United Kingdom</a></span> <span><a href="#">France</a></span> <span><a href="#">USA</a></span> <span><a href="#">Austraspana</a></span></div></span></div>

[Ctrl+A 全部選擇提示：你可先修改部分代碼，再按運(yùn)行]

標(biāo)簽：導(dǎo)航菜單效果

上一篇

沒(méi)有了

下一篇

CSS做的垂直導(dǎo)航菜單效果

相關(guān)文章

CSS做的垂直導(dǎo)航菜單效果

隨機(jī)推薦

精選23種CSS導(dǎo)航條

精選23種CSS導(dǎo)航條

導(dǎo)航菜單 | 2007-10-15

網(wǎng)站導(dǎo)航文字左右切換的特效

網(wǎng)站導(dǎo)航文字左右切換的特效

導(dǎo)航菜單 | 2007-11-11

CSS豎向下拉菜單代碼

CSS豎向下拉菜單代碼

導(dǎo)航菜單 | 2007-10-15

CSS做的垂直導(dǎo)航菜單效果

CSS做的垂直導(dǎo)航菜單效果

導(dǎo)航菜單 | 2007-10-15

微軟風(fēng)格的CSS橫向菜單

微軟風(fēng)格的CSS橫向菜單

導(dǎo)航菜單 | 2007-10-15

CSS做的水平導(dǎo)航菜單效果

CSS做的水平導(dǎo)航菜單效果

導(dǎo)航菜單 | 2007-10-15

推薦文章

最新文章

熱門標(biāo)簽

博湖县| 新巴尔虎右旗| 探索| 民乐县| 五华县| 嘉禾县| 牡丹江市| 营山县| 山西省| 吉首市| 高要市| 余干县| 拜城县| 广安市| 松潘县| 工布江达县| 静乐县| 太仓市| 什邡市| 八宿县| 汝阳县| 额尔古纳市| 昂仁县| 河源市| 格尔木市| 南郑县| 隆化县| 卓尼县| 阿巴嘎旗| 昆明市| 台南县| 石柱| 若羌县| 涪陵区| 郧西县| 托克托县| 邵东县| 阜城县| 宁河县| 铅山县| 齐河县|