如何变换链接里的图片?前提是必须触发 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
}
}
d = document.getElementById("div1"+id);
if(d.style.display == "none"){
//down.gif 这里怎么写代码把<img src="images/up.gif">里的图片换成另一张图片
}
else{
//up.gif
}
}
解决方案 »
- 请教firefox的js兼容性问题
- 郁闷~~~
- 急问一个问题在线急等!如:parseFloat(he.value)+parseFloat(he1.value)
- 新手提问:在网页中加载swf文件,总是报告 SetReturnValue() 函数是什么原因?
- 请问document.write输出这样的html代码是做什么用的?
- 一个比较难的弹出窗口效果怎么实现
- javascript操作本地文件问题
- 请教高手关于showModalDialog()的问题
- 怎么将一个框架的页面都一次性的屏蔽右键?(很急,谢谢帮忙!)
- ExtJS ComboBox加载远程数据的时候,怎么传递加号
- 两个<script>标签在同一index.aspx里冲突,哪位高手帮忙解决一下,非常感谢!
- (function(){ ... ... })() 这是什么简写
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='javascript:void();' id="<%# Eval("ID") %>" onclick="show(this.id)"><img src="images/+.gif" alt="" /></a>
function show(id) {
d = document.getElementById("div1"+id);
if (d.style.display == "none") {
d.style.display = "block";
d.innerHTML = '';//我想测试简单点,弄个什么都没有,可是也没反映,图片还是原来图片
}
else {
d.style.display = "none";
d.innerHTML = '';
}
}
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(id);
一直以为d = document.getElementById("div1"+id);
是另一个做为值判断的参照对像,因为LZ有一句:if(d.style.display == "none"){
如果不是另一个参照对像,这种直接绑定的click事件,怎么可能还会需要判断到触发对象是否被隐藏
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');
}
}
楼上的是可以,但是我本意被改了呀,id="id1" onclick="show(this.id)"> 这些都是不能改的
function show(id) {
d = document.getElementById(id);//////////////
if(d.style.display == "none"){ document.getElementById('id1').innerHTML='<img src="images/down.gif">'
}
else{ document.getElementById('id1').innerHTML='<img src="images/up.gif">'
}
}
如果传id的话再用ID取以下就好了。
<body><a href='#' id="id1" onclick="show(this.id)"><img src="image/up.gif"></a><script type="text/javascript">
function show(id) {
var obj = document.getElementById(id);
var img = obj.childNodes[0];
// up
if ('up' == 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');
}
}
</script>
</body>
<script type="text/javascript">
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');
}
}function show3(id) {
d = document.getElementById(id);
if(d.innerHTML.indexOf("down")>=0){
d.innerHTML='<IMG src="images/up.png" border=0>'
}
else{
d.innerHTML='<IMG src="images/down.png" border=0>'
}
}
</script>
<body>
<a href='#' id="up" onclick="show(this)"><img src="images/up.png" border=0></a>
<br/>
<a href='#' id="id2" onclick="show3(this.id)"><IMG src="images/up.png" border=0></a>
</body>
</html>