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


Posted in Javascript onFebruary 14, 2017

本文实例讲述了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中对对层的控制
Dec 29 Javascript
关于文本框的一些限制控制总结~~
Apr 15 Javascript
利用json获取字符出现次数的代码
Mar 22 Javascript
javascript:void(0)使用探讨
Aug 27 Javascript
简单的Jquery遮罩层代码实例
Nov 14 Javascript
浅谈javascript的调试
Jan 28 Javascript
浅谈jquery高级方法描述与应用
Oct 04 Javascript
浅谈jquery的html方法里包含特殊字符的处理
Nov 30 Javascript
vue生成token保存在客户端localStorage中的方法
Oct 25 Javascript
JS实现Cookie读、写、删除操作工具类示例
Aug 28 Javascript
详解如何在JS代码中消灭for循环
Dec 11 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
Feb 27 Javascript
Javascript下拉刷新的简单实现
Feb 14 #Javascript
Vue 短信验证码组件开发详解
Feb 14 #Javascript
JS去除字符串中空格的方法
Feb 14 #Javascript
Node.js与Sails redis组件的使用教程
Feb 14 #Javascript
JS表单验证方法实例小结【电话、身份证号、Email、中文、特殊字符、身份证号等】
Feb 14 #Javascript
canvas实现十二星座星空图
Feb 14 #Javascript
JavaScript省市级联下拉菜单实例
Feb 14 #Javascript
You might like
php array_flip() 删除数组重复元素
2009/01/14 PHP
php命令行使用方法和命令行参数说明
2014/04/08 PHP
php中mysql连接方式PDO使用详解
2015/02/25 PHP
php递归函数怎么用才有效
2018/02/24 PHP
权威JavaScript 中的内存泄露模式
2007/08/13 Javascript
Javascript 中文字符串处理额外注意事项
2009/11/15 Javascript
Jquery 表格合并的问题分享
2011/09/17 Javascript
JS上传前预览图片实例
2013/03/25 Javascript
js触发select onchange事件的小技巧
2014/08/05 Javascript
基于javascript实现简单的抽奖系统
2020/04/15 Javascript
基于JS实现省市联动效果代码分享
2016/06/06 Javascript
angularjs 表单密码验证自定义指令实现代码
2016/10/27 Javascript
4个顶级开源JavaScript图表库
2018/09/29 Javascript
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
详细分析JavaScript中的深浅拷贝
2020/09/17 Javascript
Python正规则表达式学习指南
2016/08/02 Python
python 删除大文件中的某一行(最有效率的方法)
2017/08/19 Python
详解Python进程间通信之命名管道
2017/08/28 Python
Python验证文件是否可读写代码分享
2017/12/11 Python
从请求到响应过程中django都做了哪些处理
2018/08/01 Python
使用TensorFlow-Slim进行图像分类的实现
2019/12/31 Python
python如何判断IP地址合法性
2020/04/05 Python
在python里创建一个任务(Task)实例
2020/04/25 Python
Tensorflow之MNIST CNN实现并保存、加载模型
2020/06/17 Python
CSS3实现多重边框的方法总结
2016/05/31 HTML / CSS
美国一家专业的太阳镜网上零售商:Solstice太阳镜
2016/07/25 全球购物
J2EE面试题大全
2016/08/06 面试题
个人职业生涯规划书1500字
2013/12/31 职场文书
迎新晚会主持词
2014/03/24 职场文书
幼儿教师演讲稿
2014/05/06 职场文书
住宿生擅自离校检讨书
2014/09/22 职场文书
教师节标语大全
2014/10/07 职场文书
群众路线自我剖析及整改措施
2014/11/04 职场文书
新娘父亲婚礼致辞
2015/07/27 职场文书
婚礼双方父亲致辞
2015/07/27 职场文书
Pytorch 使用tensor特定条件判断索引
2021/04/08 Python