This article describes the JS image blur switch display effects of the method. Share to everyone for your reference. The implementation methods are as follows:
Copy Code code as follows:
<title> a picture blur toggle display effect </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 ("Http://www.jb51.net", "http://www.jb51.net", "http://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 ()" ></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>
I hope this article will help you with your JavaScript programming.
