如何变换链接里的图片?前提是必须触发 onclick="show(this.id)"> 后
<a href='#' id="id1" onclick="show(this.id)"><img src="images/up.gif"></a>
function show(id) {
d = document.getElementById("div1"+id);
if(d.style.display == "none"){
//down.gif 这里怎么写代码把<img src="images/up.gif">里的图片换成另一张图片
}
else{
//up.gif
}
}
------解决方案--------------------
- JScript code
function show(id) { d = document.getElementById("div1"+id); if(d.style.display == "none"){ document.getElementById('id1').innerHTML='<img src="images/down.gif">' //down.gif 这里怎么写代码把<img src="images/up.gif">里的图片换成另一张图片 } else{ document.getElementById('id1').innerHTML='<img src="images/up.gif">' //up.gif } }
------解决方案--------------------
------解决方案--------------------
<a href='#' id="id1" onclick="show(this.id)"><img src="images/up.gif"></a>
function show(id) {
d = document.getElementById("div1"+id);
if(d.style.display == "none"){
this.childNodes[0].src = "images/down.gif";
}
else{
this.childNodes[0].src = "images/up.gif";
}
}
------解决方案--------------------
d = document.getElementById("div1"+id);
干嘛是"div1" + id , 这样还能找到你的<a href='#' id="id1" onclick="show(this.id)"><img src="images/up.gif"></a> 中的id "id1" 吗?
"div1" + id, 永远不等于 "id1",改成
d = document.getElementById(id);
------解决方案--------------------
------解决方案--------------------
<a href='#' id="up" onclick="show(this)"><img src="images/up.gif"></a>
function show(obj) {
var img = obj.childNodes[0];
// up
if (obj.id == img.src.substring(img.src.lastIndexOf('/')+1, img.src.indexOf('.'))) {
img.src = img.src.replace('up', 'down');
// down
} else {
img.src = img.src.replace('down', 'up');
}
}
------解决方案--------------------
- HTML code
<a href='javascript:void();' id="<%# Eval("ID") %>" onclick="show(this.id)"><img src="images/+.gif" alt="" /></a>
------解决方案--------------------