基本信息
源码名称：html 带图片的按钮 例子
源码大小：0.07M
文件格式：.rar
开发语言：CSS
更新时间：2015-06-11
友情提示：（无需注册或充值，赞助后即可获取资源下载链接）
嘿，亲！知识可是无价之宝呢，但咱这精心整理的资料也耗费了不少心血呀。小小地破费一下，绝对物超所值哦！如有下载和支付问题，请联系我们QQ(微信同号)：78630559
本次赞助数额为： 2 元×
微信扫码支付：2 元
×
请留下您的邮箱，我们将在2小时内将文件发到您的邮箱
源码介绍
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>按扭控件 </title>
<link rel="STYLESHEET" type="text/css" href="style/button.css">
<link rel="STYLESHEET" type="text/css" href="style/icon.css">
<script language="javascript" src="script/jquery-1.3.2.min.js"></script>
<script language="javascript" src="script/pico-button.js"></script>
</head>
<body>
<h3>1、UI控件使用说明 －－ 按扭 (有问题请联系 曾宪斌)</h3>
<ul>
<li>首先在head中加载以下四个文件<br>
<link rel="STYLESHEET" type="text/css" href="style/style.css"><br>
<link rel="STYLESHEET" type="text/css" href="style/icon.css"><br>
<script language="javascript" src="script/jquery-1.3.2.min.js"></script><br>
<script language="javascript" src="script/pico-ui.js"></script></li>
这样页面中的所有input按扭都将会被自动渲染为<input type='button' value='按扭' ><br><br></li>
<li>通过CSS更改图标，如.icon-save {background-image: url(icons/save.gif) !important;},<br/>
页面标签添加icon属性：<input icon='icon-save' type='button' value='按扭' > <input icon='icon-save' type='button' value='保存' ><br><br></li>
<li>示例</br>
<input type='button' value='按扭' onclick='alert(1)'><input type='button' value='按扭' onclick='alert(1)'> <br>
<input id='dsb' type='button' value='disabled按扭' onclick='alert(1)' disabled=true><input id='dsb' type='button' value='disabled按扭' onclick='alert(1)' disabled> <br>
<input type='button' value='可用' onclick='javascript:$("#dsb").btn().enable()'><input type='button' value='可用' onclick='javascript:$("#dsb").bnt().enable()'><br>
<input type='button' value='不可用' onclick='javascript:$("#dsb").btn().disable()'><input type='button' value='不可用' onclick='javascript:$("#dsb").btn().disable()'><br><br>
<input icon='icon-save' type='submit' value='提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交提交' ><input icon='icon-save' type='submit' value='提交' ><br>
<input icon='icon-reset' type='button' value='重置' ><input icon='icon-reset' type='button' value='重置' ><br><br>
<input icon='icon-search' type='button' value='查询' ><input icon='icon-search' type='button' value='查询' ><br>
<input icon='icon-add' type='button' value='添加' ><input icon='icon-add' type='button' value='添加' ><br>
<input icon='icon-edit' type='button' value='编辑' ><input icon='icon-edit' type='button' value='编辑' ><br>
<input icon='icon-delete' type='button' value='删除' ><input icon='icon-delete' type='button' value='删除' ><br>
<input icon='icon-save' type='button' value='保存' ><input icon='icon-save' type='button' value='保存' ><br>
</li>
</ul>
<form >
<table align="center" cellSpacing=0 cellPadding=0 width="90px">
<thead>
</thead>
<tbody id="tbody" align="center">
<tr>
<td>Svn Url:</td>
<td><input id="svnurl" name="svnurl" /></td>
</tr>
<tr id="changeTr">
<td>custem:</td>
<td><select id="custem">
<option id="please">--请选择--</option>
</select></td>
</tr>
<tr id="showcustemTr">
<td>联系人：</td>
<td id="showcustem"></td>
</tr>
<tr id="showCustemEamil">
<td>your chance:</td>
<td><textarea cols="19" rows="4" name="message"></textarea></td>
</tr>
<tr>
<td>give message:</td>
<td><textarea id="content" name="content" cols="19" rows="3"></textarea></td>
</tr>
<tr>
<td><i>FTP信息：</i></td>
<td><input id="ftp" /></td>
</tr>
<tr><td colspan="2"><input type="button" value="send" id="send" icon="icon-save"/> <input
type="reset" id="reset" value="reset" id="reset" icon="icon-reset"/>
<BUTTON>dsfd</BUTTON>
</td><td></td>
</tr>
</tbody>
</table>
</form>
</body>
</html>