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/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;
}

jquery-easyui-1.2.6\themes\default\images 目录下还有一些图标

时间: 2024-07-29 09:59:02

jquery easyui 全部图标的相关文章

jquery easyui添加图标扩展

easyui中有很多通过iconCls="icon-reload"这样的属性引入小图标显示,当然我们也可以自己添加自己的小图标. 方式:1.我们可以在jquery easyui的文件夹中找到/jquery-easyui-1.4/themes/icon.css该css中就是引入easyui中已经有的图标,我们可以按照该文件中的样式,自己再从新写一个css文件,建议不要在原icon.css中添加修改,我建议自己再写一个别的css文件也引入到页面中. 2.准备好自己的图片,放到项目中,然后在

第二百零八节,jQuery EasyUI,SplitButton(分割按钮菜单)组件

jQuery EasyUI,SplitButton(分割按钮)组件 学习要点: 1.加载方式 2.属性列表 3.方法列表 本节课重点了解 EasyUI 中 SplitButton(分割按钮)组件的使用方法,这个组件依赖 于 Menu(菜单)组件和 LinkButton(按钮)组件. 注意:SplitButton(分割按钮)组件与,MenuButton(菜单按钮)是一样的,不同是(分割按钮)组件多了一个分隔符 一加载方式 class 加载方式 <a href="javascript:void

jquery easyui datagrid 分页 详解

前些天用jquery easyui的table easyui-datagrid做分页显示的时候,折腾了很久,后来终于解决了.其实不难,最主要我不是很熟悉前端的东西. table easyui-datagrid分页 有一个附加的分页控件,只需后台获取分页控件自动提交的两个参数rows(每页显示的记录数)和page(当前第几页)然后读取相应页数的记录,和总记录数total一块返回即可. 1.界面 2.前端代码 <table id="dg" title="文章管理"

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

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

前端基础教程-jQuery EasyUI 的EasyLoader实例

兄弟连前端HTML5培训分享-jQuery EasyUI 的EasyLoader实例 to move panel to other position $('#p').panel('move',{ left:100, top:100 }); 属性: title,类型是string,是显示在面板头部的标题文本,默认值为null. iconcls,类型是string,用一个css class显示在面板上的16x16的图标,默认值为null. width,类型是number,设置面板宽度,默认值是aut

struts2+Hibernate4+spring3+EasyUI环境搭建之五:引入jquery easyui

1.下载jquery easyui组件     http://www.jeasyui.com/download/index.php 2.解压 放到工程中  如图 3.jsp引入组件:必须按照如下顺序 <script type="text/javascript" src="jslib/jquery-easyui-1.4.4/jquery.min.js"></script> <!--jquery文件 --><script typ

jquery easyui根据需求二次开发记录

1.tree需要显示多个图标 实际需求:设备树上节点需搁三个图片,分别标识运行状态.告警状态.设备类型 解决方法:给tree的iconCls传入一个数组,分别是各状态下的class(css),然后要改动easyui关于tree节点组装部分的代码 if(item.iconCls ){ cc.push("<span class=\"tree-icon tree-folder "+(item.iconCls?item.iconCls:"")+"\

第二百零六节,jQuery EasyUI,Menu(菜单)组件

jQuery EasyUI,Menu(菜单)组件 学习要点: 1.加载方式 2.菜单项属性 3.菜单属性 4.菜单事件 5.菜单方法 本节课重点了解 EasyUI 中 Menu(菜单)组件的使用方法,这个组件不依赖于任何其他 组件. 一.加载方式 菜单组件通常用于快捷菜单,在加载方式上,通过 class 或 JS 进行设置为菜单组件. 然后,再通过 JS 事件部分再响应. class 加载方式, <div id="box" class="easyui-menu"

网站前端_EasyUI.基础入门.0002.带你玩转jQuery EasyUI Panel组件 ?

简单介绍: 说明: Panel面板常当作其它内容的容器,可用于创建包含Layout布局/Tabs选项卡/Accordion折叠面板等基础组件,还提供了内置的折叠/关闭/最大化/最小化的行为,你可以将它嵌入到网页的任何位置. 基础用法: <div id="p" class="easyui-panel" title="面板-标题" data-options="iconCls:'icon-save',closable:true,coll