当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS实现的简单图片切换功能示例【测试可用】

JS实现的简单图片切换功能示例【测试可用】

2019年03月25日  | 移动技术网IT编程  | 我要评论

本文实例讲述了js实现的简单图片切换功能。分享给大家供大家参考，具体如下：

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en"
"http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/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 style="filter:progid:dximagetransform.microsoft.pixelate(maxsquare=15,duration=1)">
<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图片操作技巧大全》、《javascript运动效果与技巧汇总》、《javascript切换特效与技巧总结》、《javascript错误与调试技巧总结》、《javascript数据结构与算法技巧总结》、《javascript遍历算法与技巧总结》及《javascript数学运算用法总结》

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网