个人觉得比较经典的菜单(来源:kijiji.cn)

<!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title> New Document </title>

<style>

*{ font-size:12px;}

a.ai:link,a.ai:visited{ text-decoration:none;color:#999; line-height:2;}

a.ai:hover,a.ai:active{text-decoration:none; color:#999;}

#h_qiehuan li #qiehuanbox {left: -2999px; height:140px; position: absolute; border:1px solid #FFA800; background:#FFF; padding:10px; width:330px; z-index:100;}

#h_qiehuan li.cityhover #qiehuanbox{ left:10px; top:8px;}

#h_qiehuan a{text-decoration:none; display:list-item; list-style:none;}

#qiehuanbox a{ float:left; width:55px;}

#h_qiehuan { margin-top:0px;}

</style>

</head>

<body>

<ul id="h_qiehuan"><li><a href="" class="ai">[ 切换城市 ]</a><div id="qiehuanbox"><iframe style="position:absolute; visibility:inherit; top:8px; left:0; width:350px;z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)'; " FRAMEBORDER=0></iframe><div style="margin:-25px 0 0 -15px; height:15px;display:block; width:100px; overflow:hidden; position:absolute"> </div>请您在下面选择您所在的城市(按照拼音排序):<ul><a>北京</a> <a>长春</a><a>长沙</a><a>成都</a><a>重庆</a><a>大连</a><a>广州</a><a>贵阳</a><a>哈尔滨</a><a>杭州</a> <a>合肥</a><a>济南</a><a>昆明</a><a>兰州</a><a>洛阳</a><a>南昌</a><a>南京</a><a>青岛</a><a>汕头</a> <a>上海</a><a>深圳</a><a>沈阳</a><a>石家庄</a><a>苏州</a><a>太原</a><a>天津</a><a>乌鲁木齐</a> <a>武汉</a><a>西安</a><a>厦门</a><a>烟台</a><a>郑州</a></ul></div></li></ul>

<!--

function chcity(ev)

{

var ev=ev||window.event.srcElement;

var city=shqlsl.$("city");

for(var i=0;i<city.options.length;i++)

if(city.options[i].text==ev.innerHTML)

city.options[i].selected="true";

}

function menuFix() {

var cityEls = document.getElementById("h_qiehuan").getElementsByTagName("li");

for (var i=0; i<cityEls.length;i++ ) {

cityEls[i].onmouseover=function() {

this.className+=(this.className.length>0? " ": "") + "cityhover";

}

cityEls[i].onmouseout=function() {

this.className=this.className.replace(new RegExp("( ?|^)cityhover\\b"),"");

}

window.attachEvent("onload",menuFix)

//-->

</script>

</select> <select>

</select> <select>

</select> <select>

</select> <select>

</select> <select>

</select> <select>

</select> <select>

</select> <select>

</body>

</html>

posted on 2006-09-19 10:31 清雨轩阅读(305) 评论(0) 收藏举报

刷新页面返回顶部

飞鱼茶馆

个人觉得比较经典的菜单(来源:kijiji.cn)

导航

公告