この記事では、JS画像をぼかして特殊効果を表示する方法について説明します。参照のためにそれを共有してください。特定の実装方法は次のとおりです。
次のようにコードをコピーします：<html>
<title>画像ブルースイッチ表示効果</title>
<body>
<スクリプト言語= "javascript1.1">
<！ -
var SlidesSpeed = 3000
var slideimages = new Array（ "/images/m01.jpg"、 "/migages/m02.jpg"、 "/migase/m03.jpg"、 "/migages/m04.jpg"）
var slidelinks = new Array（ "// www.vevb.com"、 "// www.vevb.com"、 "// www.vevb.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 getoshow（）{
window.location = slidelinks [whithlink]
}
//->
</script>
<a href = "javascript：gotoshow（）"> <img src = "/csrcode.ico" name = "slide" border = "style =" filter：dimbyetransform.microsoft.pixelate（maxsquare = 15、duration = 1） style = "cursor：pointer;"/> </a>
<スクリプト言語= "javascript1.1">
<！ -
var whuelink = 0
varwhoimage = 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 [whithimage] .src
if（ie55）document.images.slide.filters [0] .play（）
whithlink = whoimage
whyimage =（whathimage <slideimages.length-1）？ whatimage+1：0
setimeout（ "slideit（）"、slidespeed+pixeldelay）
}
slideit（）
//->
</script>
</body>
</html>
この記事がみんなのJavaScriptプログラミングに役立つことを願っています。