育才学习网1.Html图片按钮效果代码
<input type="image" src="。" />； 答案补充 <input type="button" src="2.jpg" onm ousemove="this.src='1.jpg'" onm ouseout="this.src='2.jpg'" />； 答案补充 我晕，刚才直接复制你的，应该是这样
<input type="image" src="2.jpg" onm ousemove="this.src='1.jpg'" onm ouseout="this.src='2.jpg'" />
2.HTML中,怎么表示一个图片按钮
方法1:
给图片加一个onclick事件，用js事件来提交就可以实现。
例：<input type="image" src="图片地址" />
方法2:
有CSS把图片设为按钮背景就可以了
例： <input name="" type="button" style=" width:10px; height:10px; border:0; background:url（图片路径） no-repeat left top" />
提示：需要把按钮的宽高设的和图片一样。
3.html代码中,图片按钮上写js代码
有两个方法可以参考
第一个：
写在外部
既是写在javascript里面 如：
<script type="text/javascript">
function imgClick(){
var diag = new Dialog("1");
diag.Width = 840;
diag.Height = 420;
diag.Title = "书典网"；
diag.URL = "lm.shtml";
diag.show();
}
</script>
而后在 onclick里面调用就行了 既是：onclick=" imgClick()"
第二种：
直接写在里面
什么意思，如果不闲麻烦就直接这么些
onclick='var diag = new Dialog("1");diag.Width = 840; diag.Height = 420; diag.Title = "书典网"； diag.URL = "lm.shtml"; diag.show();'
搞定了
4.html点击按钮时切换图片的代码
html点击按钮时切换图片的代码如下：
<script src=">
<meta charset="utf-8"/>
<html>
<head>
<style type="text/css">
html,body{
height:100%;
margin:0;
background: #EEEEEE;
position:relative;
}
button {
position: absolute;
top:50%;
left:50%;
width: 400px;
height: 100px;
margin:-50px -200px;
background: #ffffff;
font:72px "Microsoft YaHei";
color:blue;
}
button:hover{
background:#eeeeff;
}
</style>
</head>
<body>
<button onclick="location.href='#someplace'">；进入BBS</button>
</body>
</html>
代码如上，兼容直到IE6
6.如何用Html,在图片上放按钮
有两种方法。
①：将图片做为背景，放上按钮。如：
<div style="width:100px; height:100px; background:url('1.jpg') 0 0 repeat;">
<input type="button" value="按钮" />
</div>；②：将按钮进行绝对定位，如：
<div style="position:relative;">
<img src="1.jpg" />
<input type="button" value="按钮" style="position:absolute; left:10px; top:10px;" />
</div>
转载请注明出处育才学习网 » html按钮代码怎么写