Question

Html图片按钮效果代码？

有按钮加背景图片的，我知道；
我要的是图片实现按钮功能的“图片按钮”！

Answer 1

如果是提交表单一类的按钮，可以为:<img src="..." onclick="js函数">并在js中写函数进行处理
如果是要跳转页面一类的按钮 ，也可以写为<a href="要跳转的页面"><img src="..."/></a> 答案补充 <input type="image" src="...">之后可以用mouseover更改它的src属性

Answer 2

在图片标签里加个事件 onclick鼠标单击事件。然后调用javascript函数名；
如
<img src="uri" onclick="alert('hello');" /> 答案补充 你可以给这个标签取个Id 在onmousemove 或onmouseout 的时候用javascript改变它的src属性

Answer 3

楼上的就是了 <input type="image" src="图片地址" /> 和 <input type="submit" value="" /> 是一样的 答案补充 这个简单，你早说<button onclick="javascript:document.getElementById('表单ID').submit()"><img src="" />会员注册</button>

Answer 4

<input type="image" src="..." /> 答案补充 <input type="button" src="2.jpg" onmousemove="this.src='1.jpg'" onmouseout="this.src='2.jpg'" /> 答案补充 我晕，刚才直接复制你的，应该是这样
<input type="image" src="2.jpg" onmousemove="this.src='1.jpg'" onmouseout="this.src='2.jpg'" />

Answer 5

很多种方法可以实现，给你介绍一种。图片做成链接，用样式表控制链接的长宽与图片相同，设置href="###"，一定注意是三个###，然后设置onclick函数，也就是你的按钮响应函数。至此图片按钮就制作完成了，如果还想更炫一点，还可以设置onmouseover，onmouseout函数，提供鼠标滑过的图片，和鼠标离开的图片