Question

js特效问题：请问我如何点击图片按钮后，让按钮换成另一个图片

请问我如何点击图片按钮后，让按钮换成另一个图片 ，我现在在按钮图片上加上了button可以点击下陷有了按钮的效果（<button type="button" style=" width:43px; height:42px;background:none;border:0;" onClick="window.location='#';"><img src="images/button_01.PNG"></button>）我现在想点击之后按钮图片中间的白色变成蓝色； 求助急用

Answer 1

在onclick后制定一个js方法，
给img一个id,通过id获取到img对象。
对象.src="新图片的路径"

追问

（）麻烦能不能结合我的代码 写一下那 还有js方法 该咋写 谢谢

追答

function dowith()
{
alert("123");
var img = document.getElementById("img");
img.src="D:/图片/壁纸/月女2.jpg";

//如果需要跳转到别的页面
//window.location.href="/url";
}

追问

谢谢啊高手 这个方法可以换图 开始按钮中间是白色的 我一点击变成蓝色的， 我想让它再点击的时候在变成白色的 也就是说当你点击按钮的时候 按钮是在白色和蓝色之间切换的。 你给我发的这个，点击的时候白色可以换成蓝色图片 ，但是我在点击蓝色图片的时候 就变不回来了 麻烦下 能有什么办法没

追答

你会用jquery不
jquery有一个toggle(function(){},function(){});
地第一次执行第一个方法，第二次执行第二个方法，循环这样。我给你写段JS的吧

追问

麻烦您帮我写一段这个js的代码吧 我对jquery不是很熟 谢了啊

追答

-->

//--------------jquery的方法如下-------------------
//$(function(){
// $("#btn").toggle(
// function(){$("#img").attr("src","D:/图片/壁纸/月女2.jpg");},
// function(){$("#img").attr("src","D:/图片/壁纸/20088511434621_2.jpg");}
// );
//});

//-------------javaScript方法如下-----------
var flag = true;
var src1 = "D:/图片/壁纸/20088511434621_2.jpg";
var src2 = "D:/图片/壁纸/月女2.jpg";
var img =null;
function dowith()
{
img = document.getElementById("img");
//此处看你默认路径的为什么而定。不固定
if(flag)
{
img.src = src2;
flag = false;
}else
{
img.src = src1;
flag = true;
}
//如果需要跳转到别的页面
//window.location.href="/url";
}

-->

我把两端代码放在一起（被注释的是jquery部分，在用的是js的）

Answer 2

如果是gif图片，可以把中间的白色弄成透明的
点击后把背景换成蓝色不知道行不行，没测试过

Answer 3

按钮里 ：onkeydown="this.style.backgroundiomage='url(路径)'"

追问

（） 我加上了url的路径也不行按你说的那样加在了button里 刷新后 按钮就消失了

Answer 4

做任务而已