画像無し。フレーム無し。
トップにTIME使用してますので、IE6.0以外での正常な動作は保障できません。
詳細
<HTML XMLNS:t="urn:schemas-microsoft-com:time" lang="ja">
behavior: url(#default#time2);
<?IMPORT namespace="t" implementation="#default#time2">
behavior: url(#default#time2);
<?IMPORT namespace="t" implementation="#default#time2">
メニュー数を増やしたりするときは、
コピー＆ペースト後、以下の青色の辺り（大雑把）を変更してください。
分からない人はあんまりいじらない方がいいかも。
白ブロック
.siro1{
left : 200px;
}
left : 200px;
}
<div class="siro1" id="s1"></div>
<t:animateMotion id="t1" begin="0" targetElement="s1" to="0,548" repeatCount="1" dur="0.4" fill="hold" accelerate="1" />
黒ブロック（メニュー）
.menu2{
left : 356px;
}
left : 356px;
}
<div class="menu2" id="m2"><a href="page1.html" class="A1">AB<br>OUT</a></div>l
<t:animateMotion id="t4" begin="t3.end" targetElement="m2" to="0,548" repeatCount="1" dur="0.3" fill="hold" accelerate="1" />
HPタイトル
<t:animateMotion id="t12" begin="t9.end" targetElement="title" to="1300,0" repeatCount="1" dur="0.3" fill="hold" accelerate="1" />
分からない方は気軽にメールでリクエストや質問をどうぞ。