经过前两篇文章的介绍我们了解了 开源Wijmo jQuery 插件集 所包含的 插件 和 多种Theme 样式。还为刚入门的朋友提供了 jQuery 入门的一些基础知识。
有些朋友第一次看到本系列文章,所以给出前篇文章的链接:
同时也再次感谢园子中朋友的支持,从这篇文章起,我们就分别介绍 开源Wijmo jQuery 插件集
中的插件。这篇文章我们将介绍 Wijmo Menu 使用方法。
看看 Wijmo Menu 给我们提供了哪些功能?
可以创建多级的、动态效果的、滚动的菜单,同时我们可以在菜单中添加图片、复选框按钮。下面我们就来展示下我们不得不爱的 Wijmo Menu,甚至还可以创建一个弹出式 Menu。
功能预览展示:(sry,很遗憾依然无法插入iframe)
http://www.gcpowertools.com.cn/liveSamples/C1WijmoOpen/ControlExplorer/wijmo-open/development-bundle/samples/menu/overview.html
建立你的第一个 Wijmo jQuery Menu:
<ul id="menu">
<li><a>menuitem1</a>
<ul>
<li><a>menuitem1a</a></li>
<li><a>menuitem2a</a></li>
</ul>
</li>
<li><a>menuitem2</a></li>
<li><a>menuitem3</a></li>
</ul>
<script type="text/javascript">
$(document).ready(function () {
$("#menu").wijmenu();
});
</script>
效果预览:
http://www.gcpowertools.com.cn/liveSamples/C1WijmoOpen/ControlExplorer/wijmo-open/development-bundle/samples/menu/basic.htm
特性
垂直和水平菜单
菜单和子菜单,包括其他的布局选项,都可以水平或垂直地呈现出来。
效果截图:
滚动显示
C1Menu可以滚动显示顶层菜单,子菜单和子组。你可以将滚动模式选项设置为,按钮点击滚动、按钮悬停滚动、边缘徘徊滚动或滚动条。
效果截图:
菜单项目图标
菜单项可以有它们自己的图标。你可以从许多内置的图标中选择,也可以添加你自己的图标到菜单。
动画
菜单支持不同的展开和折叠的动画效果。例如,渐变、从顶部滚动、水平打开、反弹,等等。
主题
只需点击一下智能标签,就可以通过从六个溢价主题(北极,午夜时分,雅集,火箭,钴和英镑)中选择一个来改变菜单控件的外观。另外,还可以使用jQuery UI中的ThemeRoller来创建一个自定义的主题!
好了,关于 wijmo-menu 部分我们就介绍到这里,感兴趣的朋友可以下载源码动手尝试。在下一篇文章中我们将介绍 Wijmo
Accordinon
的特性及使用方法。
分享到:
相关推荐
Wijmo jQuery 插件集
wijmo-JQuery插件,很强大的UI
最领先的Web开发技术使用集 HTML5、jQuery、CSS3、和 SVG 多项技术于一体的 Wijmo 控件包进行开发,可以让您的 Web 应用系统紧跟当前的流行趋势,并能让您的 Web 应用程序拥有更快的执行速度、用户访问也更加流畅...
Wijmo Base on Jquery UI Widget
摘要:脚本资源,jQuery,Wijmo Wijmo是一个基于jQuery UI的组件集,有超过30多个jQuery UI 组件,是一个CSS3,SVG,HTML5的混合物,Wijmo开发了一系列包括图表、、Tab选项卡、滑动门、菜单、上传文件、柱型图、表单...
Wijmo-Open.2.0.8.zip Wijmo jquery mobile js
NULL 博文链接:https://hugang357.iteye.com/blog/1564263
给我挣个分好吗?没分了,里面是源代码,有说明。 CSDN原文:http://blog.csdn.net/hyd8480188/article/details/9132945 尊重作者的劳动成果,转载请注明出处。
Wijmo部件进行了优化客户端Web开发和利用jQuery的优越的性能和易用性的力量。所有的Wijmo部件都配备了20多个主题和支持ThemeRoller。 Wijmo主要特点 1.完全支持HTML5 Wijmo是基于HTML5、jQuery、CSS3和SVG的一...
Wijmo-Pro(基于jqueryUI提供了40+组件,强大的图标组件)
ComponentOne Studio for ASP.NET Wijmo是基于jQuery和Wijmo的新一代Web控件。它提供完整的server端开发技术和非常丰富的富客户端UI能力。可用于多种设备:PC、笔记本、iPad、平板电脑、智能手机和移动终端。
wijmo 的试用版本,可以使用30天。如果要是有破解的版本会第一时间拿来给大家分享。
Wijmo5 Flexgrid演示代码合集,打包发布 转载自官方网站.
ComponentOne 2012 V2 Studio for ASP.NET Wijmo 文件名称:C1StudioAspWijmo_2012v2.msi 共三个压缩分卷,请全部下载后解压 40+ styled, supercharged, and easy-to-use controls built on Web standards ...
ComponentOne Studio for ASP.NET Wijmo 拥有40多个不同风格的高性能且易于使用的控件,这些控件都基于常用的 Web 标准,如 AJAX、CSS、HTML5 和 jQuery 。这些控件都可作为 ASP.NET 控件、扩展和 MVC 工具进行使用...
SpreadJS其前身为wijmoJS,该版本属于后者中的API信息。API内容大体一致。SpreadJS支持各种流行的前端开发框架如AngularJS,knockoutJS,还支持移动webApp开发。
wijmo控件,ComponentOne的wijmo控件,支持html5
ComponentOne Studio for ASP.NET Wijmo 2013 v1 3/5 共五个压缩文件,请全部下载后解压 Part of: Ultimate | Enterprise 40+ styled, supercharged, and easy-to-use controls built on Web standards including...