多级弹出菜单jQuery插件ZoneMenu
ZoneMenu是一个菜单jQuery插件,只需占用页面上的一个小区域,却可以实现多级菜单。
在线体验:http://keleyi.com/jq/zonemenu/
点击这里下载
完整HTML文件代码:
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ZoneMenu- jquery plugin</title>
<base target="_blank" />
<script type="text/javascript" src="http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.1.min.js"></script>
<link href="http://keleyi.com/jq/zonemenu/css/jquery.zonemenu.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://keleyi.com/jq/zonemenu/js/jquery.zonemenu.js"></script>
</head>
<body>
<div style="width: 200px; margin: 10px auto;">
<h2>
ZoneMenu Demo</h2>
</div>
<div style="width: 800px; margin: 0px auto;">
<div id="zonemenu" class="zonemenu" style="float: left">
<span class="zonemenutitle"><a href="http://keleyi.com/jq/zonemenu/">ZoneMenu</a>
</span>
<div id="zonebody">
<ul>
<li><strong><a href="http://keleyi.com/">Keleyi Home</a></strong></li>
<li><a href="http://keleyi.com/menu/webqd/">WebFront</a>
<ul>
<li><a href="http://keleyi.com/menu/jquery/">jQuery</a></li>
<li><a href="http://keleyi.com/menu/javascript/">Javascript</a></li>
<li><a href="http://keleyi.com/menu/html5/">HTML5</a></li>
<li><a href="http://keleyi.com/xilie/klyjs/">js book</a></li>
<li><a href="http://keleyi.com/ziliao/googlejavascriptstyle.htm">Google JavaScript</a></li>
</ul>
</li>
<li><a href="http://keleyi.com/game/">Online Web Game</a>
<ul>
<li><a href="http://keleyi.com/game/1/">捕鱼</a> </li>
<li><a href="http://keleyi.com/game/2/">不上不下</a> </li>
<li><a href="http://keleyi.com/game/4/">美女拼图</a> </li>
<li><a href="http://keleyi.com/keleyi/phtml/duanwu/index.htm">赛龙舟</a> </li>
<li><a href="http://keleyi.com/game/5/">俄罗斯方块</a> </li>
<li><a href="http://keleyi.com/game/7/">浏览器射击</a> </li>
<li><a href="http://keleyi.com/game/9/1/saolei.htm">扫雷(容易版)</a></li>
<li><a href="http://keleyi.com/game/9/1/">Mine Sweeper</a></li>
<li><a href="http://keleyi.com/keleyi/phtml/silverlight/">Guess Number</a> </li>
<li><a href="http://keleyi.com/game/10/">贪食蛇</a> </li>
<li><a href="http://keleyi.com/game/12/">五子棋</a> </li>
<li><a href="http://keleyi.com/game/13/">在线桌球</a> </li>
<li><a href="http://keleyi.com/game/14/">数字拼图</a> </li>
</ul>
</li>
<li><a href="http://keleyi.com/map/">More Conent</a>
<ul>
<li><a href="http://tool.keleyi.com">Tools</a>
<ul>
<li><a href="http://keleyi.com/tool/md5.htm">MD5加密</a></li>
<li><a href="http://keleyi.com/tool/htmlencode.htm">HTML编码与解码</a></li>
<li><a href="http://keleyi.com/tool/urldecode.htm">URL编码与解码</a></li>
<li><a href="http://keleyi.com/tool/regex.htm">.NET正则表达式匹配工具</a></li>
<li><a href="http://keleyi.com/ziliao/js/zzbds.htm">JS正则</a></li>
<li><a href="http://keleyi.com/ziliao/unicode/">Unicode字符列表</a></li>
<li><a href="http://keleyi.com/tool/color.htm" title="颜色选择器">颜色选择器</a></li>
</ul>
</li>
<li><a href="http://keleyi.com/keleyi/">Keleyi Menu</a></li>
<li><a href="http://keleyi.com/jq/myslider/">Myslider</a></li>
<li><a href="http://keleyi.com/keleyi/phtml/jqtexiao/6.htm">Happy Halloween!</a></li>
<li><a href="http://keleyi.com/keleyi/phtml/jqtexiao/7.htm">Happy Birthday!</a></li>
<li><a href="http://keleyi.com/keleyi/phtml/jqtexiao/7a.htm">Happy Christmas!</a></li>
</ul>
</li>
</ul>
</div>
</div>
<div style="float: right; border: 1px solid #999; font-size: 20px; height: 40px;
line-height: 40px; width: 590px">
Welcome to ZoneMenu Home! ZoneMenu is a jQuery plugin.</div>
</div>
<script type="text/javascript">
$("#zonemenu").zonemenu();
</script>
</body>
</html>
Web资源:http://www.cnblogs.com/jihua/p/webfront.html
多级弹出菜单jQuery插件ZoneMenu相关推荐
- 向上弹出菜单jQuery插件
插件名:柯乐义 英文名:Keleyi js文件名称:jquery.keleyi.js 插件功能:该插件可以让你轻易地在页面上构建一个向上弹出的二级菜单. 支持浏览器: keleyi 0.1.4版本支持 ...
- html左边多级菜单导航栏,精美的多级侧边栏导航菜单jQuery插件
这是一款基于bootstrap的精美多级侧边栏导航菜单jQuery插件.该导航菜单在bootstrap样式的基础上,通过jQuery来为导航菜单绑定菜单点击事件,生成非常漂亮的多级侧边栏导航菜单. 使 ...
- 用 JA Transmenu 模块做多级弹出菜单
转自http://www.joomlagate.com "弹出菜单"这个说法本来不规范,尽管你我都明白这是什么意思,而实际上我们所理解的那个菜单样式英文说法是"Slide ...
- JQUERY打造隐藏在左侧的弹性弹出菜单
代码简介: 隐藏在左侧的弹性弹出菜单,从淘宝扣下来的,也可作为JAvaScript缓冲动画的典型教程.本弹性菜单可扩展性强,实际上不光可以做成菜单,也可布局一些图文混排的内容或一段视频,总之被弹出的内 ...
- JQuery弹出菜单时禁止页面(body)滚动
最近在做手机端的弹出菜单,但是菜单弹出来后滑动手机屏幕的话页面滚动总是会将菜单滑上去,体验非常不好,所以查了一下弹出菜单时禁止页面滚动的方法,整理如下: 方法一:弹出菜单时给body和html添加一个 ...
- jquery底部弹出菜单_带有jQuery的新鲜底部滑出菜单
jquery底部弹出菜单 View demo 查看演示Download Source 下载源 In this tutorial we will create a unique bottom slide ...
- html正方形对话框素材,10种展示效果的弹出层对话框插件method.js
一款10种展示效果的弹出层对话框插件method.js,可以点击演示页面的10个按钮分别查看不同的弹窗效果,基本上该有的弹窗特效都有了,喜欢的童鞋请收下吧. 查看演示 下载资源: 68 次 下载资源 ...
- 柯乐义高级弹出菜单(可以有三级菜单)
柯乐义高级菜单是使用jquery实现的弹出层菜单,可以有三级菜单项.效果网址:http://www.keleyi.com/keleyi/phtml/supermenu/ 或者将下面的完整代码保存到ht ...
- vc+如何添加右键弹出菜单
2019独角兽企业重金招聘Python工程师标准>>> 一.创建新工程 二.编辑菜单资源 1.添加菜单 按"Ctrl+R",双击"Menu"图 ...
最新文章
- Angular 下的 directive (part 2)
- Drools 在告警关联分析中的应用
- 洛谷——P1583 魔法照片
- pointers on c (day 1,chapter3)
- 【database】oracle触发器基础
- 最值得一看的几条简单的谷歌 Google 搜索技巧,瞬间提升你的网络搜索能力
- 万物皆可python_Python知识点合集,学完万物皆可爬
- “DropDownList1”有一个无效 SelectedIndex,因为它不在项目列表中。
- python学生信息管理系统课程设计实验报告_学生信息管理系统课程设计报告.docx...
- ie8兼容性视图灰色修复_【ie8兼容性视图灰色修复】ie8兼容性视图 灰色_ie8兼容性视图设置...
- 独创圆柱形投影,索尼高透光HOE全息显示方案详解
- c语言打气球游戏,打气球程序求修改
- unity塔防游戏怪物转向_英雄塔防物语手游下载-英雄塔防物语安卓版下载v2.3.8
- 品牌稿件怎么写?这些品牌稿件写作技巧值得一看
- 符合python语言变量命名规则_符的解释|符的意思|汉典“符”字的基本解释
- SAP PS 第15节 预算管理
- 关于大数据技术原理与应用的学习(6)
- 【Java】图片 base64
- nginx根据ip限流和突发流量配置解释
- Java实现 LeetCode 416 分割等和子集
热门文章
- FFmpeg的HEVC解码器源代码简单分析:CTU解码(CTU Decode)部分-TU
- cadence导入dxf文件_Allegro PCB导入DXF文件详解
- maya中redshift渲染深度景深后nuke合成方法
- iOS WKWebView的使用以及遇到的问题
- 微软为什么能转型成功?
- uni-app 设置APP应用跳转到系统设置页
- 【日常记录】win10打印机打印不出来,打印队列里有文档无法删除
- Android百度地图(四):百度地图运动轨迹纠偏、去噪、绑路之百度鹰眼
- zblog php换域名,zblog 怎么更换域名
- POJ 3265 Problem Solving 动态规划