编程 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 相关文章推荐

javascript 动态数据下的锚点错位问题解决方法

Dec 24 Javascript

JavaScript高级程序设计阅读笔记（六） ECMAScript中的运算符（二）

Feb 27 Javascript

P3P Header解决Cookie跨域的问题

Mar 12 Javascript

javascript窗口宽高,鼠标位置,滚动高度(详细解析)

Nov 18 Javascript

js格式化金额可选是否带千分位以及保留精度

Jan 28 Javascript

如何动态加载外部Javascript文件

Dec 02 Javascript

jQuery实现鼠标经过像翻页和描点链接效果

Aug 08 Javascript

Bootstrap基本组件学习笔记之缩略图(13)

Dec 08 Javascript

javascript防篡改对象实例详解

Apr 10 Javascript

提升页面加载速度的插件InstantClick

Sep 12 Javascript

vuedraggable+element ui实现页面控件拖拽排序效果

Jul 29 Javascript

vue-cli3 热更新配置操作

Sep 18 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把数据表导出为Excel表的最简单、最快的方法（不用插件）

2014/05/10 PHP

php实现mysql数据库连接操作及用户管理

2015/11/08 PHP

利用PHP生成CSV文件简单示例

2016/12/21 PHP

用javascript编写的第一人称射击游戏

2007/02/25 Javascript

理解Javascript_09_Function与Object

2010/10/16 Javascript

js控制web打印(局部打印)方法整理

2013/05/29 Javascript

JS控制图片等比例缩放的示例代码

2013/12/24 Javascript

深入理解javascript原型链和继承

2014/09/23 Javascript

Jquery easyui开启行编辑模式增删改操作

2016/01/14 Javascript

jQuery+pjax简单示例汇总

2017/04/21 jQuery

JavaScript解析任意形式的json树型结构展示

2017/07/23 Javascript

webpack构建react多页面应用详解

2017/09/15 Javascript

Angular简单验证功能示例

2017/12/22 Javascript

JavaScript去掉数组重复项的方法分析【测试可用】

2018/07/19 Javascript

在Vue项目中,防止页面被缩放和放大示例

2019/10/28 Javascript

[01:43]3.19DOTA2发布会三代刀塔人第三代

2014/03/25 DOTA

[01:14]TI珍贵瞬间系列（六）：冠军

2020/08/30 DOTA

使用IPython下的Net-SNMP来管理类UNIX系统的教程

2015/04/15 Python

Python解析nginx日志文件

2015/05/11 Python

Python操作MongoDB详解及实例

2017/05/18 Python

Python3.X 线程中信号量的使用方法示例

2017/07/24 Python

在Python中定义一个常量的方法

2018/11/10 Python

flask session组件的使用示例

2018/12/25 Python

python进程的状态、创建及使用方法详解

2019/12/06 Python

小结Python的反射机制

2020/09/28 Python

澳大利亚领先的折扣药房：Chemist Direct（有中文站）

2018/11/24 全球购物

Java面试题汇总

2015/12/06 面试题

人力资源专员岗位职责

2014/01/30 职场文书

职业规划实施方案

2014/06/10 职场文书

伊琍体标语

2014/06/25 职场文书

小学优秀教师材料

2014/12/15 职场文书

小学语文教师年度考核个人总结

2015/02/05 职场文书

2015年生产车间工作总结

2015/04/22 职场文书

公司回复函格式

2015/07/14 职场文书

MySQL中rank() over、dense_rank() over、row_number() over用法介绍

2022/03/23 MySQL

彻底卸载VMware虚拟机的超详细步骤记录

2022/07/15 Servers