js图片模糊切换显示特效的方法,用javascript实现

作者: 计算机网络  发布:2019-09-06

正文实例汇报了js图片模糊切换突显特效的不二等秘书诀。分享给我们供大家参照他事他说加以考察。具体贯彻格局如下:

<script language="JavaScript1.1">
var slidespeed=3000
//specify images
var slideimages=new Array("")
//specify corresponding links
var slidelinks=new Array("#","#","#")
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="" name="slide" border=0 style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></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>

复制代码 代码如下:

图片 1)

<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("//www.jb51.net","//www.jb51.net","//www.jb51.net")
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>

[Ctrl+A 全选 注:如需引进外界Js需刷新才干实施]

愿意本文所述对大家的javascript程序设计有着补助。

您可能感兴趣的稿子:

  • javascript点击开关达成遮掩展现切换效果
  • js点小图呈现大图的切换来效代码
  • 用javascript完成的图形夏洛特克后显得并切换Gavin字功用
  • 文字须臾间从左到右切换展现的JavaScript代码
  • JS完毕的幻灯片切换显示效果
  • js图片模糊切换展现特效的艺术
  • vue.js 左边二级菜单显示与潜伏切换的实例代码
  • JS简单兑现tab切换效果的多窗口展现效果
  • 原生JS达成遮盖呈现图片 JS达成点击切换图片效果
  • JS完结点击链接切换展现遮蔽内容的不二秘诀
  • JS完结点击循环切换呈现内容的法子

你也许感兴趣的篇章:

  • javascript点击开关完成遮掩呈现切换效果
  • js点小图展现大图的切换功用代码
  • 用javascript完结的图形奥兰多克后出示并切换Gavin字功用
  • 用javascript达成图片哈博罗内克后出示并切换
  • 文字须臾间从左到右切换展现的JavaScript代码
  • JS完毕的幻灯片切换突显效果
  • vue.js 左侧二级菜单展现与潜伏切换的实例代码
  • JS轻巧兑现tab切换效果的多窗口体现效果
  • 原生JS达成遮蔽显示图片 JS落成点击切换图片效果
  • JS达成点击链接切换突显隐敝内容的措施
  • JS完结点击循环切换呈现内容的格局

本文由今晚开什么码发布于计算机网络,转载请注明出处:js图片模糊切换显示特效的方法,用javascript实现

关键词:

上一篇:Jquery树插件zTree用法入门教程
下一篇:没有了