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

<HTML>
<HEAD>
</HEAD>
<BODY>
<img src="E:\photo4\1.jpg" />
</BODY>
</HTML>
这个用Javascript代码动态更改src属性应该怎么做。
如果src是本地图片,那要怎么设置。

料青山看我应如是
浏览 368回答 2
2回答

holdtom

<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();"&nbsp;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){// 只显示nicknameli_item = &nbsp;'<li>'+'<span class="lottery_name">' + nickname + '</span>'+'</li>';}else{li_item = &nbsp;'<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);}

郎朗坤

我编写下面的脚本,鼠标移动上去图片就变,鼠标点击也变,你有多少图片都放在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>
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

Java
Html5