用js动态的改变img标签里面的src属性实现图片的循环切换

JS：根据循环切换的条件可以用

document.getElementById('').src=''设置，

或者jquery方法：

$('#id').attr('src','图片名称’）；

 

具体：

if(true) {

 document.getElementById('id').src='a.png';

//or $('#id').attr('src','a.png');

}else {

  document.getElementById('id').src='b.png';

//or $('#id').attr('src','b.png');

}

 

//上面的红色的和红色的对应，蓝色的和蓝色的是对应的。

例如 验证码的使用

jsp 代码

<div class="formControls col-8 col-offset-3">
          <input  id="validationCode" type="text" placeholder="验证码" οnblur="if(this.value==''){this.value=''}" οnclick="if(this.value==''){this.value='';}" style="width:150px;">
          <img src="code" id="validateCode"/> <a id="kanbuq" οnclick="changeCode()"href="javascript:;">看不清，换一张</a> </div>
  </div>

function changeCode(){
      var timestamp=(new Date()).valueOf();
      $("#validateCode").attr("src","code?timestamp="+timestamp);
     }