ホームページ楽々講座201


 左から3枚目の画像(201_3.gif)はページ表示時に時計回りに15度回転して停止します。
 4枚目の画像(201_4.gif)は写真自体を15度回転させ、背景を透過して保存しています。
<HTML> <HEAD> <TITLE>201</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- var deg=0,radian; function rotate(){ object1.onfilterchange=rotate; deg=deg+1; if(deg>=15){ deg=15; object1.onfilterchange = ""; }; radian=deg*Math.PI/180; x=Math.cos(radian); y=Math.sin(radian); object1.filters.item(0).M11=x; object1.filters.item(0).M12=-y; object1.filters.item(0).M21=y; object1.filters.item(0).M22=x; } //--> </SCRIPT> </HEAD> <BODY BACKGROUND="bg_3.gif" onLoad="rotate()"> <DIV STYLE="font-size:24pt;color:navy;text-align:center">ホームページ楽々講座201</DIV><P> <DIV STYLE="position:absolute;left:100px;top:100px;width:148px;height:113px;"><IMG SRC="201_1.gif"></DIV> <DIV STYLE="position:absolute;left:228px;top:120px;width:148px;height:113px;"><IMG SRC="201_2.gif"></DIV> <DIV ID="object1" STYLE="position:absolute;left:348px;top:100px;width:148px;height:113px; filter:progid:DXImageTransform.Microsoft.Matrix(M11=1.0,M12=1.0,M21=0.0,M22=1.0,Dx=1.0,Dy=1.0, FilterType='bilinear',sizingmethod='auto expand');"><IMG SRC="201_3.gif"></DIV> <DIV STYLE="position:absolute;left:465px;top:100px;width:172px;height:147px;"><IMG SRC="201_4.gif" BORDER="0"></DIV> </BODY> </HTML>