Dream Park教學部

淡出圖片

Sample : 以下圖片在開啟此頁後慢慢的漸現出來～感覺不錯呢☆

　 Dream Park Photo Sample

Part 1 ：　按Ctrl+C把以下框內編碼複製，貼在<body>之內

onLoad="gazoIn()"

<html>

<head>

</head>

<body 貼在這裡>

</body>

</html>

Part 2 ：　按Ctrl+C把以下框內編碼複製，貼在<body></body>之間

<IMG SRC="圖檔網址" ID=gazo1 ALT="說明文字" BORDER=1 WIDTH="100"
 HEIGHT="100" STYLE="filter:Alpha(Opacity=0)">
<STYLE TYPE="text/css"> 
<!--
.abs { position:absolute; } 
--> 
</STYLE> 
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
var delta = 10;
function func() {
if (document.all) {
document.all.E1.style.posLeft += delta; left = document.all.E1.style.posLeft; 
} else if (document.layers) { 
document.layers["N1"].left += delta; left = document.layers["N1"].left; 
} else { return; } if ((left < 10) || (200 < left)) { delta = -delta; 
} window.setTimeout("func()", 100); 
}
// --> 
</SCRIPT>

<html>

<head>

</head>

<body>

貼在這裡

</body>

</html>

【說明】

1. 修改圖檔網址

2. 自行設定圖片的高度及闊度 Width=100 Height=100

3. BORDER=1 ←[設定改框寬度；0=無外框]