フォーラム@nifty | フォーラム・サークル | サイトマップ | ヘルプ |
掲示板 コラム お役立ち イベント リンク   | FHPGサイトマップ | お問い合わせ |
TOP > お役立ち > JavaScriptのおもちゃ箱 > 回転する文字  

回転する文字(ダイレクトアニメーション)

原案:平井 公大 氏 (2001/02/04 登録)

 図形が立体的に回転します。IEのダイレクトアニメーション機能を使用しています(IE4.0以降)。

表示サンプル

ソース記述内容

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="ja">
<head>
<title>回転する文字</title>
<script type="text/javascript">
<!--
function init() {
  moji("ActionSet1").At(0.000,"rotation()",-1 ,0.1, 1)
  moji("ActionSet1").Play();
}
function rotation() {
  figure.Rotate(4,0,4);
}
// -->
</script>
</head>
<body>
<div style="height:180px">
  <object id="figure" style="position:absolute; top:360px; left:70px; width:600px; height:150px;" 
          classid="clsid:369303c2-d7ac-11d0-89d5-00a0c90833e6">
    <param name="Line0001" value="SetLineColor(255,0,0)">
    <param name="Line0002" value="SetLineStyle(1,1)">
    <param name="Line0003" value="SetLineFont('MS P明朝',50,150,10,20)">
    <param name="Line0004" value="Text('FHPGへようこそ!',-40,0,30)">
  </object>
  <object id="moji" classid="clsid:b0a6bae2-aaf0-11d0-a152-00a0c908db96">
  </object>
  <script type="text/javascript">
<!--
init();
// -->
</script>
</div>
</body>
</html>
個人情報保護ポリシー
Copyright© NIFTY 2006 All Rights Reserved.
Copyright© FHPG 2006 All Rights Reserved.