情况是这样的,
就像windows 里的我的电脑一样,当用资源管理器点击一个文件夹时,它下面的子文件夹显示出来,再点就缩回
但是我这里实现的
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/menu.js"></script> <link rel="stylesheet" type="text/css" href="css/css.css"> </head> <body> <div id="menus">
<div class="menu">
<span class="main"><a href="">主菜单项 1</a> </span>
<div class="subs">
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
</div>
</div>
<div class="menu">
<span class="main"><a href="">主菜单项 1</a> </span>
<div class="subs">
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
</div>
</div>
<div class="menu">
<span class="main"><a href="">主菜单项 1</a> </span>
<div class="subs">
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
</div>
</div>
</div> </body>
</html>
[code=CSS].main {
font: normal medium;
background: blue;
background-repeat: inherit;
font:
}.sub {
font: normal small;
background: gray;
width: 88px;
}.subs{
display:block;
}.main a {
text-decoration: none;
color: white;
}.sub a { /*取消下划线*/
text-decoration: none;
color: black;
/*20的缩进 */
padding-left: 20px;
}$(function() {
var a = $(".main > a"); a.click(main_menu_click_action);})
function main_menu_click_action() {
var th = $(this);
// var nex=th.parent().next(".subs").children(".sub").hide();
var nex=th.parent().next(".subs").children(".sub").css("display","none");
// var nex=th.parent().next(".subs").children(".sub").hide(1233);
alert(""); //如果没有这句让代码停在这儿,刚隐葳的子菜单又显示出来了
}
[/code]
就像windows 里的我的电脑一样,当用资源管理器点击一个文件夹时,它下面的子文件夹显示出来,再点就缩回
但是我这里实现的
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/menu.js"></script> <link rel="stylesheet" type="text/css" href="css/css.css"> </head> <body> <div id="menus">
<div class="menu">
<span class="main"><a href="">主菜单项 1</a> </span>
<div class="subs">
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
</div>
</div>
<div class="menu">
<span class="main"><a href="">主菜单项 1</a> </span>
<div class="subs">
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
</div>
</div>
<div class="menu">
<span class="main"><a href="">主菜单项 1</a> </span>
<div class="subs">
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
<div class="sub">
<a href="">子菜单项</a>
</div>
</div>
</div>
</div> </body>
</html>
[code=CSS].main {
font: normal medium;
background: blue;
background-repeat: inherit;
font:
}.sub {
font: normal small;
background: gray;
width: 88px;
}.subs{
display:block;
}.main a {
text-decoration: none;
color: white;
}.sub a { /*取消下划线*/
text-decoration: none;
color: black;
/*20的缩进 */
padding-left: 20px;
}$(function() {
var a = $(".main > a"); a.click(main_menu_click_action);})
function main_menu_click_action() {
var th = $(this);
// var nex=th.parent().next(".subs").children(".sub").hide();
var nex=th.parent().next(".subs").children(".sub").css("display","none");
// var nex=th.parent().next(".subs").children(".sub").hide(1233);
alert(""); //如果没有这句让代码停在这儿,刚隐葳的子菜单又显示出来了
}
[/code]
解决方案 »
- jsp相关的网页词典
- 求教关于sqlserver2008 inset时出现:无法打开与 SQL Server 的连接 [53].
- 快被Tomcat连接Mysql连接池问题弄疯了!
- 项目名
- hibernate报错 <mapping resource="test/User.hbm.xml" />
- 怎么就报这个错呢:resources cannot be null
- 就像http://www.bstek.com/defaultsound/form.swf演示的一样!下拉列表选择一项后跳出一日期页面然后选择某一天后日期页被关闭而选到的值
- 如何在JSP页面中上传指定类型的文件(如JPG)并存储到相应的文件夹中?
- How to implement servlet chain!!
- servlet怎么判断一个会话结束了?(比如浏揽器关闭了)
- 怎么修改firefox 浏览器左边的图片
- jsp遇到的小问题(翠绿色的菜菜鸟)
<base href="<%=basePath%>">一点就找不到网页,没法调。