이 기사에서는 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 ( "// 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]
}
함수 getoshow () {
Window.Location = SlidElinks [whitlink]
}
//->
</스크립트>
<a href = "javaScript : gotoshow ()"> <img src = "/images/csrcode.ico"name = "slide"border = 0 style = "필터 : progid : dximagetransform.microsoft.pixelate (maxsquare = 15, duration = 1)"onclick = "window.open (this.src); 스타일 = "커서 : 포인터;"/> </a>
<script language = "javaScript1.1">
<!-
var whatlink = 0
var whatimage = 0
var pixeldelay = (IE55)? document.images.slide.filters [0] .duration*1000 : 0
함수 slideit () {
if (! document.images) 반환
if (ie55) document.images.slide.filters [0] .apply ()
document.images.slide.src = imageholder [whitimage] .src
if (ie55) document.images.slide.filters [0] .play ()
whylink = whatImage
whatiMage = (whatImage <slideImages.length-1)? whatimage+1 : 0
settimeout ( "slideit ()", slidespeed+pixeldelay)
}
슬라이드 ()
//->
</스크립트>
</body>
</html>
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.