jQuery-EasyUI-CSS：Icon 图标

ylbtech-jQuery-EasyUI-CSS：Icon 图标

1、

<table style="height: 100%">
    <tr>
        <td><a class="easyui-linkbutton" data-options="iconCls:'icon-redo',plain:true" href="javascript:void(0)" onclick="myPage.ExpandAll();">展开所有</a></td>
        <td><a class="easyui-linkbutton" data-options="iconCls:'icon-undo',plain:true" href="javascript:void(0)" onclick="myPage.CollapseAll();">折叠所有</a></td>
        <td><a class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true" href="javascript:void(0)" onclick="myPage.AddNode();">添加节点</a></td>
        <td><a class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true" href="javascript:void(0)" onclick="myPage.EditNode();">编辑节点</a></td>
        <td><a class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true" href="javascript:void(0)" onclick="myPage.RemoveNode();">删除节点</a></td>
        <td><a class="easyui-linkbutton" data-options="iconCls:'icon-save',plain:true" href="javascript:void(0)" onclick="myPage.SaveNode();">保存</a></td>
        <td><a class="easyui-linkbutton" data-options="iconCls:'icon-connect',plain:true" href="javascript:void(0)" onclick="myPage.RelatedElement();">关联元素</a></td>
    </tr>
</table>

2、

1、

Web\Common\CSS\easyui\icon.css

.icon-blank {
    background: url('icons/blank.gif') no-repeat center center;
}

.icon-add {
    background: url('icons/edit_add.gif') no-repeat center center;
}

.icon-edit {
    background: url('icons/edit.gif') no-repeat center center;
}

.icon-order {
    background: url('icons/order.gif') no-repeat center center;
}

.icon-select {
    background: url('icons/select.gif') no-repeat center center;
}

.icon-maintenance {
    background: url('icons/maintenance.gif') no-repeat center center;
}

.icon-log {
    background: url('icons/log.gif') no-repeat center center;
}

.icon-issue {
    background: url('icons/issue.gif') no-repeat center center;
}

.icon-copyFrom {
    background: url('icons/copyFrom.gif') no-repeat center center;
}

.icon-configCalc {
    background: url('icons/configCalc.gif') no-repeat center center;
}

.icon-BHbutton {
    background: url('icons/bh.png') no-repeat center center;
}

.icon-remove {
    background: url('icons/edit_remove.gif') no-repeat center center;
}

.icon-save {
    background: url('icons/filesave.png') no-repeat center center;
}

.icon-template {
    background: url('icons/template.gif') no-repeat center center;
}

.icon-cut {
    background: url('icons/cut.png') no-repeat center center;
}

.icon-copy {
    background: url('icons/copy.png') no-repeat center center;
}

.icon-paste {
    background: url('icons/paste.png') no-repeat center center;
}

.icon-exit {
    background: url('icons/exit.png') no-repeat center center;
}

.icon-up {
    background: url('icons/moveUp.gif') no-repeat center center;
}

.icon-down {
    background: url('icons/moveDown.gif') no-repeat center center;
}

.icon-upTop {
    background: url('icons/UP.gif') no-repeat center center;
}

.icon-downLast {
    background: url('icons/DOWN.gif') no-repeat center center;
}

.icon-ok {
    background: url('icons/ok.png') no-repeat center center;
}

.icon-no {
    background: url('icons/no.png') no-repeat center center;
}

.icon-cancel {
    background: url('icons/cancel.png') no-repeat center center;
}

.icon-reload {
    background: url('icons/reload.png') no-repeat center center;
}

.icon-search {
    background: url('icons/search.gif') no-repeat center center;
}

.icon-col {
    background: url('icons/colset.png') no-repeat center center;
}

.icon-dicData {
    background: url('icons/dic-data.png') no-repeat center center;
}

.icon-dict {
    background: url('icons/dict.gif') no-repeat center center;
}

.icon-deploy {
    background: url('icons/deploy.gif') no-repeat center center;
}

.icon-module {
    background: url('icons/module.gif') no-repeat center center;
}

.icon-fact {
    background: url('icons/fact.gif') no-repeat center center;
}

.icon-hierData {
    background: url('icons/hierData.gif') no-repeat center center;
}

.icon-print {
    background: url('icons/print.png') no-repeat center center;
}

.icon-help {
    background: url('icons/help.gif') no-repeat center center;
}

.icon-unhelp {
    background: url('icons/unhelp.gif') no-repeat center center;
}

.icon-undo {
    background: url('icons/undo.png') no-repeat center center;
}

.icon-undoReport {
    background: url('icons/undoReport.png') no-repeat center center;
}

.icon-redo {
    background: url('icons/redo.png') no-repeat center center;
}

.icon-redoReport {
    background: url('icons/redoReport.png') no-repeat center center;
}

.icon-back {
    background: url('icons/back.png') no-repeat center center;
}

.icon-sum {
    background: url('icons/sum.png') no-repeat center center;
}

.icon-sumv {
    background: url('icons/sumv.png') no-repeat center center;
}

.icon-sumh {
    background: url('icons/sumh.png') no-repeat center center;
}

.icon-tip {
    background: url('icons/tip.png') no-repeat center center;
}

.icon-forward {
    background: url('icons/forward.png') no-repeat center center;
}

.icon-post {
    /*background: url('icons/post.png') no-repeat center center;*/
}

.icon-mini-add {
    background: url('icons/mini_add.png') no-repeat center center;
}

.icon-mini-edit {
    background: url('icons/mini_edit.png') no-repeat center center;
}

.icon-mini-refresh {
    background: url('icons/mini_refresh.png') no-repeat center center;
}

.icon-ent {
    background: url('icons/enterprise.png') no-repeat center center;
}

.icon-toDo {
    background: url('icons/task.png') no-repeat center center;
}

.icon-news {
    background: url('icons/news.png') no-repeat center center;
}

.icon-data {
    background: url('icons/building_link.png') no-repeat center center;
}

.icon-oper {
    background: url('icons/computer_link.png') no-repeat center center;
}

.icon-gogo {
    background: url('icons/DOWN.gif') no-repeat center center;
}

.icon-bricks {
    background: url('icons/bricks.png') no-repeat center center;
}

.icon-connect {
    background: url('icons/connect.png') no-repeat center center;
}

.icon-attach {
    background: url('icons/attach.png') no-repeat center center;
}

.icon-addnew {
    background: url('icons/addnew.gif') no-repeat center center;
}

.icon-removenew {
    background: url('icons/remove.gif') no-repeat center center;
}

.icon-box {
    background: url('icons/box.png') no-repeat center center;
}

.icon-bell {
    background: url('icons/bell.png') no-repeat center center;
}

.icon-leftmove {
    background: url('icons/upgrade.gif') no-repeat center center;
}

.icon-rightmove {
    background: url('icons/downgrade.gif') no-repeat center center;
}

.icon-new {
    background: url('icons/newEntity.png') no-repeat center center;
}

.icon-open {
    background: url('icons/openEntity.png') no-repeat center center;
}

.icon-homePage {
    background: url('icons/homePage.png') no-repeat center center;
}

.icon-saveReport {
    background: url('icons/saveReport.png') no-repeat center center;
}

.icon-saveas {
    background: url('icons/saveAsEntity.png') no-repeat center center;
}

.icon-delete {
    background: url('icons/deleteEntity.gif') no-repeat center center;
}

.icon-deleteReport {
    background: url('icons/deleteEntity.png') no-repeat center center;
}

.icon-exportExcel {
    background: url('icons/exportExcel.png') no-repeat center center;
}

.icon-importExcel {
    background: url('icons/importExcel.png') no-repeat center center;
}

.icon-importEntity {
    background: url('icons/importEntity.gif') no-repeat center center;
}

.icon-import {
    background: url('icons/import.png') no-repeat center center;
}

.icon-importReport {
    background: url('icons/importReport.png') no-repeat center center;
}

.icon-export {
    background: url('icons/export.png') no-repeat center center;
}

.icon-exportReport {
    background: url('icons/exportReport.png') no-repeat center center;
}

.icon-param {
    background: url('icons/param.png') no-repeat center center;
}

.icon-return {
    background: url('icons/return.png') no-repeat center center;
}

.icon-searchReport {
    background: url('icons/searchReport.png') no-repeat center center;
}

.icon-calculate {
    background: url('icons/calculate.png') no-repeat center center;
}

.icon-verify {
    background: url('icons/verify.png') no-repeat center center;
}

.icon-verifyreport {
    background: url('icons/verifyreport.png') no-repeat center center;
}

.icon-newtip {
    background: url('icons/newtip.gif') no-repeat center center;
}

.icon-sorta {
    background: url('icons/sorta.png') no-repeat center center;
}

.icon-sortd {
    background: url('icons/sortd.png') no-repeat center center;
}

.icon-painter {
    background: url('icons/painter.png') no-repeat center center;
}

.icon-alignleft {
    background: url('icons/alignleft.png') no-repeat center center;
}

.icon-aligncenter {
    background: url('icons/aligncenter.png') no-repeat center center;
}

.icon-alignright {
    background: url('icons/alignright.png') no-repeat center center;
}

.icon-aligntop {
    background: url('icons/aligntop.png') no-repeat center center;
}

.icon-alignmiddle {
    background: url('icons/alignmiddle.png') no-repeat center center;
}

.icon-alignbottom {
    background: url('icons/alignbottom.png') no-repeat center center;
}

.icon-wordwrap {
    background: url('icons/wordwrap.png') no-repeat center center;
}

.icon-bold {
    background: url('icons/bold.png') no-repeat center center;
}

.icon-italic {
    background: url('icons/italic.png') no-repeat center center;
}

.icon-underline {
    background: url('icons/underline.png') no-repeat center center;
}

.icon-backcolor {
    background: url('icons/backcolor.png') no-repeat center center;
}

.icon-forecolor {
    background: url('icons/forecolor.png') no-repeat center center;
}

.icon-showrowlabel {
    background: url('icons/showrowlabel.png') no-repeat center center;
}

.icon-showcollabel {
    background: url('icons/showcollabel.png') no-repeat center center;
}

.icon-currency {
    background: url('icons/currency.png') no-repeat center center;
}

.icon-percent {
    background: url('icons/percent.png') no-repeat center center;
}

.icon-thousand {
    background: url('icons/thousand.png') no-repeat center center;
}

.icon-chartw {
    background: url('icons/chartw.png') no-repeat center center;
}

.icon-insertpic {
    background: url('icons/insertpic.png') no-repeat center center;
}

.icon-hyperlink {
    background: url('icons/hyperlink.png') no-repeat center center;
}

.icon-insertcol {
    background: url('icons/insertcol.png') no-repeat center center;
}

.icon-insertrow {
    background: url('icons/insertrow.png') no-repeat center center;
}

.icon-addcolumn {
    background: url('icons/addcolumn.png') no-repeat center center;
}

.icon-addrow {
    background: url('icons/addrow.png') no-repeat center center;
}

.icon-deletecol {
    background: url('icons/deletecol.png') no-repeat center center;
}

.icon-deleterow {
    background: url('icons/deleterow.png') no-repeat center center;
}

.icon-readonly {
    background: url('icons/readonly.png') no-repeat center center;
}

.icon-mergecell {
    background: url('icons/mergecell.png') no-repeat center center;
}

.icon-unmergecell {
    background: url('icons/unmergecell.png') no-repeat center center;
}

.icon-mergerows {
    background: url('icons/mergerows.png') no-repeat center center;
}

.icon-mergecols {
    background: url('icons/mergecols.png') no-repeat center center;
}

.icon-sheetsize {
    background: url('icons/sheetsize.png') no-repeat center center;
}

.icon-freeze {
    background: url('icons/freeze.png') no-repeat center center;
}

.icon-border1 {
    background: url('icons/border1.png') no-repeat center center;
}

.icon-border2 {
    background: url('icons/border2.png') no-repeat center center;
}

.icon-border3 {
    background: url('icons/border3.png') no-repeat center center;
}

.icon-border4 {
    background: url('icons/border4.png') no-repeat center center;
}

.icon-erase {
    background: url('icons/erase.png') no-repeat center center;
}

.icon-gridline {
    background: url('icons/gridline.png') no-repeat center center;
}

.icon-vpagebreak {
    background: url('icons/vpagebreak.png') no-repeat center center;
}

.icon-hpagebreak {
    background: url('icons/hpagebreak.png') no-repeat center center;
}

.icon-pagebreak {
    background: url('icons/pagebreak.png') no-repeat center center;
}

.icon-formula {
    background: url('icons/formula.png') no-repeat center center;
}

.icon-formulaS {
    background: url('icons/formulaS.png') no-repeat center center;
}

.icon-guide {
    background: url('icons/guide.png') no-repeat center center;
}

.icon-color {
    background: url('icons/color_swatch.png') no-repeat center center;
}

.icon-cog {
    background: url('icons/cog.png') no-repeat center center;
}

.icon-bookkey {
    background: url('icons/book_key.png') no-repeat center center;
}

.icon-work {
    background: url('icons/datebox_arrow.png') no-repeat center center;
}

.icon-message {
    background: url('icons/comments.png') no-repeat center center;
}

.icon-more {
    background: url('icons/more.png') no-repeat center center;
}

.icon-submit {
    background: url('icons/submit.gif') no-repeat center center;
}

.icon-approve {
    background: url('icons/approve.png') no-repeat center center;
}

.icon-sendback {
    background: url('icons/sendBack.png') no-repeat center center;
}

.icon-flowview {
    background: url('icons/flowview.png') no-repeat center center;
}

.icon-brick_add {
    background: url('icons/brick_add.png') no-repeat center center;
}

.icon-brick_delete {
    background: url('icons/brick_delete.png') no-repeat center center;
}

.icon-brick_edit {
    background: url('icons/brick_edit.png') no-repeat center center;
}

.icon-public {
    background: url('icons/publish.png') no-repeat center center;
}

.icon-unpublic {
     background: url('icons/unpublic.png') no-repeat center center;
}
    
.icon-flow {
    background: url('icons/flow.png') no-repeat center center;
}
/*#region 数字符号*/
.icon-num1
{
    background:url('icons/num1.png') no-repeat center center;
    
}
.icon-num2
{
    background:url('icons/num2.png') no-repeat center center;
    
}
.icon-num3
{
    background:url('icons/num3.png') no-repeat center center;
    
}
.icon-num4
{
    background:url('icons/num4.png') no-repeat center center;
    
}
.icon-num5
{
    background:url('icons/num5.png') no-repeat center center;
    
}
.icon-num6
{
    background:url('icons/num6.png') no-repeat center center;
    
}
.icon-num7
{
    background:url('icons/num7.png') no-repeat center center;
    
}
.icon-num8
{
    background:url('icons/num8.png') no-repeat center center;
    
}
.icon-num9
{
    background:url('icons/num9.png') no-repeat center center;
    
}
.icon-num0
{
    background:url('icons/num0.png') no-repeat center center;
    
}
.icon-numpoint
{
    background:url('icons/numpoint.png') no-repeat center center;
    
}
.icon-numcomma 
{
    background:url('icons/numcomma.png') no-repeat center center;
    
}
.icon-numadd
{
    background:url('icons/numadd.png') no-repeat center center;
    
}
.icon-numminus
{
    background:url('icons/numminus.png') no-repeat center center;
    
}
.icon-numstar
{
    background:url('icons/numstar.png') no-repeat center center;
    
}
.icon-numslant
{
    background:url('icons/numslant.png') no-repeat center center;
    
}
.icon-numbracketleft
{
    background:url('icons/numbracketleft.png') no-repeat center center;
    
}
.icon-numbracketright
{
    background:url('icons/numbracketright.png') no-repeat center center;
    
}
.icon-numgreater
{
    background:url('icons/numgreater.png') no-repeat center center;
    
}
.icon-numless
{
    background:url('icons/numless.png') no-repeat center center;
    
}
.icon-numequal
{
    background:url('icons/numequal.png') no-repeat center center;
    
}
.icon-numequalnot
{
    background:url('icons/numequalnot.png') no-repeat center center;
    
}
.icon-numpercent
{
    background:url('icons/numpercent.png') no-repeat center center;
    
}

/*#endregion*/

/*#region 添加*/
.icon-reader
{
    background:url('icons/reader.png') no-repeat center center;   
}
.icon-paramcfg
{
    background:url('icons/paramcfg.png') no-repeat center center;   
}
.icon-cancelfile
{
    background:url('icons/cancelfile.png') no-repeat center center;   
}
.icon-clear
{
    background:url('icons/clear.png') no-repeat center center;   
}
.icon-declare
{
    background:url('icons/declare.png') no-repeat center center;   
}
.icon-mxsp
{
    background:url('icons/mxsp.png') no-repeat center center;   
}
.icon-mxspsave
{
    background:url('icons/mxspsave.png') no-repeat center center;   
}
.icon-mxspagree
{
    background:url('icons/mxspagree.png') no-repeat center center;   
}
.icon-cancelrepo
{
    background:url('icons/cancelrepo.png') no-repeat center center;   
}
.icon-repohist
{
    background:url('icons/repohist.png') no-repeat center center;   
}
.icon-repodetail
{
    background:url('icons/repodetail.png') no-repeat center center;   
}
.icon-checkplan
{
    background:url('icons/checkplan.png') no-repeat center center;   
}
.icon-cfgthre
{
    background:url('icons/cfgthre.png') no-repeat center center;   
}
.icon-setthre
{
    background:url('icons/setthre.png') no-repeat center center;   
}
.icon-wlpzqk
{
    background:url('icons/wlpzqk.png') no-repeat center center;   
}
.icon-cbgj
{
    background:url('icons/cbgj.png') no-repeat center center;   
}
.icon-calcu
{
    background:url('icons/calcu.png') no-repeat center center;   
}
.icon-monitor
{
    background:url('icons/monitor.png') no-repeat center center;   
}
.icon-copyent
{
    background:url('icons/copyent.png') no-repeat center center;   
}
.icon-ztbhmx
{
    background:url('icons/ztbhmx.png') no-repeat center center;   
}
.icon-lwh
{
    background:url('icons/lwh.png') no-repeat center center;   
}
.icon-postico
{
    background:url('icons/postico.png') no-repeat center center;   
}
.icon-gnqxd
{
    background:url('icons/gnqxd.png') no-repeat center center;   
}
.icon-gnqx
{
    background:url('icons/gnqx.png') no-repeat center center;   
}
.icon-downtemp
{
    background:url('icons/downtemp.png') no-repeat center center;   
}
.icon-cancelagree
{
    background:url('icons/cancelagree.png') no-repeat center center;   
}
.icon-pzwl
{
    background:url('icons/pzwl.png') no-repeat center center;   
}
.icon-glztpz
{
    background:url('icons/glztpz.png') no-repeat center center;   
}
.icon-ztpz
{
    background:url('icons/ztpz.png') no-repeat center center;   
}
.icon-ztzt
{
    background:url('icons/ztzt.png') no-repeat center center;   
}
.icon-mxzt
{
    background:url('icons/mxzt.png') no-repeat center center;   
}
.icon-bdzt
{
    background:url('icons/bdzt.png') no-repeat center center;   
}
.icon-ztsz
{
    background:url('icons/ztsz.png') no-repeat center center;   
}
.icon-yssj
{
    background:url('icons/yssj.png') no-repeat center center;   
}
.icon-ztlb
{
    background:url('icons/ztlb.png') no-repeat center center;   
}
.icon-viewtree
{
    background:url('icons/viewtree.png') no-repeat center center;   
}
.icon-glck
{
    background:url('icons/glck.png') no-repeat center center;   
}
.icon-znmxpx
{
    background:url('icons/znmxpx.png') no-repeat center center;   
}
.icon-searchNext
{
    background:url('icons/searchNext.gif') no-repeat center center;
    
}
.icon-searchPrev
{
    background:url('icons/searchPrev.gif') no-repeat center center;
    
}
/*#endregion*/

View Code

2、

6.返回顶部

作者：ylbtech
出处：http://ylbtech.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。

jQuery-EasyUI-CSS：Icon 图标

猜你喜欢