2 回答
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);
}
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>
添加回答
举报