WELCOME TO SALTY

ホームページ楽々講座235

 タイトル文字の背景画像を動かします。
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS">
<TITLE>235</TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
var pos = 0;
function timer () {
    obj = document.getElementById("title");
    obj.style.backgroundPosition = pos + "px " + pos + "px";
    pos += 1;
}
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="azure" onLoad="setInterval('timer();',50);">
<DIV ID="title" STYLE="background-image:url(water.gif);font-size:50pt;font-weight:bold;font-family:Verdana;
color:white;text-align:center;margin-left:80;margin-right:80;">WELCOME TO SALTY</DIV>
<P>
<DIV STYLE="font-size:28pt;color:navy;text-align:center;">ホームページ楽々講座235</DIV><P>
</BODY>
</HTML>