原文地址:http://blog.163.com/shexinyang@126/blog/static/136739312201491011492263/

拿jquery-easyui-1.2.6举例

所有的图标在哪,如何引用,

所有的图标在 jquery-easyui-1.2.6\themes\icons 目录下,

icon.css定义的如何引用

jquery-easyui-1.2.6/themes/icon.css

  1. .icon-blank{
  2. background:url('icons/blank.gif') no-repeat;
  3. }
  4. .icon-add{
  5. background:url('icons/edit_add.png') no-repeat;
  6. }
  7. .icon-edit{
  8. background:url('icons/pencil.png') no-repeat;
  9. }
  10. .icon-remove{
  11. background:url('icons/edit_remove.png') no-repeat;
  12. }
  13. .icon-save{
  14. background:url('icons/filesave.png') no-repeat;
  15. }
  16. .icon-cut{
  17. background:url('icons/cut.png') no-repeat;
  18. }
  19. .icon-ok{
  20. background:url('icons/ok.png') no-repeat;
  21. }
  22. .icon-no{
  23. background:url('icons/no.png') no-repeat;
  24. }
  25. .icon-cancel{
  26. background:url('icons/cancel.png') no-repeat;
  27. }
  28. .icon-reload{
  29. background:url('icons/reload.png') no-repeat;
  30. }
  31. .icon-search{
  32. background:url('icons/search.png') no-repeat;
  33. }
  34. .icon-print{
  35. background:url('icons/print.png') no-repeat;
  36. }
  37. .icon-help{
  38. background:url('icons/help.png') no-repeat;
  39. }
  40. .icon-undo{
  41. background:url('icons/undo.png') no-repeat;
  42. }
  43. .icon-redo{
  44. background:url('icons/redo.png') no-repeat;
  45. }
  46. .icon-back{
  47. background:url('icons/back.png') no-repeat;
  48. }
  49. .icon-sum{
  50. background:url('icons/sum.png') no-repeat;
  51. }
  52. .icon-tip{
  53. background:url('icons/tip.png') no-repeat;
  54. }
  55. .icon-mini-add{
  56. background:url('icons/mini_add.png') no-repeat 2px 2px;
  57. }
  58. .icon-mini-edit{
  59. background:url('icons/mini_edit.png') no-repeat 2px 2px;
  60. }
  61. .icon-mini-refresh{
  62. background:url('icons/mini_refresh.png') no-repeat 3px 2px;
  63. }

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

其他参考:

http://www.veryhuo.com/a/view/36052.html

[转]easyui 全部图标的更多相关文章

  1. 使用webfont为easyui扩充图标

    目前回到pc端开发,开始用了easyui这个框架.重拾easyui后感觉这个框架用的很多技术太古老,页面风格也太控件化.单从图标一项来说吧,这种花花绿绿的图标用户一看都傻了眼,同时整个框架就提供了那么 ...

  2. 使用Font Awesome替换EasyUI的图标

    用过EasyUI的朋友都知道,大部分组件都有一个iconCls属性,用于显示一个图标.但是EasyUI自带图标数量少.不美观,于是想到了使用Font Awesome来更换和拓展这些图标. 先看看Eas ...

  3. jquery easyui添加图标扩展

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

  4. easyui 放大镜图标

    iconCls:search 对应的 easyui的查询图标忒丑 想用放大镜图标 iconCls:zoom 找半天找到放大镜图标的 然后去icon.css文件中查 发现这个样式就叫zoom.

  5. easyUI默认图标的使用

    使用格式如下: <table id="table" class="easyui-datagrid" style="width:600px;hei ...

  6. jquery easyui 全部图标

    所有的图标在 jquery-easyui-1.2.6\themes\icons 目录下, 在icon.css定义的如何引用 jquery-easyui-1.2.6/themes/icon.css .i ...

  7. easyui加入自己定义图标

    近期用easyui发现图标挺少的,事实上能够另外加入一个css样式,只是我偷懒,直接在easyui的css里面加入了. 以下是文件夹: icon.css是easyui的默认样式文件.ext_icons ...

  8. easyui图标对照

    转自:https://blog.csdn.net/qq_34545192/article/details/78250816 原作者文章地址: http://www.cnblogs.com/timeme ...

  9. 【tornado】系列项目(二)基于领域驱动模型的区域后台管理+前端easyui实现

    本项目是一个系列项目,最终的目的是开发出一个类似京东商城的网站.本文主要介绍后台管理中的区域管理,以及前端基于easyui插件的使用.本次增删改查因数据量少,因此采用模态对话框方式进行,关于数据量大采 ...

随机推荐

  1. SpringMVC从入门到精通之第一章

    第一节 简介:SpringMVC是Spring框架的一个模块,Spring和SpringMVC无需通过中间整合层进行整合.SpringMVC是基于MVC的WEB框架.MVC设计模式在B/S下的应用: ...

  2. TestNG之注解的生命周期

    有必要介绍一下TestNG注解的生命周期,先看一下官网支持的注解有 @BeforeSuite@AfterSuite@BeforeTest@AfterTest@BeforeGroups@AfterGro ...

  3. POJ3187Backward Digit Sums[杨辉三角]

    Backward Digit Sums Time Limit: 1000MS   Memory Limit: 65536K Total Submissions: 6350   Accepted: 36 ...

  4. 邮件页面为何只能Table写及注意事项

    编写HTML邮件与编写HTML页面有很大的不同.因为,各面向网民的主流邮箱都或多或少的会对它们接收到的HTML邮件在后台进行过滤.毫无疑问,JS代码是被严格过滤掉的,包括所有的事件监听 属性,如onc ...

  5. Linux常用命令学习

    1.ls命令 就是list的缩写,通过ls 命令不仅可以查看linux文件夹包含的文件,而且可以查看文件权限(包括目录.文件夹.文件权限)查看目录信息等等 常用参数搭配: ls -a 列出目录所有文 ...

  6. Oracle 行转列,列转行

    一.行转列1.1.初始测试数据表结构:TEST_TB_GRADESql代码:1    create table TEST_TB_GRADE2    (3      ID        NUMBER(1 ...

  7. row_number()over(partition by 字段 order by 字段)ID,修改重复行的字段值。

    案例分析: 现在要查询一个表单里面的运费结果,但是他还有分录,为了显示分录,必须把表头显示出来,问题是,他要查询运费的合计, 但是这样就会导致重复行也加进去了,这样显然数据不准,为此,可以把重复的行设 ...

  8. 利用Android的UXSS漏洞完成一次XSS攻击

    黑客攻击的方式思路是先搜集信息,定位漏洞,然后针对不同的漏洞采用不同的方式来黑掉你.下面用metasploit模拟一次跨站脚本攻击(黑掉自己的手机). 1.搜集信息 msf > search a ...

  9. 理解java的finalize

    基本预备相关知识 1 java的GC只负责内存相关的清理,所有其它资源的清理必须由程序员手工完成.要不然会引起资源泄露,有可能导致程序崩溃. 2 调用GC并不保证GC实际执行. 3 finalize抛 ...

  10. poj 3255 Roadblocks

    Roadblocks Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 13216 Accepted: 4660 Descripti ...