用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>