搭建商城小程序_JS完成的简略图片切换功用示例

JS实现的简单图片切换功能示例【测试可用】       这篇文章主要介绍了JS实现的简单图片切换功能,结合实例形式分析了javascript结合时间函数定时触发控制图片的遍历与切换操作相关技巧,需要的朋友可以参考下
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns="1999/xhtml" head meta http-equiv="Content-Type" content="text/html; charset=utf-8" / title 图片切换 /title /head body script language="JavaScript1.1" var slidespeed=2000 var slideimages=new Array("images/1.jpg","images/2.jpg","images/3.jpg","images/4.jpg") var imageholder=new Array() var ie55=window.createPopup for (i=0;i slideimages.length;i++){ imageholder[i]=new Image() imageholder[i].src=slideimages[i] function gotoshow(){ window.location=slidelinks[whichlink] //-- /script img src="images/1.jpg" name="slide" border=0 script language="JavaScript1.1" var whichlink=0 var whichimage=0 var pixeldelay=(ie55) document.images.slide.filters[0].duration*1000 : 0 function slideit(){ if (!document.images) return if (ie55) document.images.slide.filters[0].apply() document.images.slide.src=imageholder[whichimage].src if (ie55) document.images.slide.filters[0].play() whichlink=whichimage whichimage=(whichimage slideimages.length-1) whichimage+1 : 0 setTimeout("slideit()",slidespeed+pixeldelay) slideit() //-- /script /body /html

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《》

希望本文所述对大家JavaScript程序设计有所帮助。