用javascript实现的图片马赛克后显示并切换加文字功能


答案：<script language="JavaScript1.1"> 

var slidespeed=3000 

var slideimages=new Array("http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_1_7.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_2_1.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_3_2.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_3_2.jpg","http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_3_2.jpg") 

var texts = new Array ("11111","22222","33333","44444","55555") 
var texts1 = new Array ("11111","22222","33333","44444","55555") 
var texts2 = new Array ("11111","22222","33333","44444","55555") 
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> 
<table width="200" border="1"> 
  <tr> 
    <td colspan="2" rowspan="3"><img src="http://www.blueidea.com/articleimg/upload/2006/3/5/2482150_1_7.jpg" name="slide" border=0 width=200px height="200px" style="filter:progid:DXImageTransform.Microsoft.Pixelate(MaxSquare=15,Duration=1)"></td> 
    <td><div id=text> 
</div></td> 
  </tr> 
  <tr> 
    <td><div id=text1> 
    </div> 
    </td> 
  </tr> 
  <tr> 
    <td><div id=text2> 
    </div> 
    </td> 
  </tr> 
</table> 

<div id=aa></div> 


<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 
whichlink=whichimage; 
if(whichimage<slideimages.length){ 
whichimage=whichimage+1; 
}else{whichimage=1} 
/* 
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0; 
whichimage=(whichimage>=slideimages.length)?whichimage=slideimages.length:whichimage; 
*/ 
if (ie55) document.images.slide.filters[0].apply() 
var thesrc=(whichimage-1)>0?thesrc=whichimage-1:0 
document.images.slide.src=imageholder[thesrc].src 
if (ie55) document.images.slide.filters[0].play() 
text.innerText=(whichimage<slideimages.length+1)? texts[whichimage-1] : 0; 
aa.innerText= whichimage; 
text1.innerText=(whichimage<slideimages.length+1)? texts1[whichimage-1] : 0; 
text2.innerText=(whichimage<slideimages.length+1)? texts2[whichimage-1] : 0; 
setTimeout("slideit()",slidespeed+pixeldelay) 
} 
slideit() 

//--> 
</script> 
<html> 
<body> 
</body> 
</html>
上一个：js实现用于建立新的一行且增加的四个文本框为空的且被禁用
下一个：javascript跟随鼠标x,y坐标移动的字效果
更多图片编程知识: