编程 Javascript

js图片模糊切换显示特效的方法

Posted in Javascript onFebruary 17, 2015

本文实例讲述了js图片模糊切换显示特效的方法。分享给大家供大家参考。具体实现方法如下：

<html>

<title>一款图片模糊切换显示效果</title>

<body>

<script language="JavaScript1.1">

<!--

var slidespeed=3000

var slideimages=new Array("/images/m01.jpg","/images/m02.jpg","/images/m03.jpg","/images/m04.jpg")

var slidelinks=new Array("https://3water.com","https://3water.com","https://3water.com")

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>

<a href="javascript:gotoshow()"><img src="/images/csrcode.ico" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)" onclick="javascript:window.open(this.src);" style="cursor:pointer;"/></a>

<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程序设计有所帮助。

js图片模糊切换显示特效的方法

- Author -

代码家园

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

最简单的jQuery程序入门者学习

Jul 09 Javascript

jquery关于页面焦点的定位(文本框获取焦点时改变样式 )

Sep 10 Javascript

js函数中onmousedown和onclick的区别和联系探讨

May 19 Javascript

调用HttpHanlder的几种返回方式小结

Dec 20 Javascript

Jquery给基本控件的取值、赋值示例

May 23 Javascript

jQuery支持添加事件的日历特效代码分享（3种样式）

Aug 24 Javascript

JS实现来回出现文字的状态栏特效代码

Oct 31 Javascript

DWR中各种java方法的调用

May 04 Javascript

关于Javascript回调函数的一个妙用

Aug 29 Javascript

AngularJS API之copy深拷贝详解及实例

Sep 14 Javascript

浅谈Angular2 模块懒加载的方法

Oct 04 Javascript

RxJS在TypeScript中的简单使用详解

Apr 13 Javascript

js实现单击图片放大图片的方法

Feb 17 #Javascript

js实现iframe自动自适应高度的方法

Feb 17 #Javascript

js全选实现和判断是否有复选框选中的方法

Feb 17 #Javascript

Jquery树插件zTree用法入门教程

Feb 17 #Javascript

js实现九宫格图片半透明渐显特效的方法

Feb 16 #Javascript

JS+CSS实现Li列表隔行换色效果的方法

Feb 16 #Javascript

JavaScript实现文字与图片拖拽效果的方法

Feb 16 #Javascript

You might like

PHP中的类－什么叫类

2006/11/20 PHP

PHP内置过滤器FILTER使用实例

2014/06/25 PHP

jquery获取多个checkbox的值异步提交给php的方法

2015/06/24 PHP

PHP使用file_get_contents发送http请求功能简单示例

2018/04/29 PHP

yii框架结合charjs统计上一年与当前年数据的方法示例

2020/04/04 PHP

jQuery .tmpl(), .template()学习资料小结

2011/07/18 Javascript

Javascript图像处理—为矩阵添加常用方法

2012/12/27 Javascript

解析dom中的children对象数组元素firstChild,lastChild的使用

2013/07/10 Javascript

JavaScript原型链示例分享

2014/01/26 Javascript

用jQuery toggleClass 实现鼠标移上变色

2014/05/14 Javascript

JS实现不使用图片仿Windows右键菜单效果代码

2015/10/22 Javascript

图片旋转、鼠标滚轮缩放、镜像、切换图片js代码

2020/12/13 Javascript

jquery ajax局部加载方法详解(实现代码)

2016/05/12 Javascript

onmouseover事件和onmouseout事件全面理解

2016/08/15 Javascript

javascript设计模式Constructor（构造器）模式

2016/08/19 Javascript

JavaScript生成指定范围的时间列表

2018/03/19 Javascript

vue项目实现图片上传功能

2019/12/23 Javascript

JS面向对象之单选框实现

2020/01/17 Javascript

Python中特殊函数集锦

2015/07/27 Python

python中正则的使用指南

2016/12/04 Python

Python实现多进程导入CSV数据到 MySQL

2017/02/26 Python

Windows 8.1 64bit下搭建 Scrapy 0.22 环境

2018/11/18 Python

python Web flask 视图内容和模板实现代码

2019/08/23 Python

pycharm双击无响应(打不开问题解决办法)

2020/01/10 Python

python dict如何定义

2020/09/02 Python

python实现简单猜单词游戏

2020/12/24 Python

python uuid生成唯一id或str的最简单案例

2021/01/13 Python

斯洛伐克香水和化妆品购物网站：Parfemy-Elnino.sk

2020/01/28 全球购物

服装设计行业个人的自我评价

2013/12/20 职场文书

关于保护环境的建议书

2014/05/13 职场文书

关于颐和园的导游词

2015/01/30 职场文书

2015年企业工作总结范文

2015/04/28 职场文书

2015年前台文员工作总结

2015/05/18 职场文书

介绍信应该怎么开？

2019/04/03 职场文书

工作计划范文之财务管理

2019/08/09 职场文书

python开发制作好看的时钟效果

2022/05/02 Python