`
zengshaotao
  • 浏览: 789162 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JQuery easy ui 图标扩展

 
阅读更多
 
JQuery easy ui 1.2.6有很多的图标,但是有时候还是不够用的,需要自己扩展。
 
.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;
}
1.3.0版easyui默认图标有这些,下载easyUI的压缩包后,解压后在theme文件夹下的icon文件夹是默认的图标,如果你觉得不够用,可以上网下载16x16大小的图片,放在icon文件夹下,然后更改theme文件夹下的icon.css
添加以下css代码即可
.icon-你的名称{
background:url('icons/图片名称.png'no-repeat 3px 2px;
}
分享到:
评论

相关推荐

    easy UI图标及CSS

    标题提到的“easy UI图标及CSS”是一套与EasyUI框架配套的图标资源,包含了一千个不同的图标,并且带有相应的CSS样式。 这些图标通常以矢量图形的形式存在,比如SVG格式,这样可以确保在不同屏幕分辨率下都能保持...

    EasyUI_Icon_图标扩展(1775个)

    "EasyUI_Icon_图标扩展(1775个)" 是为了解决这个问题而创建的资源包。这个扩展包增加了1775个额外的图标,极大地丰富了可用的图标库,使得开发者能够选择更适合项目风格和功能需求的图标,提高应用的用户体验和...

    jquery-ui-1.10.3+24种皮肤

    jQuery UI是jQuery库的一个扩展,提供了多种可交互的用户界面元素,如对话框、日期选择器、拖放功能等。1.10.3是该库的一个稳定版本,它修复了之前版本的一些问题,并引入了新特性以增强性能和兼容性。这一版本不仅...

    easyui icon图标扩展库,包含上百个icon图标

    EasyUI 是一个基于 jQuery 的 UI 组件库,它为开发者提供了丰富的界面元素和交互效果,广泛应用于 Web 应用程序的开发。在 EasyUI 的框架中,图标(icon)是增强用户界面视觉效果和易用性的重要元素。"easyui icon...

    EasyUI Icon 图标扩展样式(1775个)

    EasyUI图标扩展样式是一套专为开发者和设计师提供的丰富图标资源,总计包含了1775个不同的图标。这些图标在Web开发中广泛应用于各种用户界面,以增强网站或应用程序的视觉效果和用户体验。EasyUI是一种基于jQuery的...

    easyui_icons图标扩展(约1000个)

    "easyui_icons图标扩展(约1000个)" 正是为了解决这个问题而出现的资源包。这个扩展包提供了大约1000个额外的图标,极大地丰富了EasyUI的图标选择,使得开发者能够更加自由地设计出美观且具有辨识度的用户界面。 ...

    EasyUi图标扩展.rar

    EasyUI图标扩展是一个针对EasyUI框架的增强资源包,它主要解决了在开发基于EasyUI的项目时,系统自带图标数量不足且设计风格可能不满足现代审美需求的问题。这个压缩包包含了一千多个精心挑选和整理的图标,旨在为...

    Easy-UI类库

    此外,由于Easy-UI是基于jQuery的,因此它可以与其他基于jQuery的插件良好共存,扩展性极强。 总的来说,Easy-UI是一个强大且易用的前端开发工具,对于希望快速构建B/S系统的开发者来说,它是一个非常有价值的资源...

    easy UI中文版文档

    10. **插件和扩展**:Easy UI 社区开发了许多插件,如日期选择器(datebox)、时间选择器(timespinner)等,这些插件进一步丰富了框架的功能。 学习Easy UI中文版文档,不仅可以理解这些控件的使用方法,还能掌握...

    EasyUI_Icon_图标扩展样式(1775个)

    EasyUI 是一个基于 jQuery 的 UI 组件库,它提供了丰富的用户界面组件,如表格、下拉菜单、对话框、按钮等,便于开发者构建美观且功能强大的 Web 应用程序。在给定的资源中,"EasyUI_Icon_图标扩展样式(1775个)" ...

    easy ui tree比较全的功能

    Easy UI Tree是一款基于jQuery和Easy UI框架的树形控件,它提供了丰富的功能,用于在Web应用中展示层次结构的数据。这个"easy ui tree比较全的功能"的示例旨在为初学者提供一个全面了解和学习Easy UI Tree特性的平台...

    1775个EasyUi图标扩展样式包下载(只要5分哦)

    标题提到的 "1775个EasyUi图标扩展样式包" 是为了扩充 EasyUI 原生图标的集合,为开发者和设计师提供了更多的选择,以满足更丰富、更个性化的界面设计需求。这个扩展包包含了1775个不同的图标,大大丰富了可用的图形...

    小图标素材

    Easy UI提供了一套默认的图标集,但也可以通过自定义CSS或者引入外部图标库(如Font Awesome、Ionicons等)来扩展图标选项。 要将这些小图标应用于HTML页面,开发者通常会使用`<i>`或`<span>`标签,结合CSS类来实现...

    EasyUI 扩展小图标Icon带CSS样式

    在默认情况下,EasyUI 提供了一套基础的图标集合,但可能无法满足所有设计需求,因此扩展和定制图标就显得尤为重要。 "EasyUI 扩展小图标Icon带CSS样式" 是为了应对EasyUI内置图标不足和美观度不高的问题而创建的...

    jquery-easyui-1.3.4源代码 + DEMO + API

    jQuery EasyUI 是一套基于 jQuery 的UI组件库,它包括了如对话框、表格、表单、菜单、按钮等常见Web界面元素。1.3.4版本是其稳定的一个迭代,修复了若干问题,增强了组件的功能和性能。 2. **源代码解析** - **...

    jQuery EasyUI 1.4.5 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    - **EasyUI**:基于jQuery的插件集合,为开发者提供了丰富的UI组件,如datagrid、form、dialog、tabs等,使得页面布局和交互设计变得更加便捷。 2. **API 文档**: - **离线文档**:这个版本提供了离线的API文档...

    一个jquery tree插件

    但也有其他类似插件,如`jQuery UI Treeview`、`EasyTree`等,开发者可以根据项目需求和自身喜好进行选择。 总的来说,jQuery Tree插件在网页应用中用于构建层级结构视图,不仅提供了丰富的功能,还具有易用性和...

    EASY饼图数据统计特效

    EasyUI是一个基于jQuery的UI框架,它为开发者提供了大量的组件和样式,用于快速构建用户界面。EasyUI的饼图组件可能包含了一套完整的解决方案,包括数据加载、图形渲染、事件处理等。使用EasyUI,开发者可以节省大量...

Global site tag (gtag.js) - Google Analytics