JavaScript在開發(fā)中起到非常終于的左右，我們經(jīng)常將函數(shù)寫入javascript類庫中進(jìn)行實(shí)現(xiàn)，下面錯(cuò)新技術(shù)頻道小編就給大家詳解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>
以上這些是錯(cuò)新技術(shù)頻道小編給大家介紹的詳解javascript-圖片馬賽克后顯示和切換加文字的功能，想了解更多相關(guān)信息，敬請繼續(xù)關(guān)注錯(cuò)新技術(shù)頻道！
新聞熱點(diǎn)
疑難解答
圖片精選
