怎样让一个正方形绕着自己的的对称中心不停的旋转？

200分,黑黑黑嘿嘿嘿嘿.......
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>VML </title>
<style>
o\:*{behavior:url(#default#vml)}
v\:*{behavior:url(#default#vml)}
</style>
<script type="text/javascript">
var rx=0,ry=0,rz=0;
var xyinput;
function rot(){
rx+=3;
ry+=5;
rz+=2;
xyinput=rx+","+ry;
if(rx>360){rx=0;}
if(ry>360){ry=0;}
if(rz>360){rz=0;}
ccc.style.rotation=rz;
bbc.rotationangle=xyinput;
setTimeout("rot()",200);
}

</script>
</head>
<BODY onload="rot()">
<v:rect id="ccc" style="width:40;height:40;position:absolute;top:50;right:50;rotation:0;" fillcolor="blue">
<o:extrusion id="bbc" on="t" rotationangle="0,0" />
</v:rect></BODY>
</HTML>

解决方案 »

  1.   

    rotationangle属性是设定旋转的x,y轴,根据自己需要调整一下吧
      

  2.   

    sw47(我爱编程,脑筋好好,嗷嗷嗷嗷嗷...) :谢谢老兄，我是要求一个文字，在同一个平面上绕着自己的中心旋转。你的那个好象是立体的。还有不用VML能不能实现？
      

  3.   

    要是用flash做的话，那就太容易啦
      

  4.   

    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
    <head>
    <title>VML </title>
    <style>
    o\:*{behavior:url(#default#vml)}
    v\:*{behavior:url(#default#vml)}
    </style>
    <script type="text/javascript">
    var rx=0,ry=0,rz=0;
    var xyinput;
    function rot(){
    rx+=3;
    ry+=5;
    rz+=2;
    xyinput=rx+","+ry;
    if(rx>360){rx=0;}
    if(ry>360){ry=0;}
    if(rz>360){rz=0;}
    ccc.style.rotation=rz;
    bbc.rotationangle=xyinput;
    setTimeout("rot()",200);
    }

    </script>
    </head>
    <BODY onload="rot()"><v:line id="ccc" from="0,150" to="500,0" style="position:static;font-family:Times New Roman;" title=".........">
    <v:path textpathok="t" />
    <v:textpath string="FISH" on="t" fitpath="t"/>
    <v:fill id="tta" on="t" color="rgb(255,255,255)" />
    <o:extrusion id="bbc" on="t" foredepth="20" rotationangle = "0,0"/>
    </v:line>
    </BODY>
    </HTML>
      

  5.   

    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
    <head>
    <title>VML </title>
    <style>
    o\:*{behavior:url(#default#vml)}
    v\:*{behavior:url(#default#vml)}
    </style>
    <script type="text/javascript">
    var rx=0,ry=0,rz=0;
    var xyinput;
    function rot(){
    rx+=3;
    ry+=5;
    rz+=2;
    xyinput=rx+","+ry;
    if(rx>360){rx=0;}
    if(ry>360){ry=0;}
    if(rz>360){rz=0;}
    ccc.style.rotation=rz;
    //bbc.rotationangle=xyinput;
    setTimeout("rot()",200);
    }

    </script>
    </head>
    <BODY onload="rot()"><v:line id="ccc" from="0,150" to="500,0" style="position:static;font-family:Times New Roman;" title=".........">
    <v:path textpathok="t" />
    <v:textpath string="田" on="t" fitpath="t"/>
    <v:fill id="tta" on="t" color="rgb(255,255,255)" />
    <o:extrusion id="bbc" on="t" foredepth="20"/>
    </v:line>
    </BODY>
    </HTML>
    这200份怎么这么不好得呀?
      

  6.   

    <html xmlns:v="urn:schemas-microsoft-com:vml">
    <head>
    <title>VML </title>
    <style>
    o\:*{behavior:url(#default#vml)}
    v\:*{behavior:url(#default#vml)}
    </style>
    <script type="text/javascript">
    var rx=0,ry=0,rz=0;
    var xyinput;
    function rot(){
    rz+=2;
    if(rz>360){rz=0;}
    ccc.style.rotation=rz;
    setTimeout("rot()",200);
    }

    </script>
    </head>
    <BODY onload="rot()"><v:line id="ccc" from="0,150" to="500,0" style="position:static;font-family:Times New Roman;" title=".........">
    <v:path textpathok="t" />
    <v:textpath string="FISH" on="t" fitpath="t"/>
    <v:fill id="tta" on="t" color="rgb(255,255,255)" />
    </v:line>
    </BODY>
    </HTML>
      

  7.   

    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
    <head>
    <title>VML </title>
    <style>
    o\:*{behavior:url(#default#vml)}
    v\:*{behavior:url(#default#vml)}
    </style>
    <script type="text/javascript">
    var rx=0,ry=0,rz=0;
    var xyinput;
    function rot(){
    rx+=3;
    ry+=5;
    rz+=2;
    xyinput=rx+","+ry;
    if(rx>360){rx=0;}
    if(ry>360){ry=0;}
    if(rz>360){rz=0;}
    ccc.style.rotation=rz;
    setTimeout("rot()",1);
    }

    </script>
    </head>
    <BODY onload="rot()"><v:line id="ccc" from="0,150" to="500,0" style="position:static;font-family:Times New Roman;" title=".........">
    <v:path textpathok="t" />
    <v:textpath string="田" on="t" fitpath="t"/>
    <v:fill id="tta" on="t" color="rgb(255,255,255)" />
    </v:line>
    </BODY>
    </HTML>
      

  8.   

    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
    <head>
    <title>VML </title>
    <style>
    o\:*{behavior:url(#default#vml)}
    v\:*{behavior:url(#default#vml)}
    </style>
    <script type="text/javascript">
    var rx=0,ry=0,rz=0;
    var xyinput;
    function rot(){
    rx+=3;
    ry+=5;
    rz+=2;
    xyinput=rx+","+ry;
    if(rx>360){rx=0;}
    if(ry>360){ry=0;}
    if(rz>360){rz=0;}
    ccc.style.rotation=rz;
    setTimeout("rot()",1);
    }

    </script>
    </head>
    <BODY onload="rot()"><v:line id="ccc" from="0,150" to="500,0" style="position:static;font-family:Times New Roman;" title=".........">
    <v:path textpathok="t" />
    <v:textpath string="田" on="t" fitpath="t"/>
    <v:fill id="tta" on="t" color="rgb(255,255,255)" />
    </v:line>
    </BODY>
    </HTML>
      

  9.   

    用ie的directanimation例程和方法库吧。
    var ds;
    ds = SGI.DrawSurface;
    ds.fillcolor(lib.blue);
    ds.rect(-50,-50,200,200);
    ds.SaveGraphicsState();
    ds.transform(lib.rotate2rate(5);
    ds.RestoreGraphicsState();
    SGI.DrawSurface=ds
    RotateMe();
    funtcion RotateMe(){
    SGI.rotate(2,0,2);
    DoTheWork=window.setTimeout("RotatcMe()",50);
    }
    代码放在head中 在body中调用RotateMe
      

  10.   

    WYlslrt(WY.lslrt)：
    你能给出一个应用的例子吗？
      

  11.   

    其实这个例程库我也不太熟，我把代码解释一下，你可以上网去查一下有关资料，这个并不太难，只是对象懂了，就好办了，<HTML>
    <HEAD>
    <TITLE>circle</TITLE></HEAD>
    <BODY >
    <HR>
    <OBJECT ID=SG1
    STYLE="Position:absolute; WIDTH:425; HEIGHT:425; top:10; left;10;Z-INDEX: -1"  
    CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6">
    </OBJECT> 
    <SCRIPT LANGUAGE="javaScript">
    var ds
    lib = SG1.Library // 启用DirectAnimation库 
                                            
    ds = SG1.DrawSurface         // 启用画板 
                                            

    ds.fillcolor(lib.green)         // 设置画板颜色
    ds.rect(-50,-50,200,200) // 画矩形ds.SaveGraphicsState()
    ds.transform(lib.rotate2rate(5)) // 调用二维空间的旋转ds.RestoreGraphicsState() // 关闭调用二维空间的旋转
    SG1.DrawSurface = ds // 返回画好的形状
    // 显示在屏幕上
    RotateMe()
    function RotateMe()
    {
    SG1.rotate(2,0,2)
    DoTheWork=window.setTimeout("RotateMe()",50) //让上面所画的图绕x轴选转
    }
    </SCRIPT>
    </BODY>
    </HTML>你把代码保存html格式就可以了。
      

  12.   

    前些天没ie6,怎么谢我?:D
    <html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
    <head>
    <title>VML </title>
    <style>
    o\:*{behavior:url(#default#vml)}
    v\:*{behavior:url(#default#vml)}
    </style>
    <script type="text/javascript">
    var rx=0,ry=0,rz=0;
    var xyinput;
    function rot(){
    rx+=3;
    ry+=5;
    rz+=2;
    xyinput=rx+","+ry;
    if(rx>360){rx=0;}
    if(ry>360){ry=0;}
    if(rz>360){rz=0;}
    ccc.style.rotation=rz;
    setTimeout("rot()",1);
    }

    </script>
    </head>
    <BODY onload="rot()"><v:rect id="ccc" style="width:100;height:100;position:absolute"/>
    </BODY>
    </HTML>