首页
学习
活动
专区
圈层
工具
发布

为 IE7、IE8 增加圆角支持的 jQuery 插件:jQuery Corner

圆角在网页设计中比较常见,但是却让前端很苦恼。在过去的时候,做一个圆角效果往往需要将圆角图片切出,然后通过背景等实现效果。...而在现在,CSS3 中有一个 border-radius 属性即可生成各种尺寸的圆角,十分强大,于是大家都开始使用 border-radius 的方式做圆角。...但是在国内早期 IE 浏览器仍然盛行的时期,为了考虑到大多数用户,我们不得不通过一些插件之类的来实现圆角,jQuery Corner 就是这样一个插件,使用这个插件配置一下圆角半径等参数,即可生成圆角同时兼容各种早期...另外我们还可以看一下 jQuery Corner 插件的演示 ,它不仅仅支持生成各种圆角,同时还可以生成一些其他奇怪的“角”,虽然不是很实用,但万一有时候就用上了呢 如果你的项目中,需要圆角,同时还需要兼容早期...IE 浏览器,不妨来试用一下吧,下载:jQuery Corner。

1.1K10

基于jQuery UI CSS Framework开发Widget

我们可以利用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进行修饰一下的。

2.3K100
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    如何编写自己的jQuery插件?

    不仅如此,在创建jQuery对象时,这些附加方法并不是孤立的,而是在创建jQuery对象时使用其余的方法(已经继承的)调用。jQuery插件可以jQuery库中存在的各种方法的形式单独使用。...每个方法都是一个插件。但是,在新的情况下,插件也可以自定义创建,这并不是一项非常困难的任务。 jQuery是如何工作的?...要理解jQuery是如何工作的,你需要遵循以下步骤: · 创建一个带有所有基本标记的HTML文档,并调用jQuery.js文件。...最后一行调用插件函数将所有带有a“标签的链接变为黄色。 保护$Alias并添加作用域 编写jQuery插件时总是假定$使用jQuery函数的别名。$在JavaScript库中非常有名。...因此,当需要多个jQuery库时,使用$可能会产生冲突。因此,为了使我们能够将jQuery与其他插件一起使用。必须将代码放在立即调用函数的表达式中。这之后是jQuery的传递,然后命名它的参数$.

    2.2K10

    用于创建树形部件的 jQuery 插件:jsTree

    jsTree 是一个基于 jQuery 和 Sarissa 的免费网页树形部件,它设置灵活,并且支持几乎主流的浏览器,如:Internet Explorer 6 +, Mozilla Firefox,...jsTree 支持三种数据源头: 预先定义好的 HTML -嵌套的列表结构 JSON XML jsTree 的主要功能有: 同步导入 - 只需要提供一个 URL,就会去请求数据(只适合 JSON 和 XML...支持打开,关闭,重命名,创建,删除节点(通过预先定义好的规则) 支持多种回调函数(onchange, oncreate, ondelete, onload, 等等) 支持拖拉 支持多重选择 支持多种语言...支持主题(可以修改图标,大小和背景等等) 可以支持动态打开和关闭(configurable) 可选的快捷键导航 支持多个树形部件 另外还可以做为 jQuery 插件。

    1.5K10

    zblog怎么删除模块管理中插件创建的模块

    最近升级了zbp最新版,功能有了很大的提升,但是发现一个问题,就是我之前主题模块创建的插件,更改模块ID,然后在模块管理中发现了原来的模块内容,但是右侧的删除功能没有了,也就是说不能删除失效的模块,我记得...请教了一下群里的大佬们,最简单粗暴的办法就是进数据库删除模块,我勒个去,太刺激啦,太暴力了,测试了一下,结果不是很难,附上简单的图文教程,切记删除之前记得备份,记得备份,记得备份!!!...首先登录网站后台,主题管理,切换默认主题,切记一定得是没有自带插件的主题,如果不知道就使用官方的默认主题吧,然后点击模块管理,找到“插件创建的模块”这时可能会有一到几个失效却存在的模块,如图:点击右侧编辑...,找到刚才模块的文件名,如图所示: 直接点击删除按钮,会弹出提示框,点击确定,删除完成后,回到网站后台,模块管理这时之前的模块已经消失,如图: 删除之后这个失效的模块就没有了,最后把主题切换回来就行了...,关于主题自建模块是我的失误,我没考虑到无法删除的问题,因为新增模块模块可能会导致部分模块ID设置不准确,索性就重置了,但是系统已经存在,主题又无法控制了,所以就,,,不好意思啦,敬请谅解,下不为例,辛苦您手动删除吧

    2.1K20

    如何创建对象以及jQuery中创建对象的方式(推荐)

    } 可以使用delete删除对象的属性和方法 delete dog.name; 在window作用域中,不能使用delete删除var, function定义的属性和方法,可以删除没有使用var,...工厂模式 在实际使用当中,字面量创建对象虽然很有用,但是它并不能满足我们的所有需求,我们希望能够能够和其他后台语言一样创建一个类,然后声明类的实例就能够多次使用,而不用每次使用的时候都要重新创建它,于是...5. jQuery中创建对象是如何实现的? 其实通过上面方式,使用构造函数声明实例的专属变量和方法,使用原型声明公用的实例和方法,已经是创建对象的完美解决方案了。...可是唯一的不足在于,每次创建实例都要使用new来声明。...这样未免太过麻烦,如果jquery对象也这样创建,那么你就会看到一段代码中有无数个new,可是jQuery仅仅只是使用了$('xxxx')便完成了实例的创建,这是如何做到的呢?

    6.7K20

    使用jquery-easyui写的CRUD插件(1)

    写插件先看看jqeury的插件如何写,先了解一下如何写插件的代码。 jQuery插件的开发包括两种: 一种是类级别的插件开发,即给jQuery添加新的全局函数,相当于给jQuery类本身添加方法。...这样的好处是,我们在写jQuery插件时,也可以使用$这个别名,而不会与prototype引起冲突. 2.1 在JQuery名称空间下申明一个名字 这是一个单一插件的脚本。...为了演示,我们将会添加另外一个“debug”函数到我们的插件中。这个 debug函数将为输出被选中的元素格式到firebug控制台。为了创建一个闭包,我们将包装整个插件定义在一个函数中。...个人来说,我喜欢这个Metadata插件,因为它让你使用不多的"markup”覆盖插件的选项(这非常有用当创建例子时)。而且支持它非常简单。更新:注释中有一点优化建议。... 现在我们能高亮哪些div仅使用一行脚本: $('.hilight').hilight(); 2.7 整合 下面使我们的例子完成后的代码: 这段设计已经让我创建了强大符合规范的插件

    1.2K90

    如何使用 React、TypeScript、TailwindCSS 和 Vite 创建 Chrome 插件

    创建一个 Chrome 插件是一个有趣的项目,特别是当结合使用强大的工具如 React、TypeScript、TailwindCSS 和 Vite 时 在这篇文章中,我们将逐步引导完成整个过程,了解如何在...无论是经验丰富的开发者还是刚刚起步,这篇指南都将帮助轻松应对扩展开发的复杂性。 创建一个 React Chrome 插件 是否曾想过创建自己的 Chrome 插件?...让我们使用现代 Web 技术来创建一个 Chrome 插件:React 用于构建用户界面,TypeScript 提供类型安全,TailwindCSS 用于样式设计,Vite 提供快速的开发体验。...这个文件包含关于扩展的元数据,包括其名称、版本、权限和将使用的后台脚本。 Chrome 插件的关键组件 一个典型的 Chrome 插件包括: 后台脚本:在后台运行并处理事件。...结论 使用 React、TypeScript、TailwindCSS 和 Vite 创建一个 Chrome 插件是提升开发技能的好方法,并通过尝试新功能和技术不断学习。

    2.9K10

    【jquery Ajax】接口的学习与Postcode插件的使用

    什么是接口文档                 接口文档的组成部分                  接口文档示例 ---- 接口         接口的概念 使用Ajax请求数据时,被请求的url地址...关键有些功能完全用不到,还占地方,推荐一个vscode 插件,叫做postcode。...安装失败的话,会提示手动安装,手动安装再导入也可以,                 使用postcode测试get接口 步骤  选择请求的方式 填写请求的URL地址 填写请求的参数 点击Send按钮发起...,以及接口如何进行调用。                ...接口名称:用来标识各个接口的简单说明,如何登录接口,获取图书列表接口等 接口URL: 接口的调用地址。 调用方式: 接口的调用方式 如GET或POST。

    90140

    强烈推荐:240多个jQuery插件

    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.

    2.5K41

    web前端之锋利的jQuery八:jQuery插件的使用(表单验证、表单提交)

    插件也称扩展,是一种遵循一定规范的应用程序接口编写出来的程序。...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

    8.4K50

    Sublime的常用插件及安装、使用和删除

    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,回车,如下图 等待数秒,弹出插件搜索的输入框,输入插件名称

    2.9K90
    领券