阅读背景:

界面自定义按钮,带图标无边框背景透明按钮

来源:互联网 

1.html代码

  	<div style="width: 100%;height: 20px;background-color: #E0EAF7;">
  		<button type="button" style="valign: middle;cursor: hand;background-color: transparent; border: 0;"
				onclick="addAttachment()"	onmouseover="style.backgroundColor='white'" onMouseOut="style.backgroundColor='#E0EAF7'">
				<img src="<%=request.getContextPath() %>/image/common/attach_upload.gif" width="15" height="15" align="absbottom">新增 
		</button>
  		<button type="button" style="valign: middle;cursor: hand;background-color: transparent; border: 0;"
				onclick="openAttachment()"	onmouseover="style.backgroundColor='white'" onMouseOut="style.backgroundColor='#E0EAF7'">
				<img src="<%=request.getContextPath() %>/image/common/removefromfolder.gif" width="15" height="15" align="absbottom">打开 
		</button>
  		<button type="button" style="valign: middle;cursor: hand;background-color: transparent; border: 0;"
				onclick="deleteAttachment()"	onmouseover="style.backgroundColor='white'" onMouseOut="style.backgroundColor='#E0EAF7'">
				<img src="<%=request.getContextPath() %>/image/common/attach_delete.gif" width="15" height="15" align="absbottom">删除 
		</button>
  		<button type="button" style="valign: middle;cursor: hand;background-color: transparent; border: 0;"
				onclick="downloadAttachment()"	onmouseover="style.backgroundColor='white'" onMouseOut="style.backgroundColor='#E0EAF7'">
				<img src="<%=request.getContextPath() %>/image/common/putintofolder.gif" width="15" height="15" align="absbottom">下载 
		</button>
  		<button type="button" style="valign: middle;cursor: hand;background-color: transparent; border: 0;"
				onclick="downloadAttachment()"	onmouseover="style.backgroundColor='white'" onMouseOut="style.backgroundColor='#E0EAF7'">
				<img src="<%=request.getContextPath() %>/image/common/putintofolder.gif" width="15" height="15" align="absbottom">下载全部 
		</button>
  	</div>  	<div style="width: 100%;height



你的当前访问异常,请进行认证后继续阅读剩余内容。

分享到: