`
hvt
  • 浏览: 29116 次
社区版块
存档分类
最新评论

使用hovertree菜单作为后台导航

阅读更多

 

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代码:

 

<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/ 

这是前台的效果,后台请下载源代码安装。

 

ASP.NET开源项目HoverTree资源: http://hvt.iteye.com/blog/2182470

 

 

 

0
0
分享到:
评论

相关推荐

    使用jquery菜单插件HoverTree仿京东无限级菜单

    在本文中,我们将探讨如何使用jQuery菜单插件HoverTree来创建一个类似京东的无限级菜单。HoverTree是一个强大的工具,允许开发者轻松地构建具有多级导航的用户界面,这在电商网站或大型内容丰富的网站中非常常见。...

    hovertree插件实现二级树形菜单(简单实用)

    通过使用hovertree插件,开发者可以轻松创建和管理树形菜单,这对于构建具有良好用户体验的网站是非常有帮助的。 hovertree插件的主要特点包括: 1. 支持两种主题样式:银色和绿色。用户可以根据网站的整体设计...

    分享一个取自HoverTree项目的.NET分页类

    在HoverTree项目中,这个.NET分页类(KeleyiPager)提供了一个简单而实用的方法来构建分页链接。让我们深入探讨这个类的工作原理以及如何在ASP.NET环境中使用它。 在.NET框架中,分页通常涉及到数据库查询的限制,...

    hovertreetop20170630

    HoverTreeTop使用C#语言,开发工具为Visual Studio 2015,基于.NET 4.6或4.0。可应用于中小企业网站、个人网站建设。为开源项目,方便.NET初学者、网站后端开发人员等学习和应用。目前实现了文章的添加修改生成。...

    jQuery代码实现对话框右上角菜单带关闭×

    先给大家展示下效果图,具体效果图如下所示,如果大家觉得还不错,请参考实现代码: ...link rel=stylesheet href=http://hovertree.com/texiao/layer/1/reveal.css&gt; &lt;!-- Attach necessary scripts --&gt;

    数据库简单操作

    在给定的文件名列表中,我们看到"HoverTree"可能是一个项目名称,它包含多个子目录和文件,比如".sln"是Visual Studio的解决方案文件,".DBTools"可能包含了数据库相关的工具或类库,".SM"可能涉及状态管理和业务...

    jQuery实现拖动剪裁图片作为头像

    下面就是一个使用HTML5+jQuery实现的图片上传裁剪特效,可以对选择要上传的图片做缩小、放大、拖动和裁剪,由何问起调试改进,有需要的朋友可以参考一下。在文后附有源码下载。 效果图: 需要引用的css文件为style....

    jquery实现图片列表鼠标移入微动

    本文将详细介绍如何使用jQuery库来实现一个简单的图片列表,当鼠标移入图片时,图片会向左微动,而鼠标移出后则恢复原位。这种效果通常用于展示产品或信息,吸引用户的注意力。 首先,我们需要创建HTML结构。在这个...

    html5橡皮檫特效

    开发者可能会将这些图片作为Canvas的背景,然后让用户通过橡皮擦特效在图片上擦除部分区域,展示出一种动态的交互体验。 实现橡皮擦特效还需要考虑一些细节,比如擦除的大小和形状可以根据鼠标按下时的形状(例如...

    浅谈js中的延迟执行和定时执行

    需要注意的是,使用字符串作为`setTimeout`和`setInterval`的参数并不推荐,因为这会导致全局作用域的查找和潜在的跨域安全问题。最佳实践是直接传递函数引用: ```javascript function testFunction() { console....

    C#使用WebClient登录网站并抓取登录后的网页信息实现方法

    C#使用WebClient登录网站并抓取登录后的网页信息实现方法 在实际开发中,我们经常需要模拟浏览器的行为来登录网站并抓取登录后的网页信息,这时我们可以使用C#中的WebClient类来实现这个功能。下面我们将详细介绍C#...

    WinForm中实现picturebox自适应图片大小的方法

    此外,在WinForm中还可以使用PictureBox控件的其他属性和方法来实现图片的自适应缩放,例如PictureBox控件的SizeMode、BackgroundImage、Image属性等。 WinForm中实现PictureBox自适应图片大小的方法需要根据实际...

    jQuery实现页面顶部下拉广告

    \n\n例如,一个简单的实现可能如下所示(这仅作为演示,实际代码可能更复杂):\n```javascript\n$(document).ready(function() {\n var adInterval;\n function playAd() {\n $('.gg_fcon').animate({top: '+=100'}...

    asp.net上传图片到服务器方法详解

    文件上传功能使用用户控件实现,在HoverTreePanel项目中的HTPanel\HControl\UCPictureAdd.ascx 控件, HoverTreeTop上传的图片文件暂时限定为jpg、png和gif。代码为: &lt;asp:FileUpload runat=server ID=...

    基于jQuery实现收缩展开功能

    在当今的网页设计中,收缩展开功能被广泛应用于折叠菜单、问答组件、内容摘要以及弹出窗口等交互设计中,为用户提供简洁的界面与丰富的交互体验。 首先,通过jQuery实现收缩展开功能的基本原理是监听一个触发元素...

    jQuery实现页面内锚点平滑跳转特效的方法总结

    平时我们做导航滚动到内容都是通过锚点来做,刷的一下就直接跳到内容了,没有一丝的滚动效果,而且 url 链接最后会有“小尾巴”,就像#keleyi,今天我就介绍一款 jquery 做的滚动的特效,既可以设置滚动速度,又可以...

    WinForm使用正则表达式提取内容的方法示例

    本文实例讲述了WinForm使用正则表达式提取内容的方法。分享给大家供大家参考,具体如下: 用VS新建WinForm程序,窗体上是三个文本框和一个按钮。 可以自己构造正则表达式,自己修改匹配内容 正则表达是要提取的部分...

Global site tag (gtag.js) - Google Analytics