请问大神怎么用html实现点击"关注"按钮之后按钮变成"已关注"！！！！！！
1个回答
展开全部
<html>
<head>
<script type="text/javascript">
function change()
{
var btn = document.getElementById("btn");
btn.value="已关注";
btn.disabled=true;
}
</script>
</head>
<body>
<input type="button" id="btn" value="关注" onclick="change()"/>
</body>
</html>
<head>
<script type="text/javascript">
function change()
{
var btn = document.getElementById("btn");
btn.value="已关注";
btn.disabled=true;
}
</script>
</head>
<body>
<input type="button" id="btn" value="关注" onclick="change()"/>
</body>
</html>
追问
你好，是这样的，我的button都是自己做好的图片，上面的“关注”和“已关注”都已经做好了，我想要做的是点击那个“关注”button，让它变成“已关注”那张图片，请你再帮我解答一下好吗，谢谢！
追答
.btn
{
width:500px;
height:400px;
}
.btn1
{
background: #ffffff url(1.png) no-repeat;
}
.btn2
{
background: #ffffff url(2.png) no-repeat;
}
function change()
{
var btn = document.getElementById("btn");
btn.className="btn btn2";
btn.disabled=true;
}
在.btn中调整宽高为图片大小，html文件和图片在同一目录下，1.png和2.png是切换的2张图片
本回答被提问者采纳
已赞过
已踩过<
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
