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
文件夹是默认的图标,如果你觉得不够用,可以上网下载
16
x
16
大小的图片,放在
icon
文件夹下,然后更改theme文件夹下的
icon
.css
添加以下css代码即可
.icon-你的名称{
background
:
url
(
'icons/图片名称.png'
)
no-repeat
3px
2px
;
}
相关推荐
标题提到的“easy UI图标及CSS”是一套与EasyUI框架配套的图标资源,包含了一千个不同的图标,并且带有相应的CSS样式。 这些图标通常以矢量图形的形式存在,比如SVG格式,这样可以确保在不同屏幕分辨率下都能保持...
"EasyUI_Icon_图标扩展(1775个)" 是为了解决这个问题而创建的资源包。这个扩展包增加了1775个额外的图标,极大地丰富了可用的图标库,使得开发者能够选择更适合项目风格和功能需求的图标,提高应用的用户体验和...
jQuery UI是jQuery库的一个扩展,提供了多种可交互的用户界面元素,如对话框、日期选择器、拖放功能等。1.10.3是该库的一个稳定版本,它修复了之前版本的一些问题,并引入了新特性以增强性能和兼容性。这一版本不仅...
EasyUI图标扩展样式是一套专为开发者和设计师提供的丰富图标资源,总计包含了1775个不同的图标。这些图标在Web开发中广泛应用于各种用户界面,以增强网站或应用程序的视觉效果和用户体验。EasyUI是一种基于jQuery的...
"easyui_icons图标扩展(约1000个)" 正是为了解决这个问题而出现的资源包。这个扩展包提供了大约1000个额外的图标,极大地丰富了EasyUI的图标选择,使得开发者能够更加自由地设计出美观且具有辨识度的用户界面。 ...
EasyUI 是一个基于 jQuery 的 UI 组件库,它为开发者提供了丰富的界面元素和交互效果,广泛应用于 Web 应用程序的开发。在 EasyUI 的框架中,图标(icon)是增强用户界面视觉效果和易用性的重要元素。"easyui icon...
EasyUI图标扩展是一个针对EasyUI框架的增强资源包,它主要解决了在开发基于EasyUI的项目时,系统自带图标数量不足且设计风格可能不满足现代审美需求的问题。这个压缩包包含了一千多个精心挑选和整理的图标,旨在为...
此外,由于Easy-UI是基于jQuery的,因此它可以与其他基于jQuery的插件良好共存,扩展性极强。 总的来说,Easy-UI是一个强大且易用的前端开发工具,对于希望快速构建B/S系统的开发者来说,它是一个非常有价值的资源...
10. **插件和扩展**:Easy UI 社区开发了许多插件,如日期选择器(datebox)、时间选择器(timespinner)等,这些插件进一步丰富了框架的功能。 学习Easy UI中文版文档,不仅可以理解这些控件的使用方法,还能掌握...
EasyUI 是一个基于 jQuery 的 UI 组件库,它提供了丰富的用户界面组件,如表格、下拉菜单、对话框、按钮等,便于开发者构建美观且功能强大的 Web 应用程序。在给定的资源中,"EasyUI_Icon_图标扩展样式(1775个)" ...
Easy UI Tree是一款基于jQuery和Easy UI框架的树形控件,它提供了丰富的功能,用于在Web应用中展示层次结构的数据。这个"easy ui tree比较全的功能"的示例旨在为初学者提供一个全面了解和学习Easy UI Tree特性的平台...
标题提到的 "1775个EasyUi图标扩展样式包" 是为了扩充 EasyUI 原生图标的集合,为开发者和设计师提供了更多的选择,以满足更丰富、更个性化的界面设计需求。这个扩展包包含了1775个不同的图标,大大丰富了可用的图形...
Easy UI提供了一套默认的图标集,但也可以通过自定义CSS或者引入外部图标库(如Font Awesome、Ionicons等)来扩展图标选项。 要将这些小图标应用于HTML页面,开发者通常会使用`<i>`或`<span>`标签,结合CSS类来实现...
在默认情况下,EasyUI 提供了一套基础的图标集合,但可能无法满足所有设计需求,因此扩展和定制图标就显得尤为重要。 "EasyUI 扩展小图标Icon带CSS样式" 是为了应对EasyUI内置图标不足和美观度不高的问题而创建的...
jQuery EasyUI 是一套基于 jQuery 的UI组件库,它包括了如对话框、表格、表单、菜单、按钮等常见Web界面元素。1.3.4版本是其稳定的一个迭代,修复了若干问题,增强了组件的功能和性能。 2. **源代码解析** - **...
- **EasyUI**:基于jQuery的插件集合,为开发者提供了丰富的UI组件,如datagrid、form、dialog、tabs等,使得页面布局和交互设计变得更加便捷。 2. **API 文档**: - **离线文档**:这个版本提供了离线的API文档...
但也有其他类似插件,如`jQuery UI Treeview`、`EasyTree`等,开发者可以根据项目需求和自身喜好进行选择。 总的来说,jQuery Tree插件在网页应用中用于构建层级结构视图,不仅提供了丰富的功能,还具有易用性和...
EasyUI是一个基于jQuery的UI框架,它为开发者提供了大量的组件和样式,用于快速构建用户界面。EasyUI的饼图组件可能包含了一套完整的解决方案,包括数据加载、图形渲染、事件处理等。使用EasyUI,开发者可以节省大量...