JS实现点击一个按钮替换图片

已举报 回答 关注

JS实现点击一个按钮替换图片

  • 回答数

    8

  • 浏览数

    9,508

8个回答 默认排序
  • 默认排序
  • 按时间排序

已采纳
1、编写html内容,如下:
<img border="0" alt="XXX" src="1.jpg" id="bbb"/><br><br> <input type="button" value="点击切换" onclick="changeImg();"/>展示效果:

点击切换按钮会在两种不同的图片之间进行切换。
2、编写js代码,通过getElementById方法获取到图片所在的img节点对象,通过判断当前显示的图片从而替换显示不同的图片:
function changeImg() { var obj = document.getElementById("bbb"); if (obj.getAttribute("src") == "1.jpg") { obj.setAttribute("src", "2.jpg"); } else { obj.setAttribute("src", "1.jpg"); } }点击之后切换另外一种图片:

取消 评论
jquery 的 $(document).ready(function() {
//页面加载完成后会执行

});
取消 评论
<input id="x" type="button" disabled value="等待" style="width:100px;" onclick="alert('你好');" />
<script>
var count = 5;
var mi = setInterval("test()",1000);
function test()
{
if(count>0)
{
count--;
x.value=count;
}
else
{
window.clearInterval(mi);
mi = null;
x.value = "OK";
x.disabled = false;
}
}
</script>
取消 评论
写那么复杂干什么..

<input id="btn" type="button" onclick="test(this)" value="test" />

<script type="text/javascript">
function test(t){
var i=1;
t.disabled=true;
var timer=setInterval(function(){t.value="test"+i;i++;
if(i>4){t.disabled=false;i=1;t.value="test";clearInterva(timer)}},1000)
}
</script>
取消 评论
把js函数放另一个页面里(也就是你链接指向的那个页面)

在body里添加onload="showsubmenu(sid)";

当前页面的js不可能影响下一个页面的,这是安全性考虑。不然你就可以随便改其他网站的页面了T.T

你可以考虑在传的时候在a链接的href属性里添加id值,例如<a href="xxx.html?id"然后在另一个页面取得这个id值。

sid = location.search.slice(1);
取消 评论
点击就将按钮设为disabled,然后调用一个函数进行循环,用settimeout(function,1000),,循环60次后把disabled属性去掉,就可以了
取消 评论
<body><input type="checkbox" id="a" />2秒循环选中<br /> </body><script> var j= setInterval("clickTuo()",2000);//2秒钟后调用clickTuo --初始化 function clickTuo() { clearInterval(j); //清理 $("#a").attr("checked", "checked"); j=setInterval("clickTuo2()",2000);//2秒钟后调用clickTuo2 }; function clickTuo2() { clearInterval(j); //清理 $("#a").removeAttr("checked"); j=setInterval("clickTuo()",2000);//2秒钟后调用clickTuo };</script>
取消 评论
$(':button').click(function(){
$(this).attr('disabled',true).delay(60*1000).attr('disabled',false);
//代码~
});
取消 评论
ZOL问答 > JS实现点击一个按钮替换图片

举报

感谢您为社区的和谐贡献力量请选择举报类型

举报成功

经过核实后将会做出处理
感谢您为社区和谐做出贡献

提示

确定要取消此次报名,退出该活动?