在JavaScript中如何将图片改变为按钮？
3个回答
展开全部
这个是在将按钮转换成图片的形式。<style>
.input{ background:url(images/14.png)}
</style>
</head>
<body>
<form action="#" method="get">
<input id="inpt" type="text">
<input name="send" type="submit" class="input" id="send2" value=" 登陆 " onClick="return Check()" onFocus="this.blur()">
<input name="reset" type="reset" class="input" id="reset2" value=" 重置 " onFocus="this.blur()">
</form>
</body>
如果要鼠标移动改变背景颜色的话,加上如下js。<html>
<head>
<title>改变按钮背景</title>
<script type="text/javascript">
//移入时背景变绿
function change(over){
over.style.backgroundColor = 'green';
}
//移开时背景变红
function show(out){
out.style.backgroundColor = 'red';
}
</script>
</head>
<body >
<input id="button" type="button" name="Submit" value="移过来看看" onmouseover="change(this)" onmouseout="show(this)" />
</body>
</html>
.input{ background:url(images/14.png)}
</style>
</head>
<body>
<form action="#" method="get">
<input id="inpt" type="text">
<input name="send" type="submit" class="input" id="send2" value=" 登陆 " onClick="return Check()" onFocus="this.blur()">
<input name="reset" type="reset" class="input" id="reset2" value=" 重置 " onFocus="this.blur()">
</form>
</body>
如果要鼠标移动改变背景颜色的话,加上如下js。<html>
<head>
<title>改变按钮背景</title>
<script type="text/javascript">
//移入时背景变绿
function change(over){
over.style.backgroundColor = 'green';
}
//移开时背景变红
function show(out){
out.style.backgroundColor = 'red';
}
</script>
</head>
<body >
<input id="button" type="button" name="Submit" value="移过来看看" onmouseover="change(this)" onmouseout="show(this)" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
