結合動態置放技術

您可以結合動態置放技術來操作網頁中的多個物件。例如,您可以重製 onload 事件的指令碼函式數,使文字從畫面外「飛入」畫面中。此函數可能是以從網頁之可見區域頂端與左側某處初始座標,移動內部 DIV 元素的計時器作為基礎。在經過指定的時間後,此函數會將該元素移至外部 DIV 元素中心的位置。

下列範例會顯示 DIV 元素,並以動畫使內容滑動過整個畫面:

<html>
<head><title>Glide the div</title>
<script language="Jscript">
var action;
function StartGlide() {
    Banner.style.pixelLeft = document.body.offsetWidth;
    Banner.style.visibility = "visible";
    action = window.setInterval("Glide()",50);
}
function Glide() {
    document.all.Banner.style.pixelLeft -= 10;
    if (Banner.style.pixelLeft<=0) {
        Banner.style.pixelLeft=0;
        window.clearInterval(action);
   }
}
</script>
</head><body onload="StartGlide()">
<p>With dynamic positioning, you can move elements and their content
   anywhere in the document even after the document has loaded!
<div id="Banner" style="visibility: hidden; position: absolute;
   top: 0px; left: 0px;">Welcome to Dynamic HTML!<div>
</body>
</html>

另請參閱

概念

置放考量
相對位置