<%@ 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 四个漂亮的jquery menu
jquery menu images jsp
NULL 博文链接:https://lhy2012.iteye.com/blog/1736437
jQuery menu 手风琴效果实现代码.zip
JqueryMenu2级导航菜单集,包含5个例子,以后用得着。
鼎鼎大名的Apycom Menu 最新jQuery Menu Style 16 http://apycom.com/
jQuery图片菜单(jQuery menu with CSS3)是一个利用CSS3的一些特性(如:旋转、阴影)与jQuery实现的Slick menu。 jQuery图片菜单具有易于使用,外观cool,可定制等特性。
jQuery Menu 暖色、动画、折叠,可作导航菜单! 值得下载看看!资源免费,大家分享!! 更多免费资源 http://ynsky.download.csdn.net/
支持Tooltip提示的JQuery Menu 两级导航菜单,jquery实现的圆角菜单,非常漂亮,又很简洁,显示三角的导航特效,点击小三角后会向下显示出所属子菜单,也就是二级菜单,鼠标悬停于二级菜单时,对应菜单项背景变蓝色...
原创的 基于 jquery 开发的 多级 menu 插件,允许无限级 menu。 需要自己下载 jquery 库。 适合用于网站导航。 免费使用,请保留版权信息,不要改名使用。
NULL 博文链接:https://wutianyi123521.iteye.com/blog/621503
jQueryMenujQueryMenujQueryMenujQueryMenu
这个不是本人写的,感觉超好的文件,是疯狂秀才写的,我就是想赚点积分,不过这个文件绝对下载的值得!还有...版权归:疯狂秀才所有!不归我!但是资源真的很好!!!
基于JQUERY的菜单,渐隐效果。基于JQUERY的菜单,渐隐效果。
摘要:脚本资源,jQuery,亚马逊菜单 一个仿亚马逊菜单的jQuery menu aim多功能菜单插件及实例,可实现类似亚马逊网站的多级展开菜单,本例图片让菜单功能更强大、更美观,这是从官方下载的jQuery menu aim菜单示例包...
24. jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready 13 25. mcDropdown jQuery Plug-in v1.2.07 14 26. jQuery Drop Line Tabs 14 27. Cut & Paste jQuery ...
摘要:脚本资源,jQuery,图文菜单 一个基于jQuery的图文菜单——Super slick jQuery menu 图片菜单 Css3,重点是图片菜单的鼠标效果,在鼠标放上的时候图片有较大的变化,或是高亮、或是渐变。插件的重点在于表现CSS3...