jquery easyui添加图标扩展

easyui中有很多通过iconCls="icon-reload"这样的属性引入小图标显示,当然我们也可以自己添加自己的小图标。

方式:1.我们可以在jquery easyui的文件夹中找到/jquery-easyui-1.4/themes/icon.css该css中就是引入easyui中已经有的图标,我们可以按照该文件中的样式,自己再从新写一个css文件,建议不要在原icon.css中添加修改,我建议自己再写一个别的css文件也引入到页面中。

   2.准备好自己的图片,放到项目中,然后在自己写的css文件中,增加如下代码:

.icon-uoload{
    background:url(‘icons/upload.png‘) no-repeat center center;
}

引用自己定义的icon用法是一样的,iconCls="icon-uoload",名字要跟css文件中定义的名字一样。

时间: 2024-10-04 09:58:10

jquery easyui添加图标扩展的相关文章

EasyUI Icon 图标扩展(1775个)

最近在用EasyUI做项目是发现自带的Icon图标太少,而且不是很美观.于是就有了下面的东西. 直接上图:(纯属个人无聊之作勿喷) css及图标下载地址: http://download.csdn.net/detail/miracle98/7579723 EasyUI Icon 图标扩展(1775个)

给jquery easy-ui 添加右键菜单

版权声明:转自为EasyUI 的Tab 标签添加右键菜单 1 <!doctype html> 2 <html> 3 <head> 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 5 <title>tabs 右键菜单demo QQ:15129679</title> 6 <link rel="

jquery easyui 全部图标

所有的图标在 jquery-easyui-1.2.6\themes\icons 目录下, 在icon.css定义的如何引用 jquery-easyui-1.2.6/themes/icon.css .icon-blank{background:url('icons/blank.gif') no-repeat;}.icon-add{background:url('icons/edit_add.png') no-repeat;}.icon-edit{background:url('icons/penc

jQuery EasyUI 教程

jQuery EasyUI 是一个基于 jQuery的javascript框架,集成了各种用户界面插件.jQuery EasyUI 框架提供了创建网页所需的一切,帮助您轻松建立站点.本教程将告诉您如何使用 jQuery EasyUI 框架创建应用.现在开始学习 jQuery EasyUI!jQuery EasyUI 离线版CHM下载! jQuery EasyUI 教程目录 jQuery EasyUI 教程jQuery EasyUI 简介 jEasyUI 应用jEasyUI 创建 CRUD 应用j

Jquery EasyUI的添加,修改,删除,查询等基本操作介绍

http://www.jb51.net/article/42016.htm 初识Jquery EasyUI看了一些博主用其开发出来的项目,页面很炫,感觉功能挺强大,效果也挺不错,最近一直想系统学习一套前台控件,于是在网上找了一些参考示例.写了一些基本的增删改查功能,算是对该控件的基本入门.后续有时间继续深入学习. 在学习jquery easyui前应该先到官网下载最新版本http://www.jeasyui.com/download/index.php 先看一下运行后的页面 1.列表展示 2.新

jQuery EasyUI API 中文帮助文档和扩展实例

下载地址:jQuery EasyUI API 中文帮助文档 1.validatebox验证和提示框扩展: //弹框 $.extend({ show_alert: function (strTitle, strMsg) { $.messager.alert(strTitle, strMsg); } }); //扩展validatebox,添加验证 $.extend($.fn.validatebox.defaults.rules, { eqPwd: { validator: function (va

[转]jQuery EasyUI 扩展-- 主题(Themes)

主题(Themes)允许您改变站点的外观和感观.使用主题可以节省设计的时间,让您腾出更多的时间进行开发.您也可以创建一个已有主题的子主题. 主题生成器(Theme Builder) jQuery UI 主题 许多扩展的主题是基于 jQuery UI 主题创建的,它们不是官方发布的. Sunny Pepper Grinder Cupertino Dark Hive Metro 主题 下面的扩展主题是基于 Metro 主题创建的. Metro Blue Metro Gray Metro Green

给jquery对象添加自定义方法和扩展jquery类

http://blog.sina.com.cn/s/blog_944b24ef0101epr5.html 一.给jQuery对象添加自定义方法   方法一.$.fn.xxx 方法二.jQuery.fn.extend({ xxx:function(){ alert($(this).val()); } });       方法一示例: $.fn.setCursorPosition = function(position){            if(this.lengh == 0) return

雷林鹏分享:jQuery EasyUI 扩展

jQuery EasyUI 扩展 Portal(制作图表.列表.球形图等) 数据网格视图(DataGrid View) 可编辑的数据网格(Editable DataGrid) 可编辑的树(Editable Tree) 数据网格行过滤(DataGrid Filter Row) 数据网格行拖放(Drag and Drop Rows in DataGrid) 树形网格行拖放(Drag and Drop Rows in TreeGrid) 主题(Themes) DWR 加载器(DWR Loader) R