UC知道在浏览器客户端执行更换图片
来源：百度知道 编辑：UC知道 时间：2024/07/08 20:52:39
在一个页面上有1.gif（标记1）、2.gif（标记2）、3.gif（标记3）三张图片
然后我点击一个按钮或什么东西，就把第一张图片换成2.gif、把第二张换成3.gif
当然可以事先加载“ima1=2.gif,ima2=3.gif”之类,或者随便你加载你想要的语句
说明：
先是
<div><img src=1.gif></div><div><img src=2.gif></div><div><img src=3.gif></div>
通过在客户端执行语句后，就变成
<div><img src=2.gif></div><div><img src=3.gif></div><div><img src=3.gif></div>
关键是要在客户端执行。
希望有高手指教一下，这个程序怎么编,最好能给我提供详细的代码。
我只会一点点ASP，不懂javascript
那个按钮要能循环使用，也就是，按第一次是出现
<div><img src=2.gif></div><div><img src=3.gif></div><div><img src=3.gif></div>
按第二次就要按照事先设定好的语句继续更换3张图片中的任意2张
再按再继续更换图片
是要按照规则更换的,事先加载好每次要更换的方式
阳光上的桥提供的代码酷毙了,我正在消化中,(汗)真的对javascript完全不懂
然后我点击一个按钮或什么东西，就把第一张图片换成2.gif、把第二张换成3.gif
当然可以事先加载“ima1=2.gif,ima2=3.gif”之类,或者随便你加载你想要的语句
说明：
先是
<div><img src=1.gif></div><div><img src=2.gif></div><div><img src=3.gif></div>
通过在客户端执行语句后，就变成
<div><img src=2.gif></div><div><img src=3.gif></div><div><img src=3.gif></div>
关键是要在客户端执行。
希望有高手指教一下，这个程序怎么编,最好能给我提供详细的代码。
我只会一点点ASP，不懂javascript
那个按钮要能循环使用，也就是，按第一次是出现
<div><img src=2.gif></div><div><img src=3.gif></div><div><img src=3.gif></div>
按第二次就要按照事先设定好的语句继续更换3张图片中的任意2张
再按再继续更换图片
是要按照规则更换的,事先加载好每次要更换的方式
阳光上的桥提供的代码酷毙了,我正在消化中,(汗)真的对javascript完全不懂
你需要随机更换呢，还是按照规则更换，下面我的程序按照实现拟定的规则进行更换，如果有其它要求，你可以稍微修改代码，其实JS比ASP简单得多（以下代码IE调试通过）：
<html><head>
<script language=javascript>
var list_i=0;
var list_s=new Array('223','213','233','133');//这里存放得是变化规律
function change_list(){
list_i=(list_i+1)%list_s.length;
s='<img src='+list_s[list_i].substr(0,1)+'.gif><img src='+list_s[list_i].substr(1,1)+'.gif><img src='+list_s[list_i].substr(2,1)+'.gif>';
//alert(s);//这个语句调试输出代码是否正确
id1.innerHTML=s;//这个语句实现修改图片
}
</script>
</head>
<body>
<div id=id1><img src=1.gif><img src=2.gif><img src=3.gif></div>
<button onclick="change_list();">改变</button>
</body>