| ポイント |
<![CDATA[
document.body.style.backgroundPositionX = x++;
]]>
|
| 説 明 |
背景画像を右に移動させるにはdocument.body.style.backgroundPositionXに座標を入れます。Y座標はdocument.body.style.backgroundPositionYとなります。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>背景画像を右側に移動させる</title>
<script language="JavaScript">
<!--
x = 0;
function moveBG()
{
document.body.style.backgroundPositionX = x++;
setTimeout("moveBG()",100);
}
// --></script>
</head>
<body background="000.jpg" onLoad="moveBG();">
</body>
</html>
]]>
|
| 補足説明 |
Safariでも動作します。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
背景画像を右側に移動させる