精华内容
下载资源
问答
  • jquery mobile 按钮图标

    千次阅读 2015-04-20 11:42:01
    jQuery Mobile框架包括一组选定的图标移动应用程序通常需要。...一个图标,可以通过添加一个对锚杆指定要显示的图标数据图标属性添加到一个按钮。例如,下面的标记: href="index.html" data-role="button" dat

    jQuery Mobile框架包括一组选定的图标移动应用程序通常需要。尽量减少下载大小,jQuery Mobile包含一个单一的白色图标的精灵,和自动添加一个半透明的黑圈背后的图标来确保它有任何背景颜色对比度好。

    一个图标,可以通过添加一个对锚杆指定要显示的图标数据图标属性添加到一个按钮。例如,下面的标记:

    <a href="index.html" data-role="button" data-icon="delete">Delete</a>
    

    迷你版 添加 data-mini="true" 属性

    图标样式列表

    jQuery Mobile 自带很多按钮小图标,如下图所示:

    左箭头:data-icon="arrow-l"
    右箭头:data-icon="arrow-r"
    上箭头:data-icon="arrow-u"
    下箭头:data-icon="arrow-d"
    删除:data-icon="delete"
    添加:data-icon="Plus"
    减少:data-icon="minus"
    检查:data-icon="Check"
    齿轮:data-icon="gear" 
    前进:data-icon="Forward"
    后退:data-icon="Back"
    网格:data-icon="Grid"
    五角:data-icon="Star"
    警告:data-icon="Alert"
    信息:data-icon="info"
    首页:data-icon="home"
    搜索:data-icon="Search"

      

    图标定位 data-iconpos

    默认情况下,所有的图标都放在按钮的按钮文本左。此默认可以覆盖使用 data-iconpos 属性来设置图标的右上方(top)、底部(bottom)、右侧(right)、左侧(left)的文本。例如,标记:

    font color=#0000ff><a href="index.html" data-role="button" data-icon="delete" data-iconpos="right">Delete</a>
    

      

    隐藏图片上的文字 data-iconpos="notext"

    你也可以创建一个图标按钮,设置 data-iconpos="notext"。按钮插件将隐藏的文字在屏幕上,但把它作为给屏幕阅读器和设备支持工具提示上下文链接标题属性。例如,data-iconpos="right",data-iconpos="notext":

    <a href="index.html" data-role="button" data-icon="delete" data-iconpos="notext">Delete</a>
    

      

    迷你和内联

    迷你和内联属性可以被添加到产生更紧凑的按钮

      

    自定义图标 data-icon="自定义值"

    使用自定义图标,需要指定 data-icon 值。Jquery Mobile的button插件会将生成一个CSS类,它的前缀是ui-icon- ,后面的是data-icon值。假如:有一个按钮 data-icon 属性的值为 myapp-email,即 data-icon=“ myapp-email”。那么生产的CSS类是:ui-icon-myapp-email。

    然后你可以在你的样式表写一个CSS规则来定义 ui-icon-myapp-email。然后在css中指定这个类的背景图片地址。为了保持与其他图标的视觉上的一致性,请创建一个白色18x18像素的PNG-8图标,并且保存为Alpha透明度。

    .ui-icon-myapp-email {
      background-image: url( "app-icon-email.png" );
    }
    

    这将创建标准分辨率的图标,但许多设备都有非常高的分辨率的显示器,就像iPhone 4的视网膜显示器。添加一个高清图标,创建一个图标,36X36像素(18像素大小完全相同的两倍),并添加第二个规则使用WebKit分钟装置像素比例:2。媒体查询到目标的规则只有以高分辨率显示器。指定背景图片高清图标文件和设置背景像素大小18x18将安装36个像素图标到同一个18像素的空间。传媒查询块可以用多个图标规则:

    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
      .ui-icon-myapp-email {
        background-image: url( "app-icon-email-highres.png" );
        background-size: 18px 18px;
      }
      ...more HD icon rules go here...
    }

    <!DOCTYPE html> 
    <html> 
    <head> 
    	<title>Page Title</title> 
    	<meta name="viewport" content="width=device-width, initial-scale=1"> 
    	<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" />
    	<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    	<script src="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.js"></script>
    	<style>
    	html, body { padding: 0; margin: 0; }
    	html, .ui-mobile, .ui-mobile body {
        	height: 85px;
    	}
    	.ui-mobile, .ui-mobile .ui-page {
        	min-height: 85px;
    	}
    	.ui-content{
    		padding:10px 15px 0px 15px;
    	}
        .nav-glyphish-example .ui-btn .ui-btn-inner { padding-top: 40px !important; }
        .nav-glyphish-example .ui-btn .ui-icon { width: 30px!important; height: 30px!important; margin-left: -15px !important; box-shadow: none!important; -moz-box-shadow: none!important; -webkit-box-shadow: none!important; -webkit-border-radius: 0 !important; border-radius: 0 !important; }
        #chat .ui-icon { background:  url(glyphish-icons/09-chat2.png) 50% 50% no-repeat; background-size: 24px 22px; }
        #email .ui-icon { background:  url(glyphish-icons/18-envelope.png) 50% 50% no-repeat; background-size: 24px 16px;  }
        #login .ui-icon { background:  url(glyphish-icons/30-key.png) 50% 50% no-repeat;  background-size: 12px 26px; }
        #beer .ui-icon { background:  url(glyphish-icons/88-beermug.png) 50% 50% no-repeat;  background-size: 22px 27px; }
        #coffee .ui-icon { background:  url(glyphish-icons/100-coffee.png) 50% 50% no-repeat;  background-size: 20px 24px; }
        #skull .ui-icon { background:  url(glyphish-icons/21-skull.png) 50% 50% no-repeat;  background-size: 22px 24px; }
    	</style>
    </head> 
    <body> 
    <div data-role="page" style="max-height:90px; min-height:90px;">
    	<div data-role="content" > 
        	<div data-role="footer" class="nav-glyphish-example">
        		<div data-role="navbar" class="nav-glyphish-example" data-grid="d">
        		<ul>
        			<li><a href="#" id=""chat" data-icon="custom">Chat</a></li>
        			<li><a href="#" id=""email" data-icon="custom">Email</a></li>
        			<li><a href="#" id=""skull" data-icon="custom">Danger</a></li>
        			<li><a href="#" id=""beer" data-icon="custom">Beer</a></li>
        			<li><a href="#" id=""coffee" data-icon="custom">Coffee</a></li>
        		</ul>
        		</div>
        	</div>
    	</div>
    </div>
    </body>
    </html>
    


    展开全文
  • Android Studio记事本工程的add、save、back和delete按钮图标,主要应用于activity_main和notepad_item_layout文件中,运行之后点击按钮图标实现简单的记事本增删改查功能,图标正规而且完整,绝对独树一帜。
  • 最近用highcharts做图表的时候想要调整打印导出功能按钮的位置,网上查了下,发现没有效果,然后去看文档,发现有差异,应该是版本更新后配置有所变化。最新配置如下,亲测有效。 var chart = Highcharts.chart('...

    最近用highcharts做图表的时候想要调整打印导出功能按钮的位置,网上查了下,发现没有效果,然后去看文档,发现有差异,应该是版本更新后配置有所变化。最新配置如下,亲测有效。

    var chart = Highcharts.chart('container', {
    	exporting: {
    		buttons: {
    			contextButton:{
    				symbol: 'url(http://demo.nongtt.com/Content/Image/weathericon.png)',//自定义图标
    				x:10,
    				y:10
    			}
    		}
    	},
    });
    

    如果想在图表外自己写一个按钮去打印图表:

    <button id="btn">导出图表</button>
    <div id="container"></div>
    

    js代码

    var chart = Highcharts.chart('container', {
    	exporting: {
    		buttons: {
    			contextButton:{
    				x:10,
    				y:10
    			}
    		}
    	},
    });
    var btn=document.getElementById('btn');
    btn.onclick=function(){
    	exportChart ()//点击按钮导出图表
    }
    
    展开全文
  • VS的按钮图标文件,共94个,整理了好久 很实用,是开发窗体应用程序的不二选择
  • JEECG-页面按钮图标存放地址

    千次阅读 2014-05-13 15:41:03
    JEECG页面按钮图标是用的easyui的图标,放到

    JEECG页面按钮图标是用的easyui的图标,放到WebRoot\plug-in\easyui\themes\icons\文件夹下

    并且用themes文件夹下的icon.css作为样式文件

     

    展开全文
  • ……………………该文档为软件按钮电脑图标下载,是一份很不错的参考资料,具有较高参考价值,感兴趣的可以下载看看
  • 增加点赞手势图及提交按钮图标

    千次阅读 2017-10-22 03:17:55
    这些图标都是矢量图形,被保存在 .svg 的文件格式中。这些图标就和字体一样,你可以通过像素单位指定它们的大小,它们将会继承其父HTML元素的字体大小。 你可以将 Font Awesome 图标库增添至任何一个应用中,方法...

    Font Awesome 是一个非常方便的图标库。这些图标都是矢量图形,被保存在 .svg 的文件格式中。这些图标就和字体一样,你可以通过像素单位指定它们的大小,它们将会继承其父HTML元素的字体大小。

    你可以将 Font Awesome 图标库增添至任何一个应用中,方法很简单,只需要在你的 HTML 头部增加下列代码即可:

    <link rel="stylesheet" href="//cdn.bootcss.com/font-awesome/4.2.0/css/font-awesome.min.css"/>

    不过,我们已经事先在幕后为此页面添加了该功能。(不必重复添加上面这段代码)

    i 元素起初一般是让其它元素有斜体(italic)的功能,不过现在一般用来指代图标。你可以将 Font Awesome 中的 class 属性添加到i 元素中,把它变成一个图标,比如:

    <i class="fa fa-info-circle"></i>

    你可以通过 Font Awesome 库增加一个 thumbs-up 图标到你的 like 按钮中,方法是在i 元素中增加 class 属性fa fa-thumbs-up。 

    <button class="btn btn-block btn-primary" ><i class="fa fa-thumbs-up"></i>Like</button>

    垃圾桶图标是 fa-trash  信息图标是fa-info-circle


    你可以在你的 button 提交按钮上添加 Font Awesome的 fa-paper-plane 图标,方法是在元素中增加 <i class="fa fa-paper-plane"></i>

    给你表单的文本输入框增加 classform-control 。在你的表单提交按钮中增加 class btn btn-primary 。同样,在这个提交按钮中增加 Font Awesome 的 fa-paper-plane 图标。

    <input type="text" class="form-control" placeholder="cat photo URL" required>
        <button type="submit" class="btn btn-primary"><i class="fa fa-paper-plane"></i>Submit</button>
    展开全文
  • 易语言取网站图标保存源码系统结构:取网站图标, ======程序集1 || ||------_启动子程序 || || ======窗口程序集1 || ||------_窗口1_创建完毕 || ||------_按钮1_被单击 || ||------取网站图标 || ||-----
  • Qt中如何给按钮图标(背景图片)

    千次阅读 2019-02-24 09:00:06
    Qt中如何给按钮加图标(背景图片) 1. Qt Designer中拖入一Tool Button 2. 选择图标的图片放入工程目录下,如放在Resources内 3. 双击工程的Resource...6. 再点击保存按钮,完成添加,如 7. 在工程...
  • 在对应submit按钮开始时 var index = layer.load(1, { shade: [0.5,'#000'] //0.1透明度的背景 }); 在响应成功时或失败时,对应关闭 layer.close(index); 如:
  • Qt:图标按钮

    千次阅读 2019-03-31 21:25:09
    Qt自带的按钮QButton,基础而丑陋,能够满足功能需求,而无法满足审美需求,因此,在GUI开发的时候,很多时候要定制自己的图标按钮,其具体操作十分简单,通过Qt Designer即可。  第一步,打开VS项目管理器中的Qt...
  • 2、获取这些程序的图标,显示到listctrl中,并保存为png格式到d:\\ 3、vs2010,xp系统编译运行通过; 4、最后测试office的按钮是写的本机的安装路径,所以对于其他机器可能无效。 最后问下,一般怎么检测电脑是否...
  • 替换工具栏按钮图标_Excel VBA应用.rar,Excel为工具栏按钮提供了大量的内置图标,每个图标对应一个FacelD。通过指定FaceID,可以为工具栏按钮设置不同的图标,这为创建个性用户的工具栏以及自定义工具栏提供了便利...
  • Add Font Awesome Icons to all of our ButtonsFont Awesome 是一个非常方便的图标库。这些图片都是矢量图,以 .svg 文件格式保存。...使用 Font Awesome 分别为你的 info 按钮添加 info-circle 图标,为你的 delet...
  • webdnpro for java按钮常用图标示例

    千次阅读 2014-06-13 23:24:42
    ~sapicons/s_b_dele....~sapicons/s_f_save.gif 保存 ~sapicons/s_incemp.gif 增加人员 ~sapicons/s_pagedo.gif 下移 ~sapicons/s_pageup.gif 上移 ~sapicons/s_~sapicons/s_okay.gif 确定按钮 ~sapicons/s_~sap
  • 添加、删除图标文件中的图标,并保存图标。支持24、32位真彩色图标
  • VC,VB程序按钮图标样式美化

    千次阅读 2014-06-09 09:00:43
    此处的“美化”指的不是通过代码进行美化你的程序。...1、Windows2000按钮样式转为Windows XP按钮样式 两种按钮的差别比较容易区分,典型的就是VC6和VS2010开发出的MFC程序界面。前者的按钮是黑白的,后者有渲染效果
  • 怎么获取到ckeditor上面的保存按钮,并为它添加单击事件
  • 细品RibbonX(47):更改Excel 2007快速访问工具栏中按钮的图标... 下面介绍修改QAT中宏按钮或内置按钮图标的方法。如下图所示,在QAT中添加一个宏。Excel将QAT的设置保存在名为Excel.qat的文件中,该文件位于:C:...
  • 安卓开发-图标的使用以及图形按钮

    千次阅读 2018-10-14 13:16:00
    在我设计界面的时候,想要实现一个带图标按钮,那么如何获取需要的图标成为一个问题。 刚写代码的小白对GitHub并不熟悉,但是它真的是强大。使用一些开源的库文件,可以对项目开发起到很大的帮助。首先拉出一个...
  • 在http://www.cnblogs.com/strick/p/4101071.html有说明介绍
  • QT修改应用图标,给按钮添加监听器

    千次阅读 2018-04-23 23:44:58
    1、QT怎么修改应用图标图标文件放到工程下面,例如qwind_icon.ico然后在项目中点击右键,选择添加新文件在新建文件对话框中选择Qt-&gt;Qt Resource File 在弹出的Qt Resource File对话框中的名称一栏输入xxx....
  • 首先介绍合适的ico图标,一般mfc合适的ico图标为 尺寸:64*64,高度:64像素,宽度:64像素,位深度:32。 这个可以在图片属性的详细信息中找到 ico图片的制作方法可百度,也可以在这个网站上在线转换,任
  • RadioButton在我们开发APP应用中是很常见的.这点我不用说大家也心知肚明....往往都会定制自己的图标.下面我给大家介绍一下我实现的方法:  方法:运用组合控件(ImageView and TextView)  组合控
  • 外部按钮调用ECharts图表的保存为图片操作 最近使用ECharts库绘制图表,依据需求希望可以把图表设置的保存为图片操作可以在图表外部调用,主要是希望可以和项目之前的下载图片操作界面保持一致。然后上网找了一些方法...
  • 先上个效果图: wxml文件比较简单,就一个图片,如下 &lt;image src="{{imgurl}}" style="width:100px;height:100px;" bindtap="et_submit" animation="...
  • 这是原来写好的页面效果: ...他这个图标就是变成扁的了!!!而且点击没有任何效果!!!,路径变都没变一下. 仔细一想既然在按钮里面写不生效,那我把按钮放在路由里面呢…结果还真就可以用!: 代码: 页面(附带数据): ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 108,163
精华内容 43,265
关键字:

保存按钮图标