Jquery-easyui的默认图标的使用,以及如何添加自己想要的图标
easyui的默认图标有以下这些:
- .icon-blank{
- background:url('icons/blank.gif') no-repeat;
- }
- .icon-add{
- background:url('icons/edit_add.png') no-repeat;
- }
- .icon-edit{
- background:url('icons/pencil.png') no-repeat;
- }
- .icon-remove{
- background:url('icons/edit_remove.png') no-repeat;
- }
- .icon-save{
- background:url('icons/filesave.png') no-repeat;
- }
- .icon-cut{
- background:url('icons/cut.png') no-repeat;
- }
- .icon-ok{
- background:url('icons/ok.png') no-repeat;
- }
- .icon-no{
- background:url('icons/no.png') no-repeat;
- }
- .icon-cancel{
- background:url('icons/cancel.png') no-repeat;
- }
- .icon-reload{
- background:url('icons/reload.png') no-repeat;
- }
- .icon-search{
- background:url('icons/search.png') no-repeat;
- }
- .icon-print{
- background:url('icons/print.png') no-repeat;
- }
- .icon-help{
- background:url('icons/help.png') no-repeat;
- }
- .icon-undo{
- background:url('icons/undo.png') no-repeat;
- }
- .icon-redo{
- background:url('icons/redo.png') no-repeat;
- }
- .icon-back{
- background:url('icons/back.png') no-repeat;
- }
- .icon-sum{
- background:url('icons/sum.png') no-repeat;
- }
- .icon-tip{
- background:url('icons/tip.png') no-repeat;
- }
- .icon-mini-add{
- background:url('icons/mini_add.png') no-repeat 2px 2px;
- }
- .icon-mini-edit{
- background:url('icons/mini_edit.png') no-repeat 2px 2px;
- }
- .icon-mini-refresh{
- background:url('icons/mini_refresh.png') no-repeat 3px 2px;
- }
1.3.0版easyui默认图标有这些,下载easyUI的压缩包后,解压后在theme文件夹下的icons文件夹是默认的图标,如果你觉得不够用,可以上网下载16x16大小的图片,放在icons文件夹下,然后更改theme文件夹下的icon.css
添加以下css代码即可.icon-你的名称{background:url('icons/图片名称.png') no-repeat 3px 2px;}Jquery-easyui的默认图标的使用,以及如何添加自己想要的图标的更多相关文章
- jquery easyUi 配置默认页码
jquery easyUI用pagenation 属性如果修改其默认加载页面显示,配置该怎样写? 注意区分datagrid的pagenation分页的区别,代码如下. if ($.fn.paginat ...
- jquery easyui datebox 时间控件默认显示当前日期的实现方法
jquery easyui datebox 时间控件默认显示当前日期的实现方法 直接class easyui-datebox后添加一个value="true"就可以
- jquery easyui添加图标扩展
easyui中有很多通过iconCls="icon-reload"这样的属性引入小图标显示,当然我们也可以自己添加自己的小图标. 方式:1.我们可以在jquery easyui的文 ...
- 修改 jquery easyui 表单验证默认的样式
目前对于不符合要求的输入域会在右侧显示一个带箭头的提示,可是如果我的输入框比较靠右的话就显示不全了(虽然会出滚动条,但是由于鼠标移开就消失了,所以还是看不到提示内容)! 能不能把这个提示的位置改变一下 ...
- [转]Spring3 MVC + jQuery easyUI 做的ajax版本用户管理
原文地址:http://www.iteye.com/topic/1081739 上周写了篇基于spring3.0.5 mvc 简单用户管理实例 ( http://www.iteye.com/topic ...
- JQuery EasyUI中datagrid的使用
在学习过程中,可以参照JQuery EasyUI的官方网站学习.地址:http://www.jeasyui.com/demo/main/index.php 在学习JQuery EasyUI中的Data ...
- Jquery easyui tree的使用
这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: <ul id="messageInfoAddTree" ...
- 【推荐】使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享
使用Jquery+EasyUI 进行框架项目开发案例讲解之一 员工管理源码分享 在开始讲解之前,我们先来看一下什么是Jquery EasyUI?jQuery EasyUI是一组基于jQuery的U ...
- jquery easyui中文培训文档
目 录 1.... Accordion(可折叠标签)... 2 1.1 实例... 2 1.2 参数... 3 2.... DateBox(日期框)... 4 2 ...
随机推荐
- SQLSERVER 差异备份、全备份
--exec BackUPDatabase_LeeHG语句参数说明: -- 示例:exec BackUPDatabase_LeeHG '参数一','参数二','参数三','参数四','参数五',' 参 ...
- ajax 原生 post
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- 【Luogu】P2762太空飞行计划(最大权闭合图)
题目链接 woc这题目的输入格式和输出格式真的恶心 首先我们就着样例讲一下闭合图 如图所示,第一层是两个实验节点,带来正收益:第二层是三个仪器节点,带来负收益:问讲道理到终点可以获得多大收益. 闭合图 ...
- BZOJ3130 [Sdoi2013]费用流 【网络流 + 二分】
题目 Alice和Bob在图论课程上学习了最大流和最小费用最大流的相关知识. 最大流问题:给定一张有向图表示运输网络,一个源点S和一个汇点T,每条边都有最大流量.一个合法的网络流方案必须满足:(1)每 ...
- 算法复习——带修改莫队(bzoj2453)
题目: Description 你小时候玩过弹珠吗? 小朋友A有一些弹珠,A喜欢把它们排成队列,从左到右编号为1到N.为了整个队列鲜艳美观,小朋友想知道某一段连续弹珠中,不同颜色的弹珠有多少.当然,A ...
- Spoj-BGSHOOT
The problem is about Mr.BG who is a great hunter. Today he has gone to a dense forest for hunting an ...
- 【angularjs学习】简单的语法
<div ng-app="" ng-init="names=[{name:'Jani',country:'Norway'},{name:'Hege',country ...
- c/s委托练习
今天玩了玩C/S开发,也随便练习了很久不用的委托 父窗体中写的代码 #region 委托与事件传递 public delegate void TextChangedHandler(string ...
- Apache Sqoop - Overview Apache Sqoop 概述
使用Hadoop来分析和处理数据需要将数据加载到集群中并且将它和企业生产数据库中的其他数据进行结合处理.从生产系统加载大块数据到Hadoop中或者从大型集群的map reduce应用中获得数据是个挑战 ...
- .net面试题汇总一第一篇
1. 简述 private. protected. public. internal 修饰符的访问权限. private:私有成员,只能在类内部中才可以访问. protected:受保护的,只能在该类 ...