jQuery EasyUI扩展ICONS图标素材 - 程序园
博文评论:1
资源评论:0
积分与排名
阅读排行榜
评论排行榜
jQuery EasyUI扩展ICONS图标素材
添加图标步骤：
1、添加样式
打开themes目录下的icon.css文件，添加新图标对应的CSS类选择器，参照已有的图标类，只要指定图标对应的路径即可，如下所示：
.icon-forward{
background:url('icons/forward.png') no-
2、拷贝图标到icons目录
将图标文件放置到icons目录下即可。
应用新图标不生效的问题
已经按上述的步骤处理了，但是用到窗口上时，一直都没效果。后来查看网页的源码得知，引入的jquery-easyui-1.2.6/themes /icon.css文件中没有加载新的样式类，当前使用的是firefox浏览器，估计可能是缓存的原因，所以清了一下缓存后重新刷了一下就有效果了。
所属分类：
推荐成功关注成功
收藏成功消息已发发送
您可能还喜欢jquery easyui 中，怎么把节点上的图标去掉_百度知道
jquery easyui 中，怎么把节点上的图标去掉
我有更好的答案
要是没有pencil这张图就不怪你了，我发现你的错误了，在引用CSS的部分看看文件夹里有没icons&#47.css.png。 噢， “ ” 第二句最后应该是pencil
其他类似问题
为您推荐：
讲故事的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁easyUI如何增加自定义的图标
easyUI如何增加自定义的图标
[摘要：应用easyUI开辟背景，默许已存正在一些图标，如删、删、改、查的图标，和一些经常使用的对象图标，但近近知足没有了一个轻微大一面的体系，如左边的导航列表，能够每个菜单对应一]
使用easyUI开发后台，默认已经存在一些图标，如增、删、改、查的图标，以及一些常用的工具图标，但远远满足不了一个稍微大一点的系统，如左侧的导航列表，可以每一个菜单对应一个图标，更加美观和形象化，那么easyUI如何来扩展呢。
1、到网上下载自己需要的16*16的png图标，把图片名称改为自己需要的，然后把图 片复制到easyUI的 hemesicons目录下，即小图标icons目录，这个目录是专门存放easyUI中工具栏，状态栏，链接等用到的小图标，而每一个图标在css中都 是唯一的，下面修改css，定义新添加的图标。
2、找到easyUI目录下的themes目录，在其根目录有一个名为icon.css的文件，这个文件用于定义小图标的，定义如下：
.icon-sound{ background:url("icons/sound.png")&no-repeat&center& }
其中：icon-sound中的sound必须对应图片名称。
3、在html中引用，图标。
&div&title="用户管理"&data-options="selected:true,iconCls:'icon-user'"&class="list"& &&&&&ul& &&&&&li&&a&href="javascript:;"&onclick="openTab('list')"&用户列表&/a&&/li& &&&&&/ul& &/div&
其中iconCls:'icon-user'中的icon-sound就是css中的class名称。
感谢关注 Ithao123精品文库频道，是专门为互联网人打造的学习交流平台，全面满足互联网人工作与学习需求，更多互联网资讯尽在 IThao123!
Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来；它可以帮你构建一个完美的网络APP，而且每行代码都可以简洁、富于表达力。
Hadoop是一个由Apache基金会所开发的分布式系统基础架构。
用户可以在不了解分布式底层细节的情况下，开发分布式程序。充分利用集群的威力进行高速运算和存储。
Hadoop实现了一个分布式文件系统（Hadoop Distributed File System），简称HDFS。HDFS有高容错性的特点，并且设计用来部署在低廉的（low-cost）硬件上；而且它提供高吞吐量（high throughput）来访问应用程序的数据，适合那些有着超大数据集（large data set）的应用程序。HDFS放宽了（relax）POSIX的要求，可以以流的形式访问（streaming access）文件系统中的数据。
Hadoop的框架最核心的设计就是：HDFS和MapReduce。HDFS为海量的数据提供了存储，则MapReduce为海量的数据提供了计算。
产品设计是互联网产品经理的核心能力，一个好的产品经理一定在产品设计方面有扎实的功底，本专题将从互联网产品设计的几个方面谈谈产品设计
随着国内互联网的发展，产品经理岗位需求大幅增加，在国内，从事产品工作的大部分岗位为产品经理，其实现实中，很多从事产品工作的岗位是不能称为产品经理，主要原因是对产品经理的职责不明确，那产品经理的职责有哪些，本专题将详细介绍产品经理的主要职责
IThao123周刊.focus 有关问题，textbox focus 图片才显示_CSS怎么让页码在距离底部5个高度地方显示_easyui onloadsucess步骤__脚本百事通
稍等，加载中……
^_^请注意，有可能下面的2篇文章才是您想要的内容：
.focus 有关问题，textbox focus 图片才显示
CSS怎么让页码在距离底部5个高度地方显示
easyui onloadsucess步骤
.focus 有关问题，textbox focus 图片才显示
.focus 问题，textbox focus 图片才显示
希望textbox focus时，那个叉才显示
&!DOCTYPE html&
&meta http-equiv="content-type" content="text/ charset=UTF-8"&
&title& - jsFiddle demo&/title&
&script type='text/javascript' src='/jquery-1.5.2.js'&&/script&
&link rel="stylesheet" type="text/css" href="/css/normalize.css"&
&link rel="stylesheet" type="text/css" href="/css/result-light.css"&
&style type='text/css'&
font-family: Segoe UI;
font-site: 9
padding: 3px 24px 3px 3
text-indent: -1000
height: 16
display: inline-
background-image: url(/icons/search/fugue/icons/cross.png);
background-repeat: no-
&script type='text/javascript'&//&![CDATA[
$(window).load(function(){
$("#clear").click(function(evt){
evt.preventDefault();
$("#search").val("").focus();
&input type="text" name="search" id="search" value="I can be cleared" /&&a href="search/clear" id="clear"&&/a&
------解决方案--------------------&script type='text/javascript'&//&![CDATA[
$(function(){
$("#clear").click(function(evt){
evt.preventDefault();
$("#search").val("").focus();
$('#search').focus(function(){
$("#clear").show();
}).blur(function(){
$("#clear").hide();
CSS怎么让页码在距离底部5个高度地方显示
CSS如何让页码在距离底部5个高度地方显示？页面中的内容条数有由数据库中读取出来，所以条数不固定。
但是只想在固定的底部显示页码怎么用css做？
1 XXXX CCCC
2 yyyy bbbb
3 XXXX CCCC
4 yyyy bbbb
5 XXXX CCCC
6 yyyy bbbb
7 XXXX CCCC
8 yyyy bbbb
1 XXXX CCCC
2 yyyy bbbb
3 XXXX CCCC
------解决方案--------------------参考&!DOCTYPE HTML&
&html lang="en-US"&
&meta charset="UTF-8"&
&title&&/title&
&style type="text/css"&
html, body, #wrapper {
margin: 0;
width: 100%;
height: 100%;
background:#000000;
text-indent:-9999
width:100%;
padding:5px 0;
margin:-50px 0 0 0;
&div id="wrapper"&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&p&xxxxxxxxxxxxxxxxxxxxxxxxxxxx&/p&
&div class="footer" id="footer"&
&p&ffffffffffffffffffff&/p&
easyui onloadsucess步骤
easyui onloadsucess方法&table id="dg" class="easyui-datagrid" title="Messages more than 90 days old will be removed automatically." style="width:760height:250px"&
&script type="text/javascript"&
$(function(){
$("#dg").datagrid({
url:"../ashx/userInquirys.ashx",
singleSelect:true,
pagination: true,
pageSize:20,
rownumbers: true,
onLoadSuccess:function(data){
var panel = $(this).datagrid('getPanel');
var tr=panel.find(".datagrid-view2 tr");
alert(tr.length);
tr.each(function(){
var subject=
$(this).children('td[field="f_subject"]').children("div");
var isview = $(this).children('td[field="f_isview"]');
if(isview.text()=="1")
var html=subject.html();
subject.html(html+"&font color='red'&New&/font&");
运行之后 跳出了两次对话框
也就是onLoadSuccess方法执行了两次
虽然不影响结果 但是为什么会这样呢
------解决方案--------------------因为调用了两次$("#dg").datagrid()去构造表格！第一次是解析css，第二次是你的代码。去掉其中一次即可。
如果您想提高自己的技术水平，欢迎加入本站官方1号QQ群：&&，&&2号QQ群：，在群里结识技术精英和交流技术^_^
本站联系邮箱：Jquery EasyUI 中图标问题
[问题点数：40分，结帖人bkxxf]
Jquery EasyUI 中图标问题
[问题点数：40分，结帖人bkxxf]
不显示删除回复
显示所有回复
显示星级回复
显示得分回复
只显示楼主
2011年11月 Web 开发大版内专家分月排行榜第二
2012年2月 Web 开发大版内专家分月排行榜第三
本帖子已过去太久远了，不再提供回复功能。