easyui添加自定义图标

最近用easyui发现图标挺少的，其实可以另外添加一个css样式，不过我偷懒，直接在easyui的css里面添加了。

下面是目录：

icon.css是easyui的默认样式文件，ext_icons文件夹呢装有要添加的图标文件。这时候直接修改icon.css

1处就是对应的图标名，即data-options里面的iconCls名，如：

 <a href="javascript:void(0);" class="easyui-menubutton" data-options="menu:'#layout_north_kzmbMenu',iconCls:'ext-icon-cog'">控制面板</a>

最后要注意的就是url的路径问题。

时间： 2024-10-22 18:30:05

easyui添加自定义图标的相关文章

easyui 如何添加自定义图标

easyui 的图标除了必要的图标,其它拓展的图标就没有了,这样就感觉我们不够用是不是.为此,我们可以在其源文件添加一下代码就可以了: 1.到网上下载自己需要的16*16的png图标,把图片名称改为自己需要的,然后把图片复制到easyUI的 hemesicons目录下,即小图标icons目录,这个目录是专门存放easyUI中工具栏,状态栏,链接等用到的小图标,而每一个图标在css中都是唯一的,下面修改css,定义新添加的图标. 2.找到easyUI目录下的themes目录,在其根目录有一个名为i

高德地图-添加自定义图标

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="initial-scale=1.0, user-scalable=no, wi

使用webfont为easyui扩充图标

目前回到pc端开发,开始用了easyui这个框架.重拾easyui后感觉这个框架用的很多技术太古老,页面风格也太控件化.单从图标一项来说吧,这种花花绿绿的图标用户一看都傻了眼,同时整个框架就提供了那么几种图标,很多按钮和菜单需要自己做图标. 有没有方便快捷扩充图标的方法呢?其实非常简单,可以使用webfont图标.webfont是一种将矢量字体文件扩充到浏览器上的技术,他出现的初衷是扩展客户端的字体,避免因为客户端因为设备上的字体缺失,而造成显示异常的情况.从服务器上下载字体并显示,如果仅仅是英

EasyUI Icon 图标扩展（1775个）

最近在用EasyUI做项目是发现自带的Icon图标太少,而且不是很美观.于是就有了下面的东西. 直接上图:(纯属个人无聊之作勿喷) css及图标下载地址: http://download.csdn.net/detail/miracle98/7579723 EasyUI Icon 图标扩展(1775个)

jquery easyui添加图标扩展

easyui中有很多通过iconCls="icon-reload"这样的属性引入小图标显示,当然我们也可以自己添加自己的小图标. 方式:1.我们可以在jquery easyui的文件夹中找到/jquery-easyui-1.4/themes/icon.css该css中就是引入easyui中已经有的图标,我们可以按照该文件中的样式,自己再从新写一个css文件,建议不要在原icon.css中添加修改,我建议自己再写一个别的css文件也引入到页面中. 2.准备好自己的图片,放到项目中,然后在

[转]easyui 全部图标

原文地址:http://blog.163.com/[email protected]/blog/static/136739312201491011492263/ 拿jquery-easyui-1.2.6举例 所有的图标在哪,如何引用, 所有的图标在 jquery-easyui-1.2.6\themes\icons 目录下, 在icon.css定义的如何引用 jquery-easyui-1.2.6/themes/icon.css 1 .icon-blank{ 2 background:url('i

Nancy之给我们的网站添加自定义图标

当我们在做一个网站时,可能经常会有这样一个需求,要给我们做的网站添加一个自定义的图标. 在Nancy中,默认是的下面这样 一个妹子的头像,其实也是挺好看的!! 那么当我们想要替换这个默认的,应该要怎么做呢? 下面就来看看具体的实现 首先,准备一张名为 favicon.ico或 favicon.png 图片 这里有两种实现方法提供参考 方法一:替换默认的图标(IRootPathProvider的实现) 如果我们是使用默认的IRootPathProvider的实现,这个时候,我们直接添加图片在我们的

jquery easyui 全部图标

所有的图标在 jquery-easyui-1.2.6\themes\icons 目录下, 在icon.css定义的如何引用 jquery-easyui-1.2.6/themes/icon.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/penc

easyUI默认图标的使用

使用格式如下: <table id="table" class="easyui-datagrid" style="width:600px;height:250px" title="图标" iconCls="icon-save"> 也可以用于其他地方,这是最简单的使用方式. iconCls="icon-add" iconCls="icon-edit"  ic