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

js几个不错的函数 $$()

Oct 09 Javascript

extjs 的权限问题要求控制的对象是菜单，按钮，URL

Mar 09 Javascript

Javascript 修改String 对象增加去除空格功能(示例代码)

Nov 30 Javascript

PHP结合jQuery实现的评论顶、踩功能

Jul 22 Javascript

js时钟翻牌效果实现代码分享

Jul 31 Javascript

第八篇Bootstrap下拉菜单实例代码

Jun 21 Javascript

JavaScript中三种常见的排序方法

Feb 24 Javascript

JS中showModalDialog关闭子窗口刷新主窗口用法详解

Mar 25 Javascript

javascript内存分配原理实例分析

Apr 10 Javascript

jQuery操作attr、prop、val()/text()/html()、class属性

May 23 jQuery

Node.js在图片模板上生成二维码图片并附带底部文字说明实现详解

Aug 07 Javascript

详解小程序BackgroundAudioManager踩坑之旅

Dec 08 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

#{}(1) canvas(2) SQL注入(2) 克隆(1) 选择器(1) 脏读(2) 外键(1) 代理(2) 图片模糊(1) 增删查改(1)

You might like

ThinkPHP路由机制简介

2016/03/23 PHP

PHP给文字内容中的关键字进行套红处理

2016/04/12 PHP

PHP邮箱验证示例教程

2016/06/01 PHP

WAF的正确bypass

2017/01/05 PHP

Laravel+Intervention实现上传图片功能示例

2019/07/09 PHP

Laravel框架实现即点即改功能的方法分析

2019/10/31 PHP

更正确的asp冒泡排序

2007/05/24 Javascript

JS backgroundImage控制

2009/05/19 Javascript

jquery 将disabled的元素置为enabled的三种方法

2009/07/25 Javascript

nodeType属性返回被选节点的节点类型介绍

2013/11/22 Javascript

javascript中setInterval的用法

2015/07/19 Javascript

js判断文本框输入的内容是否为数字

2015/12/23 Javascript

解析js如何获取css样式

2016/12/11 Javascript

微信小程序开发MAP（地图）实例详解

2017/06/27 Javascript

ReactNative页面跳转Navigator实现的示例代码

2017/08/02 Javascript

AngularJs导出数据到Excel的示例代码

2017/08/11 Javascript

微信小程序三级联动选择器使用方法

2020/05/19 Javascript

Angular封装表单控件及思想总结

2019/12/11 Javascript

Python脚本实现DNSPod DNS动态解析域名

2015/02/14 Python

python3中zip()函数使用详解

2018/06/29 Python

python实现QQ空间自动点赞功能

2019/04/09 Python

python制作朋友圈九宫格图片

2019/11/03 Python

python 实现全球IP归属地查询工具

2020/12/18 Python

python工具——Mimesis的简单使用教程

2021/01/16 Python

英国最大的化装舞会服装网站：Fancydress.com

2017/08/15 全球购物

九州传奇上机题

2014/07/10 面试题

会计应聘求职信范文

2013/12/17 职场文书

幼教求职信

2014/03/12 职场文书

合伙经营协议书

2014/04/18 职场文书

公司周年庆典策划方案

2014/05/17 职场文书

房屋出租协议书范本（标准版）

2014/09/24 职场文书

教师节感谢信

2015/01/22 职场文书

Python字符串对齐方法使用(ljust()、rjust()和center())

2021/04/26 Python

学会Python数据可视化必须尝试这7个库

2021/06/16 Python

python geopandas读取、创建shapefile文件的方法

2021/06/29 Python

table设置超出部分隐藏，鼠标移上去显示全部内容的方法

2022/12/24 HTML / CSS