教程集 > 脚本编程 > javascript > 正文 js二级联动菜单

js二级联动菜单

发布时间：2016-11-05 编辑：jiaochengji.com

教程集为您提供js二级联动菜单等资源，欢迎您收藏本站，我们将为您提供最新的js二级联动菜单资源

js二级联动菜单

提示：您可以先修改部分代码再运行

<textarea name="runcool" rows="28" cols="75" > <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; } .lbox_bot { height:4px; overflow:hidden; background:url(../images/lbox_bot.gif) 0 0 no-repeat; } .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>

<ul id="area" class="area"> <li>安徽省

安庆市

蚌埠市

亳州市

巢湖市

滁州市

阜阳市

合肥市

淮北市

淮南市

黄山市

六安市

马鞍山市

宿州市

太湖市

芜湖市

歙县

宣城市

池城市

铜陵市

</li> <li>北京

昌平区

朝阳区

崇文区

大兴区

东城区

房山区

丰台区

海淀区

怀柔区

门头沟区

密云县

平谷区

石景山区

顺义区

通州区

西城区

宣武区

延庆县

燕山区

</li> <li>重庆

巴南区

北碚区

璧山县

长寿区

城口县

大足县

垫江县

渡口区

丰都县

奉节县

涪陵区

涪陵市

合川市

江北区

江津市

九龙坡区

开县

梁平县

南岸区

南川市

彭水

綦江县

黔江区

荣昌县

沙坪坝区

石柱

双桥区

铜梁县

潼南县

万盛区

万县市

万州区

巫山县

巫溪县

武隆县

秀山

永川市

酉阳

渝北区

云阳县

忠县

渝中区

</li> <li>福建省

福州市

龙岩市

南平市

宁德市

莆田市

泉州市

三明市

邵武市

石狮市

厦门市

永安市

漳州市

</li> <li>甘肃省

白银市

定西市

甘南

嘉峪关市

金昌市

酒泉市

兰州市

临夏市

陇南市

平凉市

庆阳市

天水市

武威市

西峰市

玉门市

张掖市

</li> <li>广东省

潮州市

潮阳市

东莞市

佛山市

广州市

河源市

惠州市

江门市

揭阳

茂名市

梅州市

清远市

汕头市

汕尾市

韶关市

深圳市

顺德

阳江市

云浮

湛江市

肇庆市

中山市

珠海

恩平市

</li> <li>广西省

百色市

北海市

崇左市

防城港市

贵港市

桂林市

合山市

河池市

贺州市

来宾市

柳州市

南宁市

凭祥市

钦州市

梧州市

玉林市

</li> <li>贵州省

安顺市

毕节市

赤水市

都匀市

贵阳市

凯里市

六盘水市

铜仁市

兴义市

遵义市

</li> <li>海南省

白沙

保亭

昌江

澄迈县

儋州市

定安县

东方

海口市

乐东

临高县

陵水

琼海

琼中

三亚市

通什市

屯昌县

万宁

文昌

五指山

</li> <li>河北省

保定市

泊头市

沧州市

承德市

定州市

邯郸市

衡水市

廊坊市

南宫市

秦皇岛市

任丘市

沙河市

石家庄市

唐山市

辛集市

邢台市

张家口市

涿州市

</li> <li>河南省

安阳市

鹤壁市

济源

焦作市

开封市

漯河市

洛阳市

南阳市

平顶山市

濮阳市

三门峡市

商丘市

新乡市

信阳市

许昌市

义马市

郑州市

周口市

驻马店市

</li> <li>黑龙江省

阿城市

北安市

大庆市

大兴安岭

哈尔滨市

鹤岗市

黑河市

鸡西市

佳木斯市

牡丹江市

七台河市

齐齐哈尔市

双鸭山市

绥汾河市

绥化市

同江市

五大连池市

伊春市

肇东市

</li> </ul>

提示：您可以先修改部分代码再运行

您可能感兴趣的文章：
二级联动菜单
 jquery 利用show和hidden实现级联菜单示例代码
 js 三级折叠菜单代码效果
 jquery 无限级联菜单案例分享
 学习从实践开始之jQuery插件开发菜单插件开发
 javascript 无限级横向下拉导航菜单效果
 select二级联动的js实现代码
 两个二级联动菜单的js代码
 Jquery下拉菜单(jquery 下拉菜单插件Sexy Drop Down Menu)
ajax级联菜单小例子

上一篇：js自适应滑动门代码下一篇：js tab 切换选项卡

[关闭]

js二级联动菜单

最近更新

浏览排行