<html>
<head>
<title>圖片漸變輪換效果</title>
<meta name="generator" content="editplus">
<meta name="author" content="">
</head>
<body>
<p>圖片漸變輪換效果(IE),請等幾秒鐘看效果</p>
<a href="#" id="javascript.a"><img src="<script>
<!--
var ImgSrc = new Array();//圖片地址
ImgSrc[0] ="ImgSrc[1] = "ImgSrc[2] = "ImgSrc[3] ="ImgSrc[4] = "ImgSrc[5] = "ImgSrc[6] = "ImgSrc[7] = "
for (var i=0;i<ImgSrc.length;i++){(new Image()).src = ImgSrc[i];}//預加載圖片
var ImgAlt = new Array();//鼠標放上去顯示的文字
ImgAlt[0] = "美國《國家地理雜志》1"
ImgAlt[1] = "美國《國家地理雜志》2"
ImgAlt[2] = "美國《國家地理雜志》3"
ImgAlt[3] = "美國《國家地理雜志》4"
ImgAlt[4] = "美國《國家地理雜志》5"
ImgAlt[5] = "美國《國家地理雜志》6"
ImgAlt[6] = "美國《國家地理雜志》7"
ImgAlt[7] = "美國《國家地理雜志》8"
var ImgHerf =? new Array();//鏈接
ImgHerf[0] = "ImgHerf[1] = "ImgHerf[2] = "http://www.12free.cn/kelven/mypic/Usa_geography/pic2006/page_03.htm"
ImgHerf[3] = "ImgHerf[4] = "ImgHerf[5] = "ImgHerf[6] = "ImgHerf[7] = "http://www.12free.cn/kelven/mypic/Usa_geography/pic2006/page_08.htm"
var step=0;
function slideit(){
?var oImg = document.getElementById("javascript.img");
?if (document.all){oImg.filters.blendTrans.apply();}
?oImg.src=ImgSrc[step];
?document.getElementById("javascript.a").href=ImgHerf[step];
?oImg.title=ImgAlt[step];
?if (document.all){oImg.filters.blendTrans.play();}
?step = (step<(ImgSrc.length-1))?(step+1):0;
?(new Image()).src = ImgSrc[step];//加載下一個圖片
}
setInterval("slideit()",3000);
//-->
</script>
</body>
</html>
posted on 2006-08-01 14:06
kelven 閱讀(470)
評論(0) 編輯 收藏 所屬分類:
HTML