船长 发表于 2009-02-02 17:37 | 分类：javascript | 阅读数：579 次
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>城市联动菜单</title> <style type="text/css"> ul,li,dl,dd { padding:0; margin:0; list-style-type:none; } .menu1{ width:182px; border:1px solid #feb951; background:#fef4ea; padding-top:3px; font-size:12px; } .area li{ height:22px; line-height:22px; text-align:left; position:relative; } .area li a { display:block; padding-left:20px; } .area li dl { width:180px; overflow:hidden; display:none; position:absolute; top:-1px; right:-182px; z-index:35533; border:1px solid #feb951; background:#fef4ea; padding:5px 0; } .area li dl a:hover { border:1px solid #feb951; background:#fff; margin:0 5px; padding-left:14px; } .area li.lion { height:20px; line-height:20px; text-align:left; border-top:1px solid #ffb850; border-bottom:1px solid #ffb850; background:#ffe7cc; } .area li.lion dl {display:block;} </style> </head> <body> <div id="rtab2_box" class="menu1"> <ul id="area" class="area"> <li><a href="http://www.songlecn.com">安徽省</a> <dl> <dd><a href="http://www.songlecn.com">安庆市</a></dd> <dd><a href="http://www.songlecn.com">蚌埠市</a></dd> <dd><a href="http://www.songlecn.com">亳州市</a></dd> <dd><a href="http://www.songlecn.com">巢湖市</a></dd> <dd><a href="http://www.songlecn.com">滁州市</a></dd> <dd><a href="http://www.songlecn.com">阜阳市</a></dd> <dd><a href="http://www.songlecn.com">合肥市</a></dd> <dd><a href="http://www.songlecn.com">淮北市</a></dd> <dd><a href="http://www.songlecn.com">淮南市</a></dd> <dd><a href="http://www.songlecn.com">黄山市</a></dd> <dd><a href="http://www.songlecn.com">六安市</a></dd> <dd><a href="http://www.songlecn.com">马鞍山市</a></dd> <dd><a href="http://www.songlecn.com">宿州市</a></dd> <dd><a href="http://www.songlecn.com">太湖市</a></dd> <dd><a href="http://www.songlecn.com">芜湖市</a></dd> <dd><a href="http://www.songlecn.com">歙县</a></dd> <dd><a href="http://www.songlecn.com">宣城市</a></dd> <dd><a href="http://www.songlecn.com">池城市</a></dd> <dd><a href="http://www.songlecn.com">铜陵市</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">北京</a> <dl> <dd><a href="http://www.songlecn.com">昌平区</a></dd> <dd><a href="http://www.songlecn.com">朝阳区</a></dd> <dd><a href="http://www.songlecn.com">崇文区</a></dd> <dd><a href="http://www.songlecn.com">大兴区</a></dd> <dd><a href="http://www.songlecn.com">东城区</a></dd> <dd><a href="http://www.songlecn.com">房山区</a></dd> <dd><a href="http://www.songlecn.com">丰台区</a></dd> <dd><a href="http://www.songlecn.com">海淀区</a></dd> <dd><a href="http://www.songlecn.com">怀柔区</a></dd> <dd><a href="http://www.songlecn.com">门头沟区</a></dd> <dd><a href="http://www.songlecn.com">密云县</a></dd> <dd><a href="http://www.songlecn.com">平谷区</a></dd> <dd><a href="http://www.songlecn.com">石景山区</a></dd> <dd><a href="http://www.songlecn.com">顺义区</a></dd> <dd><a href="http://www.songlecn.com">通州区</a></dd> <dd><a href="http://www.songlecn.com">西城区</a></dd> <dd><a href="http://www.songlecn.com">宣武区</a></dd> <dd><a href="http://www.songlecn.com">延庆县</a></dd> <dd><a href="http://www.songlecn.com">燕山区</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">重庆</a> <dl> <dd><a href="http://www.songlecn.com">巴南区</a></dd> <dd><a href="http://www.songlecn.com">北碚区</a></dd> <dd><a href="http://www.songlecn.com">璧山县</a></dd> <dd><a href="http://www.songlecn.com">长寿区</a></dd> <dd><a href="http://www.songlecn.com">城口县</a></dd> <dd><a href="http://www.songlecn.com">大足县</a></dd> <dd><a href="http://www.songlecn.com">垫江县</a></dd> <dd><a href="http://www.songlecn.com">渡口区</a></dd> <dd><a href="http://www.songlecn.com">丰都县</a></dd> <dd><a href="http://www.songlecn.com">奉节县</a></dd> <dd><a href="http://www.songlecn.com">涪陵区</a></dd> <dd><a href="http://www.songlecn.com">涪陵市</a></dd> <dd><a href="http://www.songlecn.com">合川市</a></dd> <dd><a href="http://www.songlecn.com">江北区</a></dd> <dd><a href="http://www.songlecn.com">江津市</a></dd> <dd><a href="http://www.songlecn.com">九龙坡区</a></dd> <dd><a href="http://www.songlecn.com">开县</a></dd> <dd><a href="http://www.songlecn.com">梁平县</a></dd> <dd><a href="http://www.songlecn.com">南岸区</a></dd> <dd><a href="http://www.songlecn.com">南川市</a></dd> <dd><a href="http://www.songlecn.com">彭水</a></dd> <dd><a href="http://www.songlecn.com">綦江县</a></dd> <dd><a href="http://www.songlecn.com">黔江区</a></dd> <dd><a href="http://www.songlecn.com">荣昌县</a></dd> <dd><a href="http://www.songlecn.com">沙坪坝区</a></dd> <dd><a href="http://www.songlecn.com">石柱</a></dd> <dd><a href="http://www.songlecn.com">双桥区</a></dd> <dd><a href="http://www.songlecn.com">铜梁县</a></dd> <dd><a href="http://www.songlecn.com">潼南县</a></dd> <dd><a href="http://www.songlecn.com">万盛区</a></dd> <dd><a href="http://www.songlecn.com">万县市</a></dd> <dd><a href="http://www.songlecn.com">万州区</a></dd> <dd><a href="http://www.songlecn.com">巫山县</a></dd> <dd><a href="http://www.songlecn.com">巫溪县</a></dd> <dd><a href="http://www.songlecn.com">武隆县</a></dd> <dd><a href="http://www.songlecn.com">秀山</a></dd> <dd><a href="http://www.songlecn.com">永川市</a></dd> <dd><a href="http://www.songlecn.com">酉阳</a></dd> <dd><a href="http://www.songlecn.com">渝北区</a></dd> <dd><a href="http://www.songlecn.com">云阳县</a></dd> <dd><a href="http://www.songlecn.com">忠县</a></dd> <dd><a href="http://www.songlecn.com">渝中区</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">福建省</a> <dl> <dd><a href="http://www.songlecn.com">福州市</a></dd> <dd><a href="http://www.songlecn.com">龙岩市</a></dd> <dd><a href="http://www.songlecn.com">南平市</a></dd> <dd><a href="http://www.songlecn.com">宁德市</a></dd> <dd><a href="http://www.songlecn.com">莆田市</a></dd> <dd><a href="http://www.songlecn.com">泉州市</a></dd> <dd><a href="http://www.songlecn.com">三明市</a></dd> <dd><a href="http://www.songlecn.com">邵武市</a></dd> <dd><a href="http://www.songlecn.com">石狮市</a></dd> <dd><a href="http://www.songlecn.com">厦门市</a></dd> <dd><a href="http://www.songlecn.com">永安市</a></dd> <dd><a href="http://www.songlecn.com">漳州市</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">甘肃省</a> <dl> <dd><a href="http://www.songlecn.com">白银市</a></dd> <dd><a href="http://www.songlecn.com">定西市</a></dd> <dd><a href="http://www.songlecn.com">甘南</a></dd> <dd><a href="http://www.songlecn.com">嘉峪关市</a></dd> <dd><a href="http://www.songlecn.com">金昌市</a></dd> <dd><a href="http://www.songlecn.com">酒泉市</a></dd> <dd><a href="http://www.songlecn.com">兰州市</a></dd> <dd><a href="http://www.songlecn.com">临夏市</a></dd> <dd><a href="http://www.songlecn.com">陇南市</a></dd> <dd><a href="http://www.songlecn.com">平凉市</a></dd> <dd><a href="http://www.songlecn.com">庆阳市</a></dd> <dd><a href="http://www.songlecn.com">天水市</a></dd> <dd><a href="http://www.songlecn.com">武威市</a></dd> <dd><a href="http://www.songlecn.com">西峰市</a></dd> <dd><a href="http://www.songlecn.com">玉门市</a></dd> <dd><a href="http://www.songlecn.com">张掖市</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">广东省</a> <dl> <dd><a href="http://www.songlecn.com">潮州市</a></dd> <dd><a href="http://www.songlecn.com">潮阳市</a></dd> <dd><a href="http://www.songlecn.com">东莞市</a></dd> <dd><a href="http://www.songlecn.com">佛山市</a></dd> <dd><a href="http://www.songlecn.com">广州市</a></dd> <dd><a href="http://www.songlecn.com">河源市</a></dd> <dd><a href="http://www.songlecn.com">惠州市</a></dd> <dd><a href="http://www.songlecn.com">江门市</a></dd> <dd><a href="http://www.songlecn.com">揭阳</a></dd> <dd><a href="http://www.songlecn.com">茂名市</a></dd> <dd><a href="http://www.songlecn.com">梅州市</a></dd> <dd><a href="http://www.songlecn.com">清远市</a></dd> <dd><a href="http://www.songlecn.com">汕头市</a></dd> <dd><a href="http://www.songlecn.com">汕尾市</a></dd> <dd><a href="http://www.songlecn.com">韶关市</a></dd> <dd><a href="http://www.songlecn.com">深圳市</a></dd> <dd><a href="http://www.songlecn.com">顺德</a></dd> <dd><a href="http://www.songlecn.com">阳江市</a></dd> <dd><a href="http://www.songlecn.com">云浮</a></dd> <dd><a href="http://www.songlecn.com">湛江市</a></dd> <dd><a href="http://www.songlecn.com">肇庆市</a></dd> <dd><a href="http://www.songlecn.com">中山市</a></dd> <dd><a href="http://www.songlecn.com">珠海</a></dd> <dd><a href="http://www.songlecn.com">恩平市</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">广西省</a> <dl> <dd><a href="http://www.songlecn.com">百色市</a></dd> <dd><a href="http://www.songlecn.com">北海市</a></dd> <dd><a href="http://www.songlecn.com">崇左市</a></dd> <dd><a href="http://www.songlecn.com">防城港市</a></dd> <dd><a href="http://www.songlecn.com">贵港市</a></dd> <dd><a href="http://www.songlecn.com">桂林市</a></dd> <dd><a href="http://www.songlecn.com">合山市</a></dd> <dd><a href="http://www.songlecn.com">河池市</a></dd> <dd><a href="http://www.songlecn.com">贺州市</a></dd> <dd><a href="http://www.songlecn.com">来宾市</a></dd> <dd><a href="http://www.songlecn.com">柳州市</a></dd> <dd><a href="http://www.songlecn.com">南宁市</a></dd> <dd><a href="http://www.songlecn.com">凭祥市</a></dd> <dd><a href="http://www.songlecn.com">钦州市</a></dd> <dd><a href="http://www.songlecn.com">梧州市</a></dd> <dd><a href="http://www.songlecn.com">玉林市</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">贵州省</a> <dl> <dd><a href="http://www.songlecn.com">安顺市</a></dd> <dd><a href="http://www.songlecn.com">毕节市</a></dd> <dd><a href="http://www.songlecn.com">赤水市</a></dd> <dd><a href="http://www.songlecn.com">都匀市</a></dd> <dd><a href="http://www.songlecn.com">贵阳市</a></dd> <dd><a href="http://www.songlecn.com">凯里市</a></dd> <dd><a href="http://www.songlecn.com">六盘水市</a></dd> <dd><a href="http://www.songlecn.com">铜仁市</a></dd> <dd><a href="http://www.songlecn.com">兴义市</a></dd> <dd><a href="http://www.songlecn.com">遵义市</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">海南省</a> <dl> <dd><a href="http://www.songlecn.com">白沙</a></dd> <dd><a href="http://www.songlecn.com">保亭</a></dd> <dd><a href="http://www.songlecn.com">昌江</a></dd> <dd><a href="http://www.songlecn.com">澄迈县</a></dd> <dd><a href="http://www.songlecn.com">儋州市</a></dd> <dd><a href="http://www.songlecn.com">定安县</a></dd> <dd><a href="http://www.songlecn.com">东方</a></dd> <dd><a href="http://www.songlecn.com">海口市</a></dd> <dd><a href="http://www.songlecn.com">乐东</a></dd> <dd><a href="http://www.songlecn.com">临高县</a></dd> <dd><a href="http://www.songlecn.com">陵水</a></dd> <dd><a href="http://www.songlecn.com">琼海</a></dd> <dd><a href="http://www.songlecn.com">琼中</a></dd> <dd><a href="http://www.songlecn.com">三亚市</a></dd> <dd><a href="http://www.songlecn.com">通什市</a></dd> <dd><a href="http://www.songlecn.com">屯昌县</a></dd> <dd><a href="http://www.songlecn.com">万宁</a></dd> <dd><a href="http://www.songlecn.com">文昌</a></dd> <dd><a href="http://www.songlecn.com">五指山</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">河北省</a> <dl> <dd><a href="http://www.songlecn.com">保定市</a></dd> <dd><a href="http://www.songlecn.com">泊头市</a></dd> <dd><a href="http://www.songlecn.com">沧州市</a></dd> <dd><a href="http://www.songlecn.com">承德市</a></dd> <dd><a href="http://www.songlecn.com">定州市</a></dd> <dd><a href="http://www.songlecn.com">邯郸市</a></dd> <dd><a href="http://www.songlecn.com">衡水市</a></dd> <dd><a href="http://www.songlecn.com">廊坊市</a></dd> <dd><a href="http://www.songlecn.com">南宫市</a></dd> <dd><a href="http://www.songlecn.com">秦皇岛市</a></dd> <dd><a href="http://www.songlecn.com">任丘市</a></dd> <dd><a href="http://www.songlecn.com">沙河市</a></dd> <dd><a href="http://www.songlecn.com">石家庄市</a></dd> <dd><a href="http://www.songlecn.com">唐山市</a></dd> <dd><a href="http://www.songlecn.com">辛集市</a></dd> <dd><a href="http://www.songlecn.com">邢台市</a></dd> <dd><a href="http://www.songlecn.com">张家口市</a></dd> <dd><a href="http://www.songlecn.com">涿州市</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">河南省</a> <dl> <dd><a href="http://www.songlecn.com">安阳市</a></dd> <dd><a href="http://www.songlecn.com">鹤壁市</a></dd> <dd><a href="http://www.songlecn.com">济源</a></dd> <dd><a href="http://www.songlecn.com">焦作市</a></dd> <dd><a href="http://www.songlecn.com">开封市</a></dd> <dd><a href="http://www.songlecn.com">漯河市</a></dd> <dd><a href="http://www.songlecn.com">洛阳市</a></dd> <dd><a href="http://www.songlecn.com">南阳市</a></dd> <dd><a href="http://www.songlecn.com">平顶山市</a></dd> <dd><a href="http://www.songlecn.com">濮阳市</a></dd> <dd><a href="http://www.songlecn.com">三门峡市</a></dd> <dd><a href="http://www.songlecn.com">商丘市</a></dd> <dd><a href="http://www.songlecn.com">新乡市</a></dd> <dd><a href="http://www.songlecn.com">信阳市</a></dd> <dd><a href="http://www.songlecn.com">许昌市</a></dd> <dd><a href="http://www.songlecn.com">义马市</a></dd> <dd><a href="http://www.songlecn.com">郑州市</a></dd> <dd><a href="http://www.songlecn.com">周口市</a></dd> <dd><a href="http://www.songlecn.com">驻马店市</a></dd> </dl> </li> <li><a href="http://www.songlecn.com">黑龙江省</a> <dl> <dd><a href="http://www.songlecn.com">阿城市</a></dd> <dd><a href="http://www.songlecn.com">北安市</a></dd> <dd><a href="http://www.songlecn.com">大庆市</a></dd> <dd><a href="http://www.songlecn.com">大兴安岭</a></dd> <dd><a href="http://www.songlecn.com">哈尔滨市</a></dd> <dd><a href="http://www.songlecn.com">鹤岗市</a></dd> <dd><a href="http://www.songlecn.com">黑河市</a></dd> <dd><a href="http://www.songlecn.com">鸡西市</a></dd> <dd><a href="http://www.songlecn.com">佳木斯市</a></dd> <dd><a href="http://www.songlecn.com">牡丹江市</a></dd> <dd><a href="http://www.songlecn.com">七台河市</a></dd> <dd><a href="http://www.songlecn.com">齐齐哈尔市</a></dd> <dd><a href="http://www.songlecn.com">双鸭山市</a></dd> <dd><a href="http://www.songlecn.com">绥汾河市</a></dd> <dd><a href="http://www.songlecn.com">绥化市</a></dd> <dd><a href="http://www.songlecn.com">同江市</a></dd> <dd><a href="http://www.songlecn.com">五大连池市</a></dd> <dd><a href="http://www.songlecn.com">伊春市</a></dd> <dd><a href="http://www.songlecn.com">肇东市</a></dd> </dl> </li> </ul> </div> <script type=text/javascript> function onload() { try{ var lies = document.getElementById("area").getElementsByTagName("li"); for (var i=0; i< lies.length; i++) { lies[i].onmouseover= function() { this.className="lion"; } lies[i].onmouseout= function() { this.className=""; } } } catch(e){} } onload(); </script> </body> </html>
提示：你可以先修改部分代码再运行。
您的网名： * 必填
电子邮件： * 绝不会泄露
个人主页：
评论内容：
(Ctrl+Enter快捷回复)
web集结号致力于
