スタイルシートを動かす (Internet Explore 版)

Welcome to my homepage!!
ようこそ私のホームページへ!!

　

　

　

　

　

おまけのページに戻る。

Source

<html>
<html>
<head>
<script languge="JavaScript">
<!--
function stymove()
{
if (document.all["mov1"].style.pixelLeft>50)
{
document.all["mov1"].style.pixelLeft-=50;
setTimeout("stymove()",10);
}
if (document.all["mov1"].style.pixelLeft==50)
{
if (document.all["mov2"].style.pixelTop>100)
{
document.all["mov2"].style.pixelTop-=10;
setTimeout("stymove()",10);
}
}
}
</script>
</head>
<body background="../back.jpg" onload="stymove()">
<div ID="mov1" style="position:absolute;
font-size:30pt;font-weight:extra-bold;color=magenta;
font-family:century;width:600px;height:50px;left:1200px;top:50;
filter:dropshadow(offx=4,offy=4,color=gray,positive=true)">
Welcome to my homepage!!
</div>
<div ID="mov2" style="position:absolute;
font-size:25pt;font-weight:extra-bold;color=blue;
font-family:fantasy;width:500px;height:50px;left:120px;top:1000;
filter:dropshadow(offx=4,offy=4,color=gray,positive=true)">
ようこそ私のホームページへ!!
</div>
</body>
</html>