文档章节

jQuery EasyUI使用教程之创建一个菜单按钮

Miss_Hello_World
 Miss_Hello_World
发布于 2015/10/28 10:32
字数 263
阅读 200
收藏 2

<jQuery EasyUI最新版下载>

本教程主要为大家展示如何使用jQuery EasyUI创建一个菜单按钮。菜单按钮包含了一个按钮和菜单组件,当点击或将鼠标移动到该按钮上时,相应的菜单就会显示。

创建一个菜单按钮

查看演示

想要定义一个菜单按钮,首先你应该先定义一个链接按钮和一个菜单,下面是一个示例:

< div style = "background:#fafafa;padding:5px;width:200px;border:1px solid #ccc" >
< a href = "#" class = "easyui-menubutton" menu = "#mm1" iconcls = "icon-edit" >Edit</ a >
< a href = "#" class = "easyui-menubutton" menu = "#mm2" iconcls = "icon-help" >Help</ a >
</ div >
< div id = "mm1" style = "width:150px;" >
< div iconcls = "icon-undo" >Undo</ div >
< div iconcls = "icon-redo" >Redo</ div >
< div class = "menu-sep" ></ div >
< div >Cut</ div >
< div >Copy</ div >
< div >Paste</ div >
< div class = "menu-sep" ></ div >
< div iconcls = "icon-remove" >Delete</ div >
< div >Select All</ div >
</ div >
< div id = "mm2" style = "width:100px;" >
< div >Help</ div >
< div >Update</ div >
< div >About</ div >
</ div >

现在,菜单按钮就已经完成了,你不需要写任何的JavaScript代码了。

有兴趣的朋友可以点击查看更多有关jQuery EasyUI的文章

© 著作权归作者所有

Miss_Hello_World
粉丝 22
博文 668
码字总数 404202
作品 0
九龙坡
私信 提问
jQuery EasyUI使用教程之创建一个拆分按钮

<jQuery EasyUI最新版下载> 本教程主要为大家展示如何使用jQuery EasyUI创建一个拆分按钮。拆分包含了一个链接按钮和菜单,当用户点击或将鼠标悬停在下拉箭头区域时,对应的菜单就会显示。下...

Miss_Hello_World
2015/10/30
124
0
jQuery EasyUI使用教程之创建标签页

<jQuery EasyUI最新版下载> 本教程将展示如何使用easyui创建一个标签组件。标签可以动态地添加或删除多个面板,你可以使用标签在同一个页面上显示不同的实体。 标签一次只能显示一个面板,每...

Miss_Hello_World
2015/11/18
119
0
jQuery EasyUI快速入门实战教程(一)-入门

1、jQuery EasyUI概述 jQuery EasyUI是一组基于jQuery的UI插件集合体,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,...

神码小风
2018/06/28
0
0
jQuery EasyUI使用教程之创建可折叠面板

<jQuery EasyUI最新版下载> 在本教程中,你将学习到有关于easyui折叠面板的知识。折叠面板包含了一系列的面板,其中所有的面板标题都是可见的,但只有一个面板的主体内容在某个时间是可见的。...

Miss_Hello_World
2015/11/13
454
0
jQuery EasyUI入门视频教程【20讲】

jQuery EasyUI入门视频教程【20讲】 jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。非职业讲师孙宇讲授,全...

Amamatthew
2014/09/28
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

golang-字符串-地址分析

demo package mainimport "fmt"func main() {str := "map.baidu.com"fmt.Println(&str, str)str = str[0:5]fmt.Println(&str, str)str = "abc"fmt.Println(&s......

李琼涛
今天
4
0
Spring Boot WebFlux 增删改查完整实战 demo

03:WebFlux Web CRUD 实践 前言 上一篇基于功能性端点去创建一个简单服务,实现了 Hello 。这一篇用 Spring Boot WebFlux 的注解控制层技术创建一个 CRUD WebFlux 应用,让开发更方便。这里...

泥瓦匠BYSocket
今天
9
0
从0开始学FreeRTOS-(列表与列表项)-3

FreeRTOS列表&列表项的源码解读 第一次看列表与列表项的时候,感觉很像是链表,虽然我自己的链表也不太会,但是就是感觉很像。 在FreeRTOS中,列表与列表项使用得非常多,是FreeRTOS的一个数...

杰杰1号
今天
9
0
Java反射

Java 反射 反射是框架设计的灵魂(使用的前提条件:必须先得到代表的字节码的 Class,Class 类 用于表示.class 文件(字节码)) 一、反射的概述 定义:JAVA 反射机制是在运行状态中,对于任...

zzz1122334
今天
9
0
聊聊nacos的LocalConfigInfoProcessor

序 本文主要研究一下nacos的LocalConfigInfoProcessor LocalConfigInfoProcessor nacos-1.1.3/client/src/main/java/com/alibaba/nacos/client/config/impl/LocalConfigInfoProcessor.java p......

go4it
昨天
9
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部