为了账号安全,请及时绑定邮箱和手机立即绑定

想要动态更改img标签的src属性?请问该怎么操作呢?

想要动态更改img标签的src属性?请问该怎么操作呢?

料青山看我应如是 2021-07-26 19:06:31
<HTML><HEAD></HEAD><BODY><img src="E:\photo4\1.jpg" /></BODY></HTML>这个用Javascript代码动态更改src属性应该怎么做。如果src是本地图片,那要怎么设置。
查看完整描述

2 回答

?
holdtom

TA贡献1805条经验 获得超10个赞

<HTML>

<HEAD>

<script type=text/javascript>

var img_idx=0;

var img_list=new Array("手机471.jpg","手机469.jpg");

function next_img(){

img_idx++;

img_idx%=img_list.length;

return img_list[img_idx];

}

</script>

</HEAD>

<BODY>

<img src="手机471.jpg" onmouseover="this.src=next_img();" 

onclick="this.src=next_img();"/>

</BODY>

</HTML>

扩展资料


for(var i = 0; i<len;i++){

var data = datas[i];

var nickname = data.nickname;

var avatar = data.avatar;

var li_item = '';

if(avatar == null){

// 只显示nickname

li_item =  '<li>'+

'<span class="lottery_name">' + nickname + '</span>'+

'</li>';

}else{

li_item =  '<li>'+

'<img class="lottery_icon" id="img'+i+'" />'+

'<span class="lottery_name">' + nickname + '</span>'+

'</li>';

//$('#img'+i).attr('src',avatar);

}

$('.lottery_main').append(li_item);

$('#img'+i).attr('src',avatar);

}



查看完整回答
反对 回复 2021-08-02
?
郎朗坤

TA贡献1921条经验 获得超9个赞

我编写下面的脚本,鼠标移动上去图片就变,鼠标点击也变,你有多少图片都放在img_list语句后面就可以,我的文件夹下面有两个图片,在IE6上测试通过了的,其它浏览器应该没用问题:

<HTML>
<HEAD>
<script type=text/javascript>
var img_idx=0;
var img_list=new Array("手机471.jpg","手机469.jpg");
function next_img(){
img_idx++;
img_idx%=img_list.length;
return img_list[img_idx];
}
</script>
</HEAD>
<BODY>
<img src="手机471.jpg" onmouseover="this.src=next_img();" onclick="this.src=next_img();"/>
</BODY>
</HTML>



查看完整回答
反对 回复 2021-08-02
  • 2 回答
  • 0 关注
  • 328 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信