圆角在网页设计中比较常见,但是却让前端很苦恼。在过去的时候,做一个圆角效果往往需要将圆角图片切出,然后通过背景等实现效果。...而在现在,CSS3 中有一个 border-radius 属性即可生成各种尺寸的圆角,十分强大,于是大家都开始使用 border-radius 的方式做圆角。...但是在国内早期 IE 浏览器仍然盛行的时期,为了考虑到大多数用户,我们不得不通过一些插件之类的来实现圆角,jQuery Corner 就是这样一个插件,使用这个插件配置一下圆角半径等参数,即可生成圆角同时兼容各种早期...另外我们还可以看一下 jQuery Corner 插件的演示 ,它不仅仅支持生成各种圆角,同时还可以生成一些其他奇怪的“角”,虽然不是很实用,但万一有时候就用上了呢 如果你的项目中,需要圆角,同时还需要兼容早期...IE 浏览器,不妨来试用一下吧,下载:jQuery Corner。
我们可以利用jQuery UI的一些框架来开发出基于jQuery UI CSS Framework效果的插件来。...提供了一套默认的图标,这些图标适用于大多场景,一般使用的方式是“ui-icon ui-icon-****”来指定icon .ui-corner-tl:左上角圆角,基于css3,ie不支持 .ui-corner-tr...:右上角圆角,基于css3,ie不支持 .ui-corner-bl:左下角圆角,基于css3,ie不支持 .ui-corner-br:右下角圆角,基于css3,ie不支持 .ui-corner-top:...上面两个角圆角,基于css3,ie不支持 .ui-corner-bottom:底部两个角圆角,基于css3,ie不支持 .ui-corner-right:右部两个角圆角,基于css3,ie不支持 .ui-corner-left...接下来会用一个简单的jquery ui widget代码,来说明如何开发widget。 //此widget是将textbox进行修饰一下的。
不仅如此,在创建jQuery对象时,这些附加方法并不是孤立的,而是在创建jQuery对象时使用其余的方法(已经继承的)调用。jQuery插件可以jQuery库中存在的各种方法的形式单独使用。...每个方法都是一个插件。但是,在新的情况下,插件也可以自定义创建,这并不是一项非常困难的任务。 jQuery是如何工作的?...要理解jQuery是如何工作的,你需要遵循以下步骤: · 创建一个带有所有基本标记的HTML文档,并调用jQuery.js文件。...最后一行调用插件函数将所有带有a“标签的链接变为黄色。 保护$Alias并添加作用域 编写jQuery插件时总是假定$使用jQuery函数的别名。$在JavaScript库中非常有名。...因此,当需要多个jQuery库时,使用$可能会产生冲突。因此,为了使我们能够将jQuery与其他插件一起使用。必须将代码放在立即调用函数的表达式中。这之后是jQuery的传递,然后命名它的参数$.
DataTable是基于JQuery的表格插件,提供了丰富的功能。下面简要说明其用法。 1. 首先构造HTML表格。 2....使用DataTable()方法将HTML表格转换成DataTable表格。 下面以实例的形式,说说如何给DataTable穿上BootStrap的外衣。...1.需要的JS文件有JQuery、DataTable还有DataTable和BootStrap连接(连接这个词也许用得不好,姑且这么叫吧,其实质就是给DataTable以BootStrap样式的JS文件...,当然附带的还有连接的CSS文件,这些都可以去官网找。...如果懒得找,我会给出我自己下载的文件。BootStrap版本2和3会有不同的JS和CSS连接文件)的JS文件。
jsTree 是一个基于 jQuery 和 Sarissa 的免费网页树形部件,它设置灵活,并且支持几乎主流的浏览器,如:Internet Explorer 6 +, Mozilla Firefox,...jsTree 支持三种数据源头: 预先定义好的 HTML -嵌套的列表结构 JSON XML jsTree 的主要功能有: 同步导入 - 只需要提供一个 URL,就会去请求数据(只适合 JSON 和 XML...支持打开,关闭,重命名,创建,删除节点(通过预先定义好的规则) 支持多种回调函数(onchange, oncreate, ondelete, onload, 等等) 支持拖拉 支持多重选择 支持多种语言...支持主题(可以修改图标,大小和背景等等) 可以支持动态打开和关闭(configurable) 可选的快捷键导航 支持多个树形部件 另外还可以做为 jQuery 插件。
用Jquery做一个进度条 本来打算写一个Jquery插件的,不过我看了看网上插件的教程,感觉都不怎么样。...就是使用javascript和css。 首先当然载入Jquery。我这里还用到一个插件:“圆角插件”。...很简单使用,在我们需要其圆角的div上,使用corner方法即可,这里不是重点,我就不多说了。 ...-1.7.1.js" type="text/javascript"> jquery.corner.js" type="text/javascript">...我们之后Jquery的目的就是动态改变进度条宽度,让他慢慢填充背景,最后达到100%。 0x02 setInterval函数的使用 该函数是一个和时间有关的函数。
EasyDrag jQuery Plugin jQuery Corner 不需要图片就能够创建各种圆角形状的jQuery插件。...jQuery Corner JQuery Curvy Corners 用于创建圆角的jQuery插件。压缩之后大小只有9k。...JQuery Curvy Corners jQuery Corner 更多圆角效果的jQuery插件。...jQuery Corner jQuery Ajax Rater Plugin 能够动态创建Ajax Rater的jQuery插件。...jQuery Multi Level CSS Menu jQuery Corners 这是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。
最近升级了zbp最新版,功能有了很大的提升,但是发现一个问题,就是我之前主题模块创建的插件,更改模块ID,然后在模块管理中发现了原来的模块内容,但是右侧的删除功能没有了,也就是说不能删除失效的模块,我记得...请教了一下群里的大佬们,最简单粗暴的办法就是进数据库删除模块,我勒个去,太刺激啦,太暴力了,测试了一下,结果不是很难,附上简单的图文教程,切记删除之前记得备份,记得备份,记得备份!!!...首先登录网站后台,主题管理,切换默认主题,切记一定得是没有自带插件的主题,如果不知道就使用官方的默认主题吧,然后点击模块管理,找到“插件创建的模块”这时可能会有一到几个失效却存在的模块,如图:点击右侧编辑...,找到刚才模块的文件名,如图所示: 直接点击删除按钮,会弹出提示框,点击确定,删除完成后,回到网站后台,模块管理这时之前的模块已经消失,如图: 删除之后这个失效的模块就没有了,最后把主题切换回来就行了...,关于主题自建模块是我的失误,我没考虑到无法删除的问题,因为新增模块模块可能会导致部分模块ID设置不准确,索性就重置了,但是系统已经存在,主题又无法控制了,所以就,,,不好意思啦,敬请谅解,下不为例,辛苦您手动删除吧
1、引入jQuery和jQuery.pagination.js文件 jquery-1.11.3.js">...jquery.pagination.js"> 2、自定义分页插件 $(function(){ $('#...var callbackAjax = function(api){ //获取当前页码 var current = api.getCurrent(); //请求当前页要展示的数据...var uel = xxx;//请求数据的地址 $.post(url,{ currentParam : current },function(data)...下一页>', jumpBtn:'确定', callback:callbackAjax }); }) 注意:pagination详细参数、template使用方法
重要提示:2.0不向后兼容以前的版本 这个插件可以很方便的对json操作, var thing = { plugin: 'jquery-json', version: 2.4 };//json对象...var encoded = $.toJSON( thing ); //将thing转为字符串,字符串格式如下 // '{"plugin":"jquery-json","version":2.4}'...var name = $.evalJSON( encoded ).plugin; //将上面的字符串encoded转为jquery-json对象。...// "jquery-json" var version = $.evalJSON(encoded).version; // 2.4 toJSON: 序列化的JavaScript对象,数字,字符串或数组转换为...secureEvalJSON:转换从JSON为Javascript,但这样做同时检查,看看源实际上是JSON,而不是与其他的JavaScript语句抛出英寸
} 可以使用delete删除对象的属性和方法 delete dog.name; 在window作用域中,不能使用delete删除var, function定义的属性和方法,可以删除没有使用var,...工厂模式 在实际使用当中,字面量创建对象虽然很有用,但是它并不能满足我们的所有需求,我们希望能够能够和其他后台语言一样创建一个类,然后声明类的实例就能够多次使用,而不用每次使用的时候都要重新创建它,于是...5. jQuery中创建对象是如何实现的? 其实通过上面方式,使用构造函数声明实例的专属变量和方法,使用原型声明公用的实例和方法,已经是创建对象的完美解决方案了。...可是唯一的不足在于,每次创建实例都要使用new来声明。...这样未免太过麻烦,如果jquery对象也这样创建,那么你就会看到一段代码中有无数个new,可是jQuery仅仅只是使用了$('xxxx')便完成了实例的创建,这是如何做到的呢?
将struts所使用的action配置到struts-config.xml中 在Action中调用的方法的内容如下: /** * 依赖性设置 * * @param...net.sf.json.JSONArray来处理生成的json对象,将list中的内容格式化成页面上需要返回的json格式,当然也可以使用其它的工具类来完成。...下面把完整的jsp页面和要使用的几个类文件的源码贴上来吧 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding...value',width:160} ] ], rownumbers:true // toolbar:[{ // id:'btncut', // text:'删除...align="center"> 要使用的
写插件先看看jqeury的插件如何写,先了解一下如何写插件的代码。 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。...这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突. 2.1 在JQuery名称空间下申明一个名字 这是一个单一插件的脚本。...为了演示,我们将会添加另外一个“debug”函数到我们的插件中。这个 debug函数将为输出被选中的元素格式到firebug控制台。为了创建一个闭包,我们将包装整个插件定义在一个函数中。...个人来说,我喜欢这个Metadata插件,因为它让你使用不多的"markup”覆盖插件的选项(这非常有用当创建例子时)。而且支持它非常简单。更新:注释中有一点优化建议。... 现在我们能高亮哪些div仅使用一行脚本: $('.hilight').hilight(); 2.7 整合 下面使我们的例子完成后的代码: 这段设计已经让我创建了强大符合规范的插件
var editurl = options.editurl;//更新使用的链接 var delurl = options.delurl;//要删除使用的链接...好,把带方法的插件路径的代码贴上来吧 // JavaScript Document // 为easyui增加的插件,方便CRUD的操作 (function(jQuery){ jQuery.fn.crudUIGrid...;//保存是用的链接 var loadurl = options.loadurl;//显示load的链接 var editurl = options.editurl;//更新使用的链接...var delurl = options.delurl;//要删除使用的链接 var sortName = options.sortName;//要排序的列名称 var...); OK,js插件代码部分已经完成。
创建一个 Chrome 插件是一个有趣的项目,特别是当结合使用强大的工具如 React、TypeScript、TailwindCSS 和 Vite 时 在这篇文章中,我们将逐步引导完成整个过程,了解如何在...无论是经验丰富的开发者还是刚刚起步,这篇指南都将帮助轻松应对扩展开发的复杂性。 创建一个 React Chrome 插件 是否曾想过创建自己的 Chrome 插件?...让我们使用现代 Web 技术来创建一个 Chrome 插件:React 用于构建用户界面,TypeScript 提供类型安全,TailwindCSS 用于样式设计,Vite 提供快速的开发体验。...这个文件包含关于扩展的元数据,包括其名称、版本、权限和将使用的后台脚本。 Chrome 插件的关键组件 一个典型的 Chrome 插件包括: 后台脚本:在后台运行并处理事件。...结论 使用 React、TypeScript、TailwindCSS 和 Vite 创建一个 Chrome 插件是提升开发技能的好方法,并通过尝试新功能和技术不断学习。
最近在群里遇到多数网友提到$.mobile.buttonMarkup()方法的使用。我这里就列了一下api的使用说明,以后大家看博客就能解决问题。如有不正确的地方,请留言指出!...jQuery Mobile暴露的方法都是使用$.mobile来引用。...options对象的属性解释如下: corners属性:设置圆角,布尔类型,默认为true。当为true时增加ui-corner-all样式,当为false是删除ui-corner-all样式。...这个选项是使用1.4.0将会被删除在1.5.0。它的使用类似于data-iconshadow="true"。和class添加"ui-shadow-icon"属性类似。...如下使用: $("#myAnchor").buttonMarkup({corners:false});//取消圆角 $("#myAnchor").buttonMarkup({shadow:false
什么是接口文档 接口文档的组成部分 接口文档示例 ---- 接口 接口的概念 使用Ajax请求数据时,被请求的url地址...关键有些功能完全用不到,还占地方,推荐一个vscode 插件,叫做postcode。...安装失败的话,会提示手动安装,手动安装再导入也可以, 使用postcode测试get接口 步骤 选择请求的方式 填写请求的URL地址 填写请求的参数 点击Send按钮发起...,以及接口如何进行调用。 ...接口名称:用来标识各个接口的简单说明,如何登录接口,获取图书列表接口等 接口URL: 接口的调用地址。 调用方式: 接口的调用方式 如GET或POST。
jQuery 是一个快速的,简洁的 javaScript 库,使用户能更方便地处理 HTML documents、events、实现动画效果,并且方便地为网站提供 AJAX 交互。...jQuery 还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。...jQuery 能够使用户的 html 页保持代码和 html 内容分离,也就是说,不用再在 html 里面插入一堆js来调用命令了,只需定义 id 即可。...今天在Kollermedia.at上发现了一篇JQuery插件列表的文章,特推荐如下。 文件上传(File upload) ? Ajax File Upload. jQUploader....边框、圆角、背景(Border, Corners, Background) jQuery Corner. jQuery Curvy Corner. Nifty jQuery Corner.
插件也称扩展,是一种遵循一定规范的应用程序接口编写出来的程序。...1.jQuery表单验证插件-Validation: 最常使用JavaScript的场合就是表单的验证,而jQuery作为一个优秀的JavaScript库,也提供了一个优秀的表单验证插件-Validation.../js/jquery.validate.messages_cn.js"> 2.jQuery表单插件——Form: jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易的...show(); }); Form插件还有一个核心方法就是ajaxSubmit(),也能完成用同样的功能 $("#myForm").submit(function(){ $(this).ajaxSubmit...在这里,使用$.param()方法把它转化成字符串,得到以下这种格式:name1&address=2 需要注意的是,当表单提交时,Form插件会以Ajax方式自动提交这些数据 第二个参数jqForm
Sublime是常用的代码编辑器,今天我们来讲一下Sublime的插件管理,以便我们更加容易地使用Sublime。...Sublime常用的插件有:模板插件SublimeTmpl、格式化插件HTML-CSS-JS Prettify、颜色选择器ColorPicker等。...因其插件的安装方式均相同,在此我们以模板插件SublimeTmpl进行演示,其他插件安装方法相同。 可以在Preferences->Browse Packages查看安装的插件。...安装使用步骤: 1.安装Package Control 首次安装Sublime插件时,需要先安装Package Control,按下Ctrl+shift+P调出命令面板,输入install Package...2.用Package Control安装Sublime的其他插件 按下Ctrl+shift+P调出命令面板,输入install Package,回车,如下图 等待数秒,弹出插件搜索的输入框,输入插件名称