ダイレクトアニメーション、文字回転(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