javascript入门·图片对象(无刷新变换图片)\滚动图像

演示一：无刷新变换图片（有点歪）

<selectname="select1"onchange="img(this.options.selectedIndex)">
1
2
3
4

演示二：鼠标触发图片变换（书面名称好像叫图像滚动）

//先建立两个数组，一组是on状态的，一组是off状态的
//数组使用的是字符串作索引，一来方便识别，二来在代码运行中不会冲突
offimg=newArray()
offimg["play"]=newImage(60,50)
offimg["stop"]=newImage(60,50)
offimg["pause"]=newImage(60,50)
offimg["rewind"]=newImage(66,55)
//赋值
offimg["play"].src="img/1.jpg"
offimg["stop"].src="img/2.jpg"
offimg["pause"].src="img/3.jpg"
offimg["rewind"].src="img/4.jpg"
//第二个数组
onimg=newArray()
onimg["play"]=newImage(60,50)
onimg["stop"]=newImage(60,50)
onimg["pause"]=newImage(60,50)
onimg["rewind"]=newImage(66,55)
//赋值
onimg["play"].src="img/5.jpg"
onimg["stop"].src="img/6.jpg"
onimg["pause"].src="img/7.jpg"
onimg["rewind"].src="img/1.jpg"
functionon(imgname){
if(document.images){//判断浏览器是否能够处理图片对象
document.images[imgname].src=onimg[imgname].src//将对应的图片对象的src值赋给图片
}
}
functionoff(imgname){
if(document.images){//判断浏览器是否能够处理图片对象
document.images[imgname].src=offimg[imgname].src//将对应的图片对象的src值赋给图片
}
}
functionsetmsg(msg){//改变状态栏提示
window.status=msg;
returntrue;
}

上面是DW做的

是预载入图片