图片按钮
来源:互联网 发布:cat linux 查看指定列 编辑:程序博客网 时间:2024/04/28 07:21
图片按钮实现方式:
最简单、最常用、最不明智的用法
<a href="a.do"><img src="images/modify.gif" width="70" height="30" ></a>
这样实现方式效率比较低而且重要的是有很大的冗余,每个按钮都需要一张图片,比如“增加”、“修改”、“保存”、“删除”按钮。
而如果所有的按钮都只使用一张没有文字的按钮图片,在使用时将按钮文字写上,这样会比较好。
首先在css中定义:
css.css文件
.buttonImg {
border: 1;
height: 20px;
width: 70px;
cursor: hand;
font-size: 12px;
color: #ffffff;
font-weight: normal;
background-image: url("../images/bg.gif");
}
实现方式如下:
html:
<input type="button" class="buttonImg" value="增 加" onclick="location.href='a.do'">
struts:
<html:submit value=" 修 改 " styleClass="buttonImg"/>
在freemarker中则不需要定义css实现方式如下:
<@ww.submit type="image" src="${base}/images/save.gif" />
- 图片按钮
- 图片按钮
- 图片按钮
- 图片按钮
- 普通按钮和图片按钮
- 自定义控件--图片按钮
- 改进的图片按钮
- 图片代替按钮脚本
- 一个图片按钮类
- 图片代替按钮
- 图片提交按钮
- Wince 透明图片按钮
- 图片做的按钮
- 图片提交按钮
- VC按钮显示图片
- 按钮加载图片
- Android图片文字按钮
- Powerbuilder IE图片按钮
- 常用的sql函数
- Ajax的定义与总结
- HTML事件触发列表与解说
- apache安装linux下
- 上海400亿填海造城接近完工 相当于再造5个澳门
- 图片按钮
- 一个关于反射的小例子
- .NET环境下几种不同的邮件发送解决方案
- Acegi简介
- 盖茨蝉联世界首富12年的理财之道
- 工行A+H同步发行上市 创造8个第一和16个之最
- 小偷程序
- 关于java的classpath问题的总结
- 用SQL语句实现的网吧计费