<%@ 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%>">
<title>My JSP 'jquerymenu.jsp' starting page</title>
<style type="text/css">
.fathermenu {
margin-left: 60px;
}
.submenu {
margin-left: 40px;
}
.submenu li{
background-color:gray;
line-height: 20px;
margin-top:1px;
width:80px;
}
</style>
<script type="text/javascript" src="Script/jquery.js"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function () {
//页面加载时，二级菜单全部隐藏
$(".submenu").css("display","none");
$("li").css("list-style","none");
$(".fathermenu").toggle(function () {
$(this).next(".submenu").css("display", "block");
},function(){
$(this).next(".submenu").css("display", "none");
})
})
</script>
</head>
<div class="main">
<div class="fathermenu">
<img src="images/yuan.gif" /><span class="admintext11">服务管理</span>
</div>
<div class="submenu">
<ul>
<li><a href='http://www.baidu.com' target="_blank"> baidu</a></li>
<li><a href='#' title=''> 等待发布</a></li>
<li><a href='#' title=''> 正式项目</a></li>
<li><a href='#' title=''> 点此新增</a></li>
</ul>
</div>
<div class="fathermenu">
<img src="images/yuan.gif" /><span class="admintext11">FAQ管理</span>
</div>
<div class="submenu">
<ul>
<li><a href='#'> 等待提交</a></li>
<li><a href='#' title=''> 等待发布</a></li>
<li><a href='#' title=''> 正式项目</a></li>
<li><a href='#' title=''> 点此新增</a></li>
</ul>
</div>
</div>
</body>
相关推荐
标题中的“去掉jquery menu plugin 的‘No back link’”指的是在使用jQuery开发的菜单插件中，用户可能遇到一个名为"No back link"的问题。这个问题通常指的是菜单中没有返回上级菜单或者上一页面的链接，这可能对...
在网页设计中，jQuery Menu是一种常见的交互元素，用于创建动态、响应式的下拉导航菜单。jQuery库的强大功能和简洁API使得开发这样的菜单变得更加容易。本文将深入探讨标题为"四个漂亮的jquery menu"的相关知识点，...
jQueryMenu是一种基于JavaScript库jQuery开发的菜单插件，它提供了丰富的功能和自定义选项，用于创建交互式、响应式的网页菜单。在网页设计和开发中，菜单是必不可少的元素，它帮助用户导航网站的不同部分。jQuery...
《jQueryMenu 后台管理框架：疯狂秀才的杰作》 jQueryMenu 是一款由疯狂秀才精心设计和开发的后台管理框架，以其卓越的用户体验和高效的操作性能在IT行业中备受推崇。这款框架充分利用了jQuery的强大功能，为开发者...
**jQuery Menu** jQuery Menu是一种基于JavaScript库jQuery的交互式下拉菜单组件，它为网站提供了一种优雅且易于实现的导航结构。这个组件通常用于创建响应式的网页菜单，能够适应不同设备的屏幕尺寸，提高用户体验...
**jQuery Menu插件详解** jQuery Menu是一款基于JavaScript库jQuery开发的多级菜单插件，它提供了灵活的无限级菜单构建功能，适用于构建复杂的网站导航结构。这个插件的设计目标是帮助开发者快速、简便地创建出美观...
在"jquery menu images jsp"这个主题中，我们主要关注如何利用jQuery创建具有图像支持的动态菜单，并将其集成到JavaServer Pages (JSP) 应用中。 首先，jQuery的菜单通常涉及到HTML结构的构建，CSS样式的设置，以及...
jQuery Menu 是一个基于 jQuery 库开发的交互式菜单插件，它提供了丰富的视觉效果和功能，使得网页的导航部分更具吸引力和用户友好性。在这个特定的资源中，我们看到的是一款暖色调、带有动画效果且支持折叠功能的...
**jQuery Menu Style 16 (Tomato) APYCOM 破解详解** 在Web开发领域，创建交互式和美观的菜单是提升用户体验的关键因素之一。APYCOM是一家知名的网页组件供应商，提供了一系列高质量的jQuery菜单样式。在这个主题中...
`JqueryMenu` 是一个基于 JavaScript 库 jQuery 的高效解决方案，用于创建功能丰富的、交互性强的2级导航菜单。这个“JqueryMenu2级导航菜单集”提供了5个不同的示例，旨在帮助开发者灵活地实现各种菜单样式和行为。...
本资源"jQuery menu 手风琴效果实现代码.zip"是针对网页菜单的一种特效实现，即手风琴效果。手风琴效果通常用于导航菜单，允许用户展开或折叠各个部分，节省页面空间，提高用户体验。 手风琴效果的核心在于通过...
"JQUERY MENU"这个主题聚焦于利用jQuery来创建动态且具有交互性的菜单，这里的“渐隐效果”指的是通过jQuery实现的平滑过渡动画，使得菜单项在用户交互时能够以淡入淡出的形式出现或消失。 在jQuery中，实现这种渐...
jQuery图片菜单(jQuery menu with CSS3)是一个利用CSS3的一些特性（如：旋转、阴影）与jQuery实现的Slick menu。 jQuery图片菜单具有易于使用，外观cool，可定制等特性。
支持Tooltip提示的JQuery Menu 两级导航菜单，jquery实现的圆角菜单，非常漂亮，又很简洁，显示三角的导航特效，点击小三角后会向下显示出所属子菜单，也就是二级菜单，鼠标悬停于二级菜单时，对应菜单项背景变蓝色...
摘要:脚本资源,jQuery,亚马逊菜单 一个仿亚马逊菜单的jQuery menu aim多功能菜单插件及实例，可实现类似亚马逊网站的多级展开菜单，本例图片让菜单功能更强大、更美观，这是从官方下载的jQuery menu aim菜单示例包...
摘要:脚本资源,jQuery,图文菜单 一个基于jQuery的图文菜单——Super slick jQuery menu 图片菜单 Css3，重点是图片菜单的鼠标效果，在鼠标放上的时候图片有较大的变化，或是高亮、或是渐变。插件的重点在于表现CSS3...
本文将深入探讨如何使用jQuery开发四个关键的前端组件：Table、Grid、Menu和Layout，以提高Web应用的用户体验和交互性。 1. jQuery Table组件 jQuery Table组件用于展示结构化的数据，例如报表或数据库查询结果。...