拿jquery-easyui-1.2.6举例
所有的图标在哪,如何引用,
所有的图标在 jquery-easyui-1.2.6\themes\icons 目录下,
在icon.css定义的如何引用
jquery-easyui-1.2.6/themes/icon.css
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 目录下还有一些图标
其他参考:
http://www.veryhuo.com/a/view/36052.html