适用于商城JS实现的可折叠的商品分类导航
2011-06-13 11:58
337 查看
代码简介：适用于商城JS实现的可折叠的商品分类导航
代码内容：
代码来自：http://www.webdm.cn/webcode/8791bb39-4a6c-44e2-9a4a-5b9e99209bcd.html
代码内容：
<html>
<head>
<title>适用于商城JS实现的可折叠的商品分类导航_网页代码站(www.webdm.cn)</title>
<style type="text/css">
td {font-size: 12px;}
</style>
</head>
<body>
<table width="200" height="250" border="0" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td height="38"><img height="38" src="http://www.webdm.cn/images/20100914/leftlist_head.jpg"
width="200" /></td>
</tr>
<tr>
<td align="center" valign="top" background="http://www.webdm.cn/images/20100914/leftlist_bg.jpg"><script language=javascript id=clientEventHandlersJS>
<!--
var number=8;
function LMYC() {
var lbmc;
//var treePic;
for (i=1;i<=number;i++) {
lbmc = eval('LM' + i);
//treePic = eval('treePic'+i);
//treePic.src = 'http://www.webdm.cn/images/20100914/file.gif';
lbmc.style.display = 'none';
}
}
function ShowFLT(i) {
lbmc = eval('LM' + i);
//treePic = eval('treePic' + i)
if (lbmc.style.display == 'none') {
LMYC();
//treePic.src = 'http://www.webdm.cn/images/20100914/nofile.gif';
lbmc.style.display = '';
}
else {
//treePic.src = 'http://www.webdm.cn/images/20100914/file.gif';
lbmc.style.display = 'none';
}
}
//-->
</script>
<TABLE cellSpacing=0 cellPadding=0 width="88%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23><IMG
height=9 src="http://www.webdm.cn/images/20100914/bit05.gif" width=8
align=absMiddle> <A onclick=javascript:ShowFLT(1)
href="javascript:void(null)">文管产品</A> </TD>
</TR>
<TR id=LM1 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=文件夹
href="http://www.webdm.cn/"
target=_parent>文件夹</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=资料册
href="http://www.webdm.cn/"
target=_parent>资料册</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=档案盒
href="http://www.webdm.cn/"
target=_parent>档案盒</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=文件盒
href="http://www.webdm.cn/"
target=_parent>文件盒</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=文件柜
href="http://www.webdm.cn/"
target=_parent>文件柜</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=公文包
href="http://www.webdm.cn/"
target=_parent>公文包</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23><IMG
height=9 src="http://www.webdm.cn/images/20100914/bit05.gif" width=8
align=absMiddle> <A onclick=javascript:ShowFLT(2)
href="javascript:void(null)">桌面文具</A> </TD>
</TR>
<TR id=LM2 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=削笔机
href="http://www.webdm.cn/"
target=_parent>削笔机</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=订书机
href="http://www.webdm.cn/"
target=_parent>订书机</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23><IMG
height=9 src="http://www.webdm.cn/images/20100914/bit05.gif" width=8
align=absMiddle> <A onclick=javascript:ShowFLT(3)
href="javascript:void(null)">商用机器</A> </TD>
</TR>
<TR id=LM3 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=碎纸机
href="http://www.webdm.cn/"
target=_parent>碎纸机</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=切纸刀
href="http://www.webdm.cn/"
target=_parent>切纸刀</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23><IMG
height=9 src="http://www.webdm.cn/images/20100914/bit05.gif" width=8
align=absMiddle> <A onclick=javascript:ShowFLT(4)
href="javascript:void(null)">书写工具</A> </TD>
</TR>
<TR id=LM4>
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=中性笔
href="http://www.webdm.cn/"
target=_parent>中性笔</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=圆珠笔
href="http://www.webdm.cn/"
target=_parent>圆珠笔</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=记号笔
href="http://www.webdm.cn/"
target=_parent>记号笔</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=白板笔
href="http://www.webdm.cn/"
target=_parent>白板笔</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23><IMG
height=9 src="http://www.webdm.cn/images/20100914/bit05.gif" width=8
align=absMiddle> <A onclick=javascript:ShowFLT(5)
href="javascript:void(null)">纸制品</A> </TD>
</TR>
<TR id=LM5 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=传真纸
href="http://www.webdm.cn/"
target=_parent>传真纸</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=复印纸
href="http://www.webdm.cn/"
target=_parent>复印纸</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=复写纸
href="http://www.webdm.cn/"
target=_parent>复写纸</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=便条纸
href="http://www.webdm.cn/"
target=_parent>便条纸</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=百事贴
href="http://www.webdm.cn/"
target=_parent>百事贴</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=皮面笔记本
href="http://www.webdm.cn/"
target=_parent>皮面笔记本</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23><IMG
height=9 src="http://www.webdm.cn/images/20100914/bit05.gif" width=8
align=absMiddle> <A onclick=javascript:ShowFLT(6)
href="javascript:void(null)">办公电子</A> </TD>
</TR>
<TR id=LM6 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=计算器
href="http://www.webdm.cn/"
target=_parent>计算器</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23><IMG
height=9 src="http://www.webdm.cn/images/20100914/bit05.gif" width=8
align=absMiddle> <A onclick=javascript:ShowFLT(7)
href="javascript:void(null)">IT周边产品</A> </TD>
</TR>
<TR id=LM7 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=阅读架
href="http://www.webdm.cn/"
target=_parent>阅读架</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=CD保护
href="http://www.webdm.cn/"
target=_parent>CD保护</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=光盘盒
href="http://www.webdm.cn/"
target=_parent>光盘盒</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 20px" background="" height=23><IMG
height=9 src="http://www.webdm.cn/images/20100914/bit05.gif" width=8
align=absMiddle> <A onclick=javascript:ShowFLT(8)
href="javascript:void(null)">办公生活用品</A> </TD>
</TR>
<TR id=LM8 style="DISPLAY: none">
<TD><TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=清洁桶
href="http://www.webdm.cn/"
target=_parent>清洁桶</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=白板
href="http://www.webdm.cn/"
target=_parent>白板</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=网状文具
href="http://www.webdm.cn/"
target=_parent>网状文具</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=封箱器
href="http://www.webdm.cn/"
target=_parent>封箱器</A> </TD>
</TR>
<TR>
<TD background="" height=3></TD>
</TR>
<TR>
<TD style="PADDING-LEFT: 40px" height=23><IMG height=7
src="http://www.webdm.cn/images/20100914/bit06.gif" width=8 align=absMiddle> <A title=购物袋
href="http://www.webdm.cn/"
target=_parent>购物袋</A> </TD>
</TR>
<TR>
<TD background=""
height=3></TD>
</TR>
</TBODY>
</TABLE></TD>
</TR>
</TBODY>
</TABLE></td>
</tr>
<tr>
<td height="17"><img height="17" src="http://www.webdm.cn/images/20100914/leftlist_bottom.jpg"
width="200" /></td>
</tr>
</tbody>
</table>
<p align="center"></p>
<p align="center"></p>
<p align="center"></p>
<p align="center"> </p>
</body>
</html>
<br>
<p><a href="http://www.webdm.cn">网页代码站</a> - 最专业的代码下载网站 - 致力为中国站长提供有质量的代码！</p>代码来自：http://www.webdm.cn/webcode/8791bb39-4a6c-44e2-9a4a-5b9e99209bcd.html
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS+Table实现可折叠的商品分类导航
- js实现-商城分类导航效果
- jquery.mmenu.js实现侧边导航非常适用于手机版站-最简使用教程（一）
- css实现-商城分类导航效果
- 原生JS实现仿淘宝网左侧商品分类菜单效果代码
- 实现Ecshop左侧商品分类导航特效
- ViewPager+GridView实现商品分类.滑动点击效果(团购,商城都会用到)--binbinyang
- 推荐js实现商品分类到搜索栏友好提示（人机交互）第1/3页
- jquery+css实现商城分类导航菜单功能
- 推荐js实现商品分类到搜索栏友好提示（人机交互）第1/3页
- 商城项目实战 | 5.1 RecyclerView 和 CardView 更配 实现首页商品分类
- 【js基础】商城分类导航栏实现
- 关于商城网站商品sku选择的js简易实现
- 用js实现的比较经典实用的触发型导航菜单
- js 仿商城分类目录
- 原生js实现商品筛选
- js实现的常用的左侧导航效果
- JS+CSS实现Dock menu(MacOS菜单导航效果)
- js实现无限级树形导航列表
- JS实现带导航城市列表以及输入搜索功能