有图片IMG1,IMG2,IMG3.
点击Img1时,图片替换为img1_2.jpg
点击img2时,图片替换为img2_2.jpg,img1还原
点击img3时,图片替换为img3_2.jpg,img1还原,img2还原
就像QQ面版上的效果.
点击Img1时,图片替换为img1_2.jpg
点击img2时,图片替换为img2_2.jpg,img1还原
点击img3时,图片替换为img3_2.jpg,img1还原,img2还原
就像QQ面版上的效果.
var temp=new Array()
temp[0]="car/1.jpg"
temp[1]="car/2.jpg"
temp[2]="car/3.jpg"
i=1
function changeImage(obj)
{
if(i==temp.length)i=0;
obj.src=temp[i]
i++;
}
</script>
<img src="car/1.jpg" onclick="changeImage(this)">
var temp=new Array()
temp[0]="car/1.jpg"
temp[1]="car/2.jpg"
temp[2]="car/3.jpg"
var tempObj=new Array()
tempObj[0]=1
tempObj[1]=1
tempObj[2]=1
tempObj[3]=1
tempObj[4]=1
function changeImage(obj,i)
{
if(tempObj[i]==temp.length)tempObj[i]=0;
obj.src=temp[tempObj[i]]
tempObj[i]++;
}
</script>
<img src="car/1.jpg" onclick="changeImage(this,0)">
<img src="car/1.jpg" onclick="changeImage(this,1)">
<img src="car/1.jpg" onclick="changeImage(this,2)">
<img src="car/1.jpg" onclick="changeImage(this,3)">
<img src="car/1.jpg" onclick="changeImage(this,4)">
当单击X张图片时,替换成car1_2.jpg.原来点中的图片将恢复原样.
就像QQ面板的效果.
<script language=javascript>
var temp=new Array()
temp[0]="car/1.jpg"
temp[1]="car/2.jpg"
temp[2]="car/3.jpg"
var tempObj=new Array()
var oldObj=null
tempObj[0]=1
tempObj[1]=1
tempObj[2]=1
tempObj[3]=1
tempObj[4]=1
function changeImage(obj,i)
{
if(oldObj){
oldObj.src=temp[0]
}
if(tempObj[i]==temp.length)tempObj[i]=0;
obj.src=temp[tempObj[i]]
tempObj[i]++;
oldObj=obj;
}
</script>
<img src="car/1.jpg" onclick="changeImage(this,0)">
<img src="car/1.jpg" onclick="changeImage(this,1)">
<img src="car/1.jpg" onclick="changeImage(this,2)">
<img src="car/1.jpg" onclick="changeImage(this,3)">
<img src="car/1.jpg" onclick="changeImage(this,4)">