简单的javascript实现下拉联动效果
2011-09-29 14:03
901 查看
View Code
<div class="cont_left" onload="javascript:sethdHelper('productServer','PDSL',1,6)"> <ul class="menu"> <li class="level1" id="productServer_1"><a id="PDSL_1" href="javascript:sethdHelper('productServer','PDSL',1,6)"> 产品说明</a> <ul class="level2 tab" id="lists_productServer_1" style="display: none;"> <li><a href="HelpContent.aspx?lk=1&hId=119">产品特色</a></li> <li><a href="HelpContent.aspx?lk=1&hId=120">产品构成</a></li> <li><a href="HelpContent.aspx?lk=1&hId=121">服务模式</a></li> </ul> </li> <li class="level1" id="productServer_2"><a id="PDSL_2" href="javascript:sethdHelper('productServer','PDSL',2,6)"> 产品购买指南</a> <ul class="level2 tab" id="lists_productServer_2" style="display: none;"> <li><a href="HelpContent.aspx?lk=2&hId=122">如何购买</a></li> <li><a href="Pro_Order.aspx?id=115&lk=2">在线订购</a></li> <li><a href="Pro_Pay.aspx?id=115&lk=2">付款方式</a></li> <li><a href="HelpContent.aspx?lk=2&hId=123">产品列表</a></li> <li><a href="HelpContent.aspx?lk=2&hId=124">专业软件定制</a></li> </ul> </li> <li class="level1" id="productServer_3"><a id="PDSL_3" href="javascript:sethdHelper('productServer','PDSL',3,6)"> 我要试用</a> <ul class="level2 tab" id="lists_productServer_3" style="display: none;"> <li class="level1"><a href="Pro_Try.aspx?lk=3">我要试用</a> </li> </ul> </li> <li class="level1" id="productServer_4"><a id="PDSL_4" href="javascript:sethdHelper('productServer','PDSL',4,6)"> 代理专区</a> <ul class="level2 tab" id="lists_productServer_4" style="display: none;"> <li><a href="HelpContent.aspx?lk=4&hId=125">代理流程</a></li> </ul> </li> <li class="level1" id="productServer_5"><a id="PDSL_5" href="javascript:sethdHelper('productServer','PDSL',5,6)"> 客服中心</a> <ul class="level2 tab" id="lists_productServer_5" style="display: none;"> <li><a href="HelpContent.aspx?lk=5&hId=126">常见问题解答</a></li> </ul> </li> <li class="level1" id="productServer_6"><a id="PDSL_6" href="javascript:sethdHelper('productServer','PDSL',6,6)"> 联系我们</a> <ul class="level2 tab" id="lists_productServer_6" style="display: none;"> <li><a href="HelpContent.aspx?lk=6&hId=127">联系我们</a></li> </ul> </li> </ul> </div>
相关文章推荐
- Javascript实现下拉框多级联动效果
- javascript实现简单的省市区三级联动
- JavaScript实现二级、多级(N级)联动下拉列表框更新版,支持IE6,FireFox,函数和类两种调用方式,支持到N级,非常通用。
- JavaScript代码实现简单的轮播图效果
- JavaScript实际应用:简单二级联动菜单实现
- 使用javascript实现简单的选项卡切换效果
- javaScript实现定时显示隐藏、BOM对象方法介绍、表单简单校验、表格换色、DOM、二级联动
- javascript:Date篇之实现年、月、日下拉列表框的三级联动
- 省市联动效果的简单实现代码(推荐)
- javascript三级联动效果实现2
- 基于BootStrap multiselect.js实现的下拉框联动效果
- jQuery使用EasyUi实现三级联动下拉框效果
- 纯javascript实现简单下拉刷新功能
- 使用javascript实现简单的选项卡切换效果
- 简单说 JavaScript实现雪花飘落效果
- javaScript实现定时显示隐藏、BOM对象方法介绍、表单简单校验、表格换色、DOM、二级联动
- javascript实现简单日期下拉选择器
- 基于Javascript实现二级联动菜单效果
- javascript弹性运动效果简单实现方法