使用hovertree菜单作为后台导航
2015-02-07 22:20
633 查看
hovertree是一个jquery菜单插件,官方网址:http://keleyi.com/jq/hovertree/ ,可以登录该网址体验效果。
0.1.3版本:http://keleyi.com/jq/hovertree/demo/demo.0.1.3.htm
hovertree插件包含文件:
http://keleyi.com/jq/hovertree/css/jquery.hovertree.0.1.3.min.css
http://keleyi.com/jq/hovertree/js/jquery.hovertree.0.1.3.js
和一张小图片hovertree.png(包含在下面的asp.net项目中)
还要记得引入jquery文件:http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.2.min.js
最后的js代码:
HoverTree菜单0.1.3增加弹出菜单的动态效果,可以是动态下拉,也可以是动态淡入。
HoverTree菜单0.1.3参数:
width: 'keleyi',// '200px'
isCloseOther: false, //当点击展开一个一级菜单时,关闭其他已经展开的一级菜单项。
initStatus: 'keleyi', //'keleyi'、'expand'或'close'。
subMenuShowWay: "show",弹出菜单的显示方式 fadeIn,slidedown,或show
subMenuShowSpeed: 0,弹出菜单的速度,越大越慢
hovertree同时也是一个asp.net开源项目,完全开放源代码,下载地址:http://hovertree.codeplex.com/
该项目使用.net 4.0开发,数据库是 sql server,C#语言。
目前已经初步实现了留言板功能,体验效果:http://h.keleyi.com/guestbook/
这是前台的效果,后台请下载源代码安装。
web前端资源:
/article/4797642.html
0.1.3版本:http://keleyi.com/jq/hovertree/demo/demo.0.1.3.htm
hovertree插件包含文件:
http://keleyi.com/jq/hovertree/css/jquery.hovertree.0.1.3.min.css
http://keleyi.com/jq/hovertree/js/jquery.hovertree.0.1.3.js
和一张小图片hovertree.png(包含在下面的asp.net项目中)
还要记得引入jquery文件:http://keleyi.com/keleyi/pmedia/jquery/jquery-1.11.2.min.js
最后的js代码:
<script type="text/javascript"> $("#keleyihovertree").hovertree({ "width": "keleyi", "initStatus": 'keleyi', "subMenuShowSpeed": 200, "subMenuShowWay": "slidedown" }); </script>
HoverTree菜单0.1.3增加弹出菜单的动态效果,可以是动态下拉,也可以是动态淡入。
HoverTree菜单0.1.3参数:
width: 'keleyi',// '200px'
isCloseOther: false, //当点击展开一个一级菜单时,关闭其他已经展开的一级菜单项。
initStatus: 'keleyi', //'keleyi'、'expand'或'close'。
subMenuShowWay: "show",弹出菜单的显示方式 fadeIn,slidedown,或show
subMenuShowSpeed: 0,弹出菜单的速度,越大越慢
hovertree同时也是一个asp.net开源项目,完全开放源代码,下载地址:http://hovertree.codeplex.com/
该项目使用.net 4.0开发,数据库是 sql server,C#语言。
目前已经初步实现了留言板功能,体验效果:http://h.keleyi.com/guestbook/
这是前台的效果,后台请下载源代码安装。
web前端资源:
/article/4797642.html
相关文章推荐
- .net中使用xsl文件作为导航菜单
- 使用jquery菜单插件HoverTree仿京东无限级菜单
- 使用jquery菜单插件HoverTree仿京东无限级菜单
- .net中使用xsl文件作为导航菜单的小例子
- .net中使用xsl文件作为导航菜单的小例子
- CSS技巧 使用标签来创建导航菜单(滑动门教程)
- 使用Jquery+CSS如何创建流动导航菜单-Fluid Navigation
- 我可以使用XML作为后台的Web数据库吗?
- 使用tree实现无限级树形菜单
- csdn的blog后台程序的导航菜单的实现
- 使用CSS 制作导航菜单 (二)
- csdn的blog后台程序的导航菜单的实现
- 使用xloadtree创建树形菜单
- 使用SharePoint Designer将SharePoint的左侧导航变为菜单的形式
- 使用Query实现事务代码与后台配置菜单互查
- 使用Jquery+CSS如何创建流动导航菜单-Fluid Navigation 推荐
- 使用JavaScript控制圆弧背景的导航菜单_网页代码站(www.webdm.cn)
- csdn的blog后台程序的导航菜单的实现
- csdn的blog后台程序的导航菜单的实现
- C# WinForm 使用FlowLayoutPanel控件做为导航菜单按钮的容器