ダイレクトアニメーション、文字回転(IE限定、IE4以上)




↓画像ではありません。テキスト文字です。
onMouseでY軸回転
onMouseでX軸回転
onMouseでZ軸回転

Homeへ戻る   OnMouseエリアをスタイルシート(文字回転する部分)にした場合


プログラミング詳細

JavaScript部分関数

function RotateAll1(){
  sample1.Rotate(0,8,0);
}
sample1がobjectのidになります。
三つの数値は「X軸」「Y軸」「Z軸」の回転角度の値です。
複合して指定することも出来ます。

function init(){
  rotate_ctrl("ActionSet1").At(0.000,"RotateAll1()",-1,0.05);
  rotate_ctrl("ActionSet1").Stop();
  ・
  ・
}
Atメソッドは、「ウェイト(秒)」「スクリプト」「動作回数」「インターバル(秒)」の順です。
ウェイトは動作開始までの時間、動作回数は-1を指定すると無限となります。
Stop()はスクリプト動作を停止します。(インターバルをストップします。)
Play()はスクリプト動作を開始します。(インターバルをスタートします。)

ActiveXコントロール部分

<object id="sample1" style="width:40;height:40;background-color:white" classid="clsid:369303c2-d7ac-11d0-89d5-00a0c90833e6">
  <param name="Line0001" value="SetFillColor(255,0,0)">
  <param name="Line0002" value="SetLineColor(0,0,255)">
  <param name="Line0003" value="SetFillStyle(1)">
  <param name="Line0004" value="SetLineStyle(1)">
  <param name="Line0005" value="SetFont('Wingdings',50,900)">
  <param name="Line0006" value="Text('J',-17,17,0)">
</object>
styleのwidth,heightは文字の大きさにより適宜変更します。
NAME属性Line + 4桁数値の形で指定します。
パラメーターは、
SetFillColor(255,0,0):文字の色(RGBで指定)
SetLineColor(0,0,255):文字の縁の色(RGBで指定)
SetFillStyle(1):文字に色を付ける(0:なし、1:あり)
SetLineStyle(1):文字の縁を付ける(0:なし、1:あり)
SetFont('Wingdings',50,900):フォントの種類(フォント名、サイズ、太さ)
Text('J',-17,17,0):回転させる文字列(文字列、X回転軸、Y回転軸、Z回転軸)

<object id="rotate_ctrl" classid="clsid:b0a6bae2-aaf0-11d0-a152-00a0c908db96"> </object>
classidはそのまま記述します。idは関数init()内とで同じにします。

Author Hiyoko (c)2001/08/17 Ver1.01