maojiayan

拿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

 

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2021-06-03
  • 2021-08-18
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-10
  • 2022-01-09
  • 2021-07-10
相关资源
相似解决方案