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
文件夹是默认的图标,如果你觉得不够用,可以上网下载
16
x
16
大小的图片,放在
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 ...
随机推荐
- BNUOJ 5227 Max Sum
Max Sum Time Limit: 1000ms Memory Limit: 32768KB This problem will be judged on HDU. Original ID: ...
- [uiautomator篇] python uiautomatorDemo
#coding=utf-8 """ @version: 1.0 @author: @prerequisite: based on Python 2.7 @usage: 1 ...
- [android 代码search地址]
http://www.androidcodesearch.com/source/packages/apps/Settings/src/com/android/settings/SecuritySett ...
- LCA+主席树 (求树上路径点权第k大)
SPOJ 10628. Count on a tree (树上第k大,LCA+主席树) 10628. Count on a tree Problem code: COT You are given ...
- 九度oj 题目1256:找出两个只出现了一次的数字
题目描述: 一个整型数组里除了两个数字之外,其他的数字都出现了两次.请写程序找出这两个只出现一次的数字. 输入: 输入的第一行包括一个整数N(1<=N<=1000). 接下来的一行包括N个 ...
- hihoCoder 1367 等式填空
明确题意 等号左边是由'+'和'?'组成的算式,其中处于某个整数(即便这个整数只有一位)首位的'?'可以填入1-9中的某个数字,其余'?'可以填入0-9中的某个数字. SOURCE 这里未明确等号左边 ...
- 常州模拟赛d3t3 两只怪物心心相印
题目背景 从前我是一位无名的旅人,旅途中我得到了某样东西:贤者之石.我因此得到悠久的时光和漂泊的生命.1897年冬天,我一时兴起舍弃了旅人的生活. 贤者之石创造出来的,是货真价实的黄金.我的名声传遍了 ...
- Spring JdbcTemplate 与 事务管理 学习
Spring的JDBC框架能够承担资源管理和异常处理的工作,从而简化我们的JDBC代码, 让我们只需编写从数据库读写数据所必需的代码.Spring把数据访问的样板代码隐藏到模板类之下, 结合Sprin ...
- Ubuntu MySQL的安装使用
删除 mysql sudo apt-get autoremove --purge mysql-server-5.0 sudo apt-get remove mysql-server sudo apt- ...
- msp430项目编程56
msp430综合项目---扩展项目六56 1.电路工作原理 2.代码(显示部分) 3.代码(功能实现) 4.项目总结