Dream Park教學部

飄動圖片

Sample : 小兔子在飄動喔～下面這隻兔子已是範例☆

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

onLoad="func()"

<html>

<head>

</head>

<body 貼在這裡>

</body>

</html>

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

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

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

<ILAYER ID="N1"><IMG ID="E1" SRC="改成你的圖檔" CLASS=abs></ILAYER>

<html>

<head>

</head>

<body>

貼在這裡

</body>

</html>

【說明】

1. 更改Part3的圖檔網址

2. Part2內的} window.setTimeout("func()", 100); ※數字加大減速