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 ...
随机推荐
- 爬虫开发python工具包介绍 (3)
本文来自网易云社区 作者:王涛 :arg str url: URL to fetch :arg str method: HTTP method, e.g. " ...
- Hive中文注释乱码解决方案(2)
本文来自网易云社区 作者:王潘安 执行阶段 launchTask 回到Driver类的runInternal方法,看以下执行过程.在runInternal方法中,执行过程调用了execute方法 ...
- 在xcode上把你的app多语言国际化(NSLocalizedString)
1.到project->info->localizations 下面的加号,添加你需要的语言 千万不要删除 base 否虽然我不知道有什么用,我是删了整个storyboard没了,很 ...
- CodeIgniter实现读写分离
http://pengbotao.cn/codeigniter-mysql-proxy.html
- python接口自动化测试二十七:密码MD5加密
# MD5加密 # 由于MD5模块在python3中被移除# 在python3中使用hashlib模块进行md5操作import hashlib def MD5(str): # 创建md5对象 hl ...
- Consecutive Subsequence (DP+map)
You are given an integer array of length nn. You have to choose some subsequence of this array of ma ...
- 在VS2017中编写Python程序
最近开始了python的学习,在搭建完python环境之后,在选择IDE的时候陷入了困境,首先选择的是PyCharm但是用着还是不习惯,毕竟用VS开发了几年了,突然换软件总感觉有点不适应,就想到了强大 ...
- poj3180 The Cow Prom
The Cow Prom Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 2373 Accepted: 1402 Desc ...
- Java线程的学习_线程池
系统启动一个新线程需要很高的成本,因为它涉及与操作系统交互.在这种情况下,使用线程池可以很好地提高性能,尤其是当程序中需要创建大量生存期很短暂的线程时. 线程池在系统启动时即创建大量空闲的线程,程序将 ...
- keepalived学习
HA集群 keepalived heartbeat corosync cman 功能实现 vrrp协议在Linux主机上以守护进程方式, 能够根据配置文件自动生成ipvs规则 对各RS健康状态检测 组 ...