Js中实现目录的子目录方式

标签: js ul li
4人阅读 评论(0) 收藏 举报
分类:
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <script type="text/javascript">
window.onload=function()
{
var ul=document.getElementsByTagName("ul")[0];
//var lis=ul.getElementsByTagName("li");
var lis=ul.children;//所有的li
lis[0].onmouseover=function()
{
  var cul=this.getElementsByTagName("ul")[0];
  cul.style.display="block";
}
lis[0].onmouseleave=function()
{
  var cul=this.getElementsByTagName("ul")[0];
  cul.style.display="none";
}
lis[1].onmouseover=function()
{
  var cul=this.getElementsByTagName("ul")[0];
  cul.style.display="block";
}
lis[1].onmouseleave=function()
{
  var cul=this.getElementsByTagName("ul")[0];
  cul.style.display="none";
}
lis[2].onmouseover=function()
{
  var cul=this.getElementsByTagName("ul")[0];
  cul.style.display="block";
}
lis[2].onmouseleave=function()
{
  var cul=this.getElementsByTagName("ul")[0];
  cul.style.display="none";
}
}
  </script>
  <style type="text/css">
#menu li{
 /* float:left; */
background:blue;border-right:solid white 1px
}
  </style>
</head>
<body>
  <ul id="menu" style="list-style:none;width:500px" type="circle">
<li>第一章
<ul style="width:100px;float:none;display:none" type="circle">
<li>html基础</li>
<li>java基础</li>
</ul>
</li>
<li>第二章
<ul style="list-style:none;width:100px;float:none;display:none">
<li>html基础1</li>
<li>java基础1</li>
</ul>
</li>
<li>第三章<ul style="list-style:none;width:100px;float:none;display:none">
<li>html基础2</li>
<li>java基础2</li>
</ul>
</li>
  </ul>
<br/>
</body>
</html>
查看评论

原生JS实现的二级目录(DOM)

HTML代码: div class="DropDownLeft"> div id ="container" >请选择div> div id ="content"> ul...
  • Say_wind
  • Say_wind
  • 2018-01-11 15:01:38
  • 92

通过伪静态规则实现子目录绑定

通过伪静态规则实现子目录绑定:apache+.htaccess或IIS+ISAPI_REWRITE+httpd.ini Apache HTTP Server一般安装在类Linux...
  • fgdfgasd
  • fgdfgasd
  • 2014-11-19 17:13:54
  • 959

JAVA文件子目录查询

  • 2010年06月15日 14:52
  • 2KB
  • 下载

php获取目录以及子目录

opendir()、readdir()、closedir()、rewinddir()总结 在进行PHP编程时,需要对服务器某个目录下面的文件进行浏览,通常成为遍历目录。取得一个目录下的文...
  • single_wolf_wolf
  • single_wolf_wolf
  • 2016-11-07 17:09:16
  • 668

给定一个目录,递归的列出下面所有的子目录和文件

import java.io.File;/** * 给定一个目录,递归的列出下面所有的子目录和文件 * * @author xyy * @create 2017-05-09 19:21 **...
  • qq_25385555
  • qq_25385555
  • 2017-05-09 19:37:04
  • 251

[java]递归读取目录及其子目录文件

总是看着别人的代码敲,最近开始自己去写,虽然慢一些,但是思考的和调式的过程可以学到很多的东西。 要从简单功能慢慢扩展到自己想要达到的效果,这是个很好的习惯。。。慢慢积累吧。 package com...
  • lzz957748332
  • lzz957748332
  • 2014-07-31 00:28:48
  • 2407

汇编语言程序入门实验二:在dos下建立子目录操作

汇编语言程序入门实验二:在dos下建立子目录操作 1,背景       在读此文,并读懂前,建议读者先阅读这两篇博客 1,在dos环境下汇编语言程序设计入门(输出hello world)和masm32...
  • u010043538
  • u010043538
  • 2013-10-15 18:10:51
  • 2067

用.htaccess伪静态将域名绑定子目录

首先把域名做好解析,比如把www.aoyou0898.com和demo.aoyou0898.com解析到1.1.1.1这个IP,然后是在网站管理面板里,为网站绑定www.aoyou0898.com和d...
  • chinmo
  • chinmo
  • 2014-10-27 17:12:53
  • 3791

HTML中目录的调用

HTML相对路径和绝对路径的调用问题。
  • weixin_31448171
  • weixin_31448171
  • 2017-05-09 20:48:24
  • 303

利用.htaccess绑定子域名到子目录

利用.htaccess绑定域名到子目录,前提你的空间服务器必须支持apache的rewrite功能,只有这样才能使用.htaccess。如果你的空间是Linux服务器 一般默认都开启了的。 首...
  • tianlebest
  • tianlebest
  • 2016-03-02 15:35:01
  • 4070
    个人资料
    持之以恒
    等级:
    访问量: 1409
    积分: 476
    排名: 10万+
    文章存档