垂直滑动菜单

最新推荐文章于 2016-10-07 13:01:13 发布
最新推荐文章于 2016-10-07 13:01:13 发布
阅读量790 收藏
点赞数
分类专栏： javascript 文章标签： javascript border null function 产品 table

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<meta name="Copyright" content="懒人图库 http://www.lanrentuku.com/" />
<meta name="description" content="学会偷懒，并懒出境界是提高工作效率最有效的方法！" />
<meta content="懒人图库" name="keywords" />
<title>www.lanrentuku.com</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="images/leftlist_head.jpg"
            width="200" /></td>
    </tr>
    <tr>
      <td align="center" valign="top" background="images/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 = 'images/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 = 'images/nofile.gif';
        lbmc.style.display = '';
    }
    else {
        //treePic.src = 'images/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="images/bit05.gif" width=8
                  align=absMiddle> <A οnclick=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="images/bit06.gif" width=8 align=absMiddle> <A title=文件夹
                        href="http://www.lanrentuku.com/"
                        target=_parent>文件夹</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=资料册
                        href="http://www.lanrentuku.com/"
                        target=_parent>资料册</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=档案盒
                        href="http://www.lanrentuku.com/"
                        target=_parent>档案盒</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=文件盒
                        href="http://www.lanrentuku.com/"
                        target=_parent>文件盒</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=文件柜
                        href="http://www.lanrentuku.com/"
                        target=_parent>文件柜</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=公文包
                        href="http://www.lanrentuku.com/"
                        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="images/bit05.gif" width=8
                  align=absMiddle> <A οnclick=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="images/bit06.gif" width=8 align=absMiddle> <A title=削笔机
                        href="http://www.lanrentuku.com/"
                        target=_parent>削笔机</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=订书机
                        href="http://www.lanrentuku.com/"
                        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="images/bit05.gif" width=8
                  align=absMiddle> <A οnclick=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="images/bit06.gif" width=8 align=absMiddle> <A title=碎纸机
                        href="http://www.lanrentuku.com/"
                        target=_parent>碎纸机</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=切纸刀
                        href="http://www.lanrentuku.com/"
                        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="images/bit05.gif" width=8
                  align=absMiddle> <A οnclick=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="images/bit06.gif" width=8 align=absMiddle> <A title=中性笔
                        href="http://www.lanrentuku.com/"
                        target=_parent>中性笔</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=圆珠笔
                        href="http://www.lanrentuku.com/"
                        target=_parent>圆珠笔</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=记号笔
                        href="http://www.lanrentuku.com/"
                        target=_parent>记号笔</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=白板笔
                        href="http://www.lanrentuku.com/"
                        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="images/bit05.gif" width=8
                  align=absMiddle> <A οnclick=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="images/bit06.gif" width=8 align=absMiddle> <A title=传真纸
                        href="http://www.lanrentuku.com/"
                        target=_parent>传真纸</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=复印纸
                        href="http://www.lanrentuku.com/"
                        target=_parent>复印纸</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=复写纸
                        href="http://www.lanrentuku.com/"
                        target=_parent>复写纸</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=便条纸
                        href="http://www.lanrentuku.com/"
                        target=_parent>便条纸</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=百事贴
                        href="http://www.lanrentuku.com/"
                        target=_parent>百事贴</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=皮面笔记本
                        href="http://www.lanrentuku.com/"
                        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="images/bit05.gif" width=8
                  align=absMiddle> <A οnclick=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="images/bit06.gif" width=8 align=absMiddle> <A title=计算器
                        href="http://www.lanrentuku.com/"
                        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="images/bit05.gif" width=8
                  align=absMiddle> <A οnclick=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="images/bit06.gif" width=8 align=absMiddle> <A title=阅读架
                        href="http://www.lanrentuku.com/"
                        target=_parent>阅读架</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=CD保护
                        href="http://www.lanrentuku.com/"
                        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="images/bit06.gif" width=8 align=absMiddle> <A title=光盘盒
                        href="http://www.lanrentuku.com/"
                        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="images/bit05.gif" width=8
                  align=absMiddle> <A οnclick=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="images/bit06.gif" width=8 align=absMiddle> <A title=清洁桶
                        href="http://www.lanrentuku.com/"
                        target=_parent>清洁桶</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=白板
                        href="http://www.lanrentuku.com/"
                        target=_parent>白板</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=网状文具
                        href="http://www.lanrentuku.com/"
                        target=_parent>网状文具</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=封箱器
                        href="http://www.lanrentuku.com/"
                        target=_parent>封箱器</A> </TD>
                  </TR>
                  <TR>
                    <TD background="" height=3></TD>
                  </TR>
                  <TR>
                    <TD style="PADDING-LEFT: 40px" height=23><IMG height=7
                        src="images/bit06.gif" width=8 align=absMiddle> <A title=购物袋
                        href="http://www.lanrentuku.com/"
                        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="images/leftlist_bottom.jpg"
            width="200" /></td>
    </tr>
  </tbody>
</table>
<p align="center">代码整理：<a href="http://www.lanrentuku.com/" target="_blank">懒人图库</a>　</p>
<p align="center">＊尊重他人劳动成果，转载请自觉注明出处！</p>
</body>
</html>

woaitiyu
关注
专栏目录
js树形菜单(类似windows资源管理器树形菜单)
11-27
常用的js竖形菜单，非常实用。(类似windows资源管理器树形菜单)
Bootstrap的垂直滑动手风琴菜单切换代码.zip
07-11
在“Bootstrap的垂直滑动手风琴菜单切换代码”中，我们主要会涉及到以下几个关键知识点： 1. **Bootstrap框架**：Bootstrap由Twitter开发并维护，包含了一系列预定义的CSS样式、JavaScript插件和HTML结构，可以快速...
Javascript 垂直滑动伸缩菜单
姜森的Blog
09-26 741
Javascript 垂直滑动伸缩菜单
Js 实现目录收缩效果
chaodaianga的专栏
07-08 627
今天研究了一个小功能 小菜鸟 来分享给大家      一起学习进步         var number = 5;         function LMYC() {           var lbmc;           for (i = 1; i             lbmc = eval('LM' + i);             lbmc.style.
扩展收缩树形目录
weixin_38169786的博客
08-01 119
<STYLE>#LC { font-size:12px }</STYLE><script><!--var number=3; //根目录个数 function LMYC() {var lbmc;//var treePic;for (i=1;i<=number;i++) {lbmc = eval('LM' + i);treePic = ev...
JS+CSS打造仿QQ面板的三级折叠下拉菜单
weixin_30848775的博客
10-14 88
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>JS+CSS打造仿QQ面板的三级折叠下拉菜单-石家庄地毯</title> <style type="text/css"> *{ ma...
Bootstrap垂直滑动手风琴菜单切换代码
06-05
在这个特定的案例中，"Bootstrap垂直滑动手风琴菜单切换代码" 是一个利用Bootstrap框架创建的交互式菜单效果。手风琴菜单通常用于有限的空间，如导航栏或者侧边栏，它允许用户逐个展开或关闭子菜单项，以节省屏幕...
简单实用的垂直手风琴滑动菜单列表特效
12-12
今天我们将探讨一个具体的UI组件——垂直手风琴滑动菜单列表特效，它结合了jQuery库和CSS3技术，为用户提供了一种既美观又实用的导航体验。 首先，我们来看“垂直手风琴滑动菜单列表特效”。手风琴菜单是一种常见的...
Bootstrap垂直滑动手风琴菜单切换代码.zip
最新发布
09-23
Bootstrap垂直滑动手风琴菜单是一种常见的网页交互设计，它结合了Bootstrap框架的优雅与jQuery的动态效果，使得网站导航更加直观且用户友好。这个压缩包包含了一套完整的实现这一功能的代码，对于需要构建响应式网页...
垂直手风琴滑动菜单列表特效.zip
03-20
"垂直手风琴滑动菜单列表特效"是一种常见的网页导航设计，它能有效地节省空间并提供良好的导航体验。这种效果通常是通过结合HTML5、CSS3和JQuery来实现的，使得用户可以点击一个菜单项，其子菜单则以动画形式展开或...
html+javascript=目录树
weixin_34019929的博客
11-17 138
<!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&...
商品类别导航（类别在后台可以添加）
nycqwert的专栏
08-14 1129
js部分  //这里的category_cid=0是一级目录 $sql2="select category_id,category_name from category  where category_cid='0'  order by category_rank"; $result2=@mysql_query($sql2); $iii=0;     while(($row2 =
折叠展开收缩效果的栏目分类导航
管子（zero）的杂乱空间
11-22 1375
<!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--><script type="text/javascript"src="
适用于商城JS实现的可折叠的商品分类导航
weixin_34283445的博客
06-13 139
代码简介：适用于商城JS实现的可折叠的商品分类导航 代码内容： <html> <head> <title>适用于商城JS实现的可折叠的商品分类导航_网页代码站(www.webdm.cn)</title> <style type="text/css"> td {font-size: 12px;} </style&gt...
JS+Table实现可折叠的商品分类导航
weixin_33872566的博客
05-10 175
代码简介： JS+Table实现可折叠的商品分类导航，很实用的代码，尤其用在电子商务站。 代码内容： <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>JS+Table实现可折叠的商品分类导航_网页代码...
上下滚动的菜单栏
lin49940的专栏
10-07 842
参照文章 原生js动画效果（源码解析） 上下滚动菜单栏bylin49940 lin1 lin2 <a href="#" onmouseover="startDown(this,0);" onmouseout="startUp(this,-60);" style="width: 107px; height: 60px;float:l
Android自定义横向滑动菜单实现教程
在Android应用开发中，自定义横向滑动菜单是一种常见的UI设计需求，尤其在需要展示多项目或者信息列表时，它提供了便捷的导航和浏览体验。本文将详细介绍如何在Android中实现一个自定义的横向滑动菜单，主要通过创建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值