javascript 换图片的问题 我有两个图片A和B,当在网页上点击A时,换成B。当点击B时换成A,来回更换。大家谁有实现这种效果的javascript代码?可否提供? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 <img id="a" src="a.gif" onclick="this.src=document.getElementById('b').src" /><img id="b" src="b.gif" onclick="this.src=document.getElementById('a').src" /> 网页上同时只能出现一个图片。例如加载时,显示A,然后点击A,换成显示B,点击B,又换成显示A,以此循环 js换图片不现实吧?你应该指的是ajax吧? 给你个思路!!可不是最好的!!放在panle控件里面!!控制它的显示和影藏 以下是我的代码,第一次由A换成B,OK,但再以后,就没什么反应了。(html的代码是预先加载A.gif)--------------------------------------------------------------------------------------//转换排序图标function sortImg() { if(document.all.sortPic.src="A.gif") { document.all.sortPic.src="B.gif"; document.all.sortPic.alt="点击此处可进行排序"; } else { document.all.sortPic.src="A.gif"; document.all.sortPic.alt="点击此处可进行排序"; } } <script>var imgA="http://a.gif/";var imgB="http://b.gif/";var flag = true;function changeImage(obj){if (flag){obj.src=imgB;} else {obj.src=imgA;}flag = !flag}</script><img src="http://a.gif" onclick="changeImage(this)" / > <img id='img' src='a.gif' onclick="if(this.src=='a.gif') this.src='b.gif'; else if(this.src='b.gif') this.src='a.gif';" /> <img id="a" src="a.gif" onclick="showImg(this);" / > <img id="b" src="b.gif" onclick="showImg(this);" / >function showImg(source) { var src=source.getAttribute("src"); var path1=document.getElementById("a"); var path2=document.getElementById("b"); if(src==path1.getAttribute("src")) { var tempSrc=path2.getAttribute("src"); path2.setAttribute("src",src); path1.setAttribute("src",tempSrc); } else if(src==path2.getAttribute("src")) { var tempSrc=path1.getAttribute("src"); path1.setAttribute("src",src); path2.setAttribute("src",tempSrc); } } 面试问题~~~标题不用太长 新手 Repeater绑定数据排序的问题 请大家介绍下好的收费的虚拟空间提供商或者vps提供商 这种问题你没有遇到过吗? 如何做动态表格 表头固定 对于数据库访问字段的几个问题... 求助!一个关于web页面中treeview控件的问题?? 怎么样可以读出访问页面者的IP地址,求代码例子。 sql语句的错误,请大家帮忙看看. JS Tab 功能 菜鸟请教:如何实现,数据的滚动??
<img id="b" src="b.gif" onclick="this.src=document.getElementById('a').src" />
你应该指的是ajax吧?
可不是最好的!!
放在panle控件里面!!
控制它的显示和影藏
(html的代码是预先加载A.gif)
--------------------------------------------------------------------------------------
//转换排序图标
function sortImg()
{
if(document.all.sortPic.src="A.gif")
{
document.all.sortPic.src="B.gif";
document.all.sortPic.alt="点击此处可进行排序";
}
else
{
document.all.sortPic.src="A.gif";
document.all.sortPic.alt="点击此处可进行排序";
}
}
var imgA="http://a.gif/";
var imgB="http://b.gif/";
var flag = true;
function changeImage(obj)
{
if (flag)
{
obj.src=imgB;
}
else
{
obj.src=imgA;
}
flag = !flag
}
</script>
<img src="http://a.gif" onclick="changeImage(this)" / >
<img id="b" src="b.gif" onclick="showImg(this);" / >
function showImg(source)
{
var src=source.getAttribute("src");
var path1=document.getElementById("a");
var path2=document.getElementById("b");
if(src==path1.getAttribute("src"))
{
var tempSrc=path2.getAttribute("src");
path2.setAttribute("src",src);
path1.setAttribute("src",tempSrc);
}
else if(src==path2.getAttribute("src"))
{
var tempSrc=path1.getAttribute("src");
path1.setAttribute("src",src);
path2.setAttribute("src",tempSrc);
}
}