在easyui-tabs元素中添加一个div就是一个子选项卡 子选项卡可以通过title属性来指定标题, data-options添加关闭按钮 data-options="closable:true...元素中添加一个div就是一个子选项卡 子选项卡可以通过title属性来指定标题, data-options添加关闭按钮 data-options="closable:true" 菜单列表 - 编写一个div , calss指定为easyui-menu - 在这个div中添加子元素, - 直接子元素...给菜单中的条目 添加点击事件 给最外层的菜单div添加: data-options="'onClick':函数名称" 点击事件函数的编写, 需要设计一个形式参数, 会接受到被点击的元素对象...class属性为:easyui-menubutton data-options: menu: 指定弹出的菜单项的选择器(被指定的元素与子元素使用块级元素div) 注意, 如果需要处理点击事件
3.2 Panel 面板组件 Panel 组件的特点是可以包含任意类型的 HTML 内容,并且可以设置标题、图标、边框样式等属性。它可以作为 Layout 布局组件的子组件,也可以单独使用。...3.5 Tree 树形菜单组件 Tree 树形菜单组件可以将数据以树状结构展示在网页上,并且提供了丰富的功能,如节点展开、折叠、选中、勾选等,使用户能够轻松地浏览和管理信息。...cascadeCheck: 设置是否级联勾选子节点。 onSelect: 设置节点被选中时的回调函数。 3.5.2 使用示例 点击“Add User”按钮可以弹出添加用户的对话框,输入用户信息后点击“Save”按钮即可将用户信息保存到后端数据库中。...用户可以在页面上看到任务列表,点击工具栏按钮可以弹出添加或编辑任务的对话框,输入任务信息后点击保存按钮即可将任务信息保存到后端数据库中,同时也可以删除已有的任务。
3.2 Panel 面板组件Panel 组件的特点是可以包含任意类型的 HTML 内容,并且可以设置标题、图标、边框样式等属性。它可以作为 Layout 布局组件的子组件,也可以单独使用。...3.5 Tree 树形菜单组件Tree 树形菜单组件可以将数据以树状结构展示在网页上,并且提供了丰富的功能,如节点展开、折叠、选中、勾选等,使用户能够轻松地浏览和管理信息。...cascadeCheck: 设置是否级联勾选子节点。onSelect: 设置节点被选中时的回调函数。3.5.2 使用示例点击“Add User”按钮可以弹出添加用户的对话框,输入用户信息后点击“Save”按钮即可将用户信息保存到后端数据库中。...用户可以在页面上看到任务列表,点击工具栏按钮可以弹出添加或编辑任务的对话框,输入任务信息后点击保存按钮即可将任务信息保存到后端数据库中,同时也可以删除已有的任务。
菜单项通过 标签定义,其中 “课程” 菜单项有下拉子菜单,通过嵌套的 列表实现。.../js/jQuery.min.js">:引入 jQuery 库,方便后续使用 jQuery 进行交互效果的实现,如菜单的展开和收缩等。...点击按钮显示菜单 */ } input.menu-btn:checked:表示当 input 元素(类名为 menu-btn)被选中(例如复选框被勾选)时。...padding: 16px;:为菜单按钮添加内边距,增加点击区域。 cursor: pointer;:将鼠标指针样式设置为手型,提示用户该元素可以点击。...菜单交互实现:通过 CSS 选择器(如 input.menu-btn:checked ~ .collapse)或编写 JavaScript 代码,实现点击菜单按钮展开和收缩菜单的交互效果。 5.
Chain.js Superfish jQuery菜单插件。支持水平/垂直方向。弹出子菜单不会被标签挡住。...支持对剪切框加CSS样式,当选取或拖动时添加回调事件(Callbacks),剪切时能够约束宽度与高度。 Jcrop accordion menu Accordion风格的jQuery菜单。...当子菜单靠近窗体右边缘时,将自动调整展示方面。 jQuery Multi Level CSS Menu jQuery Corners 这是一个用于创建漂亮圆角效果的jQuery插件。...jQuery Plugin-Page Peel Easy Slider 一个jQuery插件,当点击导航按纽时可以水平或垂直播放图片或其它任何内容。...Jquery Fade In.Fade Out Captify 这个jQuery插件能够在图片上显示标题信息,当鼠标放到图片上时滑动出现。
菜单栏支持子菜单 将站点部署到Vercel(2021年Vercel的原国内服务器被墙了,换了个新的CNAME才解决) 2021-06-02 添加抓猫咪游戏 2021-04-24 添加文章top15页面...于是将jquery-backstretch的cdn修改了官网上最新的,总算变快了。 2018-11-16 将鼠标点击产生的文字设为不可选定。...(该bug在火狐浏览器下偶尔会触发,在360浏览器下百分百触发) 如果启用了不蒜子计数,在360浏览器下如果滚动页面时,侧边栏的底部无法和正文模块的底部持平,侧边栏底部会比正文模块的短一些。...问题二对于强迫症来说很难受,要么关闭不蒜子计数,要么不使用360浏览器。...true即可启用 2018-07-21 添加了404页面 2018-07-07 添加网页标题监听事件 2018-06-30 代码块添加复制按钮 2018-06-20 使用 hexo-neat 压缩博文插件
使用ajaxSetup()方法设置全局Ajax默认选项 使用ajaxSetup()方法可以设置Ajax请求的一些全局性选项值,设置完成后,后面的Ajax请求将不需要再添加这些选项值,它的调用格式为: jQuery.ajaxSetup...参数为绑定插件的元素,meunId为快捷菜单元素,options为配置对象 例如,选中页面元素,点击右键,弹出插件绑定的快捷菜单,点击菜单中的各个选项,便在页面中显示操作的对应名称。...3-5选项卡插件——tabs 使用选项卡插件可以将中的选项定义为选项标题,在标题中,再使用元素的“href”属性设置选项标题对应的内容,它的调用格式如下: $(selector)....例如,当点击“提交”按钮时,如果文本框中的内容为空,则通过dialog插件弹出提示框,提示输入内容不能为空,如下图所示: 在浏览器中显示的效果: 3-7菜单工具插件——menu 菜单工具插件可以通过...创建多级内联或弹出式菜单,支持通过键盘方向键控制菜单滑动,允许为菜单的各个选项添加图标,调用格式如下: $(selector).menu({options}); selector参数为菜单列表中最外层
这有一个限制:你最多可以使用一个标题/内容字段的应用程序。...定制 开始自定义应用程序之前,你应该了解: 什么是应用程序 如何在XWiki定义结构化数据 如何在XWiki使用表格(sheet)展示结构化数据 如何在XWiki使用服务器端脚本处理结构化数据 应用程序结构...能够控制哪些用户通过在数据页面和其子页面设置允许或拒绝编辑权限来控制添加新条目或编辑/删除现有条目。...查看应用程序的国际化指南和localization模块文档了解如何在你的应用程序中使用脚本来提供翻译键。...假设你已经创建了 "External Image"属性类型,让我们看看如何在它的基础上添加一个字段类型。 首先你需要创建一个新的wiki页面。wiki页面的标题为新的字段类型的标题。
示例: // @require https://code.jquery.com/jquery-2.1.4.min.js // @require https://code.jquery.com/jquery...(可以允许子域名) 子域名如: safari.tampermokey.net self :列出脚本当前运行的域 localhost 有权限访问localhost 1.2.3.4 链接到IP地址 *...document-idle // 当DOMContentLoaded事件被触发后被注入 如果没有@run-at标签也是在此时注入 // @run-at context-menu // 当点击浏览器上下文菜单时被注入...,当这个脚本执行是,并且返回菜单命令id 意思就是可以注册一个直接显示TM的菜单的ming GM_unregisterMenuCommand(menuCmdId) 取消注册一个菜单命令根据菜单命令ID(...无论是被点击还是超时 执行的函数 onclick - 点击通知触发的函数 所有参数的作用与其对应的详细信息属性挂件完全相同。
不过,和DropDownList控件相比,还缺少以下内容 1、当点击菜单中的某一项,菜单的文字自动显示在文本框中 2、当点击菜单中的某一项,提供一个函数来获得相关的数据(可以是菜单的文字,也可以是相关的文本...) 3、文本框不能编辑,只能通过点击菜单来更改内容 4、能设置下拉菜单的最大高度,使得菜单项过多时,能出现滚动条。...默认是true,也就是不能编辑,只能通过点击菜单来改变文字; MaxHeight:下拉菜单的最高高度。...,第二个是当前点中的菜单项的相关数据(ItemData属性) Snippet官网 Snippet使用实例 (function($){ jQuery.fn.DropDownList...(菜单组之间有分割线,菜单组可以设置组标题) Snippet官网 Snippet使用实例 function ShowData(InputName,Data) { alert(InputName
(下拉菜单功能嵌套option使用) table 表格 (tr行 td单元格 th表头) 普通语义: b加粗 i倾斜 u下划线 s删除线 强调语义: strong 加粗 em倾斜 ins下划线 del...) onmouseover鼠标滑过 onmouseout 鼠标离开 上面的内容如果哪一个单词忘记了具体的用法,可以点击链接查看具体内容:JavaScript入门 ---- for和while都是循环时使用...array 数组 push 添加(数组结尾添加数据) pop 删除(数组结尾删除数据) splice 删除添加数据 reverse 倒置 indexOf 下标(某个数据在数组中第一次出现的下标)去重的时候使用...children 子级的 addClass 添加类 removeClass删除类 hover 鼠标滑过 eq 找下标 animate 自定义动画函数 slideUp 隐藏(向上滑,就是把东西收起来,就隐藏了...:JQuery ---- re 正则 RegExp 正则 delegate 事件委托 给子级加: append 新增节点 appendTo新增节点 perpend给前面新增节点 perpendTo给前面新增节点
n的元素,n可以为负值,如:$(':lt(3)') :header 选取所有的标题元素,例如 h1、h2、h3…,如:$(':header') :lang() 选取指定语言的所有元素,,如:$('div...选取单选按钮 点击元素 在事件中经常使用术语”触发”(或”激发”)例如: “当您按下按键时触发 keypress 事件”。...该事件方法在 jQuery 语法 章节中已经提到过。 click() click() 方法是当按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素时执行。...; } ); focus() 当元素获得焦点时,发生 focus 事件。 当通过鼠标点击选中元素或通过 tab 键定位到元素时,该元素就会获得焦点。...jQuery animate() – 使用相关值 演示如何在 jQuery animate() 方法中使用相关值。
right’,’center’ 都能够使用。 7)sortable:当true时,同意该列进行排序。...默认0 4)plain:当true时。该Tab渲染不使用容器背景图片。默认false 5)fit:当true时。...默认true 6)icon:添加一个CSS class图标以显示在Tab面板的标题旁。...3)border:当True时显示布局面板的边框。 默觉得True。 4)split: 当True时显示一个切割符以使用户改变面板的尺寸。...4)href:当点击菜单项时能在当前浏览器窗体显示不同的网址。 事件例如以下: 1)onShow:激活后显示菜单。
今天分享的这款就是基于jQuery的瀑布流图片筛选插件,我们可以点击图片分类名称,即可将对应分类下的图片以瀑布流的方式展示出来,这款插件在筛选图片上使用还是比较方便的。 ?...2.基于Layui的可自定义添加删除数据的表格处理插件 如何在网页上编辑表格数据,这通过自己编写JS和CSS实现都是比较麻烦的,jQuery有很多插件可以完成这种功能,比如这款jQuery简易版的Excel...5.jQuery左侧边栏多级菜单 适合后台管理页面使用 这是一款基于jQuery的侧边栏多级下拉菜单插件,这个菜单的特点是可以固定在左侧边栏,当页面滚动时整个菜单可以保持一直可见,方便操作。...,当切换到某一个菜单项时,菜单项会沿着曲线移动到当前视窗,同时显示对应的小图标,更重要的时,菜单项的切换是循环的,因此使用起来也非常方便。...这次要分享的也是一款基于CSS3的深色背景的垂直手风琴菜单,实现原理与之前的比较类似,但是菜单展示形式略有不同,这个手风琴菜单当展开时子菜单会有水平飞入的动画效果。 ?
本文将详细介绍如何使用Django、RestFul API和Bootstrap实现一个可折叠的多级菜单功能,并在菜单末端节点上添加复选框,点击按钮时获取这些节点的ID并查询其内容。...三、前端实现前端部分将使用Bootstrap和jQuery来创建可折叠的多级菜单,并在末端节点添加复选框,点击按钮时获取这些节点的ID并查询其内容。1....添加复选框和按钮功能在叶子节点的文本中添加复选框,并在按钮点击时获取选中的节点ID,发送请求到后端获取内容数据,并在页面上显示。...前端代码在前面的代码基础上,我们已经在叶子节点上添加了复选框,同时实现了按钮点击时获取选中的节点ID。下面是完整的前端代码:菜单功能,并且在菜单末端节点上添加了复选框,点击按钮时可以获取选中的节点ID,并查询其内容。
当你放开鼠标左键时,一切都变了。 如果您在原始证书编号后添加19,请在B1单元格中写入:=A1 '13 ',然后按回车键。 2.如何在文件下拉窗口底部设置最近运行的文件名数量?...4.使用Excel制作多页表单时,如何制作一个类似Word表单的标题,即每页的第一行(或几行)是相同的。但不是用头吗?...在EXCEL菜单中,单击文件-页面设置-工作表-打印标题;您可以通过按下折叠对话框的按钮并用鼠标划定范围,将标题设置在顶端或左端。这样,Excel会自动将您指定的部分添加为每页的页眉。...14.如何在屏幕上扩大工作空间? 从“视图”菜单中,选择“全屏”命令。 15.如何使用快捷菜单?弹出菜单包括一些最常用的命令,可以大大提高操作效率。...19.如何在表单中添加斜线? 一般来说,我们习惯在表单上使用斜线,但是工作表本身不提供这个功能。事实上,我们可以使用绘图工具来实现: 点击“绘图”按钮,选择“直线”,鼠标将变成一个十字。
一个 man 页面只有一级标题,而 info 页面将内容组织成多级标题,每个标题称为结点,每个标题下可能存在子标题(称为子结点)。...要理解 info 命令,不仅要学习如何在单个结点中浏览,还要学习如何在结点和子节点之间切换。 就便捷而言,建议使用 man 而不是 info。...可以指定多个 menu-item,有层级关系,使用空格隔开,表示跳转到对应的结点。 不带选项和参数单独执行 info,进入目录结点,提供了主要主题的菜单。...info 文件指针 --subnodes 递归输出菜单项 --vi-keys 使用类 vi 和类 less 的绑定键 --version 显示版本并退出。...$ info info Advanced 如果想跳转到 Advanced 结点下的子结点,可以在命令行上继续指定子结点,如跳转到 “Go to node”。
我们将会看到如何添加下拉菜单到导航栏、切换按钮的状态、当点击按钮时漂亮的警告信息会在显示一段时间后消失等等功能。...现在,我们有了一个简单的下拉菜单,在单击链接时显示菜单。我们可以在浏览器中查看它,如图所示。 ? 让我们结合使用下拉式插件和我们在前一章中创建的标签和按钮菜单。...在这里,请求是打开和关闭下拉菜单。 让我展示一个如何使用这些事件的例子。我已经写了下面的JQuery代码片段去监听所有的下拉插件状态,并打印每个事件触发时的状态。 点击时解除警告。...这里,我们将看到使用Bootstrap的JavaScript插件如何在不同的状态使用它们,并且让它们切换状态。
需要引用jquery.js和bootstrap.js jQuery (Bootstrap 的 JavaScript 插件需要引入 jQuery) --> jquery/2.1.1.../jquery.min.js"> <!...激活标签页 引入jQuery和bootstrap-tab.js文件 在标签页结构基础上,添加内容包含框,通过tab-content定义,子内容框类为tab-pane 为每个内容框定义id值,并在标签列表项中为每个超链接绑定锚链接...为每个标签项超链接定义data-toggle=”tab”属性,激活标签页的交互行为 在每个子内容框中添加fade类,可以实现淡入效果 <li
} ]; $("#menuDiv").XBGMenuTree({ click:function(a){ if($(a).attr("hasChild") == 'false'){ //这里写点击菜单的响应事件...真正使用的时候,后台只需要传data到前端,加载到页面就ok了。 这里面依赖了JQuery、XBGMenuTree.css、XBGMenuTree.js。 JQuery文件没什么好说的。...*/ .st_tree ul li a{ font-size: 18px; } /* 子菜单项 */ .st_tree ul ul li a{ font-size: 17px; } /* 子子菜单项...开发扩展其方法时使用$.extend方法,即jQuery.extend(object); $.extend({ add:function(a,b){ return a+b;} ,...开发扩展其方法时使用$.fn.extend方法,即jQuery.fn.extend(object); $.fn.extend({ check:function(){