JavaScript打造的3D旋转立方体

2024-09-05 12:22:44

字体：大中小

来源：转载

供稿：网友

很强的3D透明立方体特效，纯JavaScript代码实现，可以设定立方体的立体程序，分高质量、中质量、低质量等。

<html xmlns:v="urn:schemas-microsoft-com:vml"><head><title>JavaScript打造的3D旋转立方体</title><script language="JavaScript"></script><style type="text/css">v/:*{behavior:url(#default#VML);}body {font-family: verdana, arial; font-size:10px; color:white;}input, select, .cb {background-color: #BB0000; padding:3px;font-family:verdana, helvetica, arial; font-size:10px; border: 0 solid; border-color: #C0E0C0; color:#FFFFFF;}a:link, a:visited, a:active {font-family: verdana, arial; font-size:10px; color:white;}a:hover {font-family: verdana, arial; font-size:10px; color:red;}</style></head><body onload="startup();" bgcolor="#000000"><v:shape id="c1" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape> <v:shape id="c2" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape> <v:shape id="c3" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape> <v:shape id="c4" filled="false" strokecolor="#ff8888" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l x e"/></v:shape> <v:shape id="v1" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape> <v:shape id="v2" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape> <v:shape id="v3" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape> <v:shape id="v4" filled="false" strokecolor="white" style="visibility:visible;position:absolute;left:300;top:400;width:200;height:200" coordorigin="0, 100" coordsize="100,100"><v:path v="m 0,0 l 100,100 200,50 x e"/></v:shape> <div style="position:absolute; top:75px; left:122px; width:200;" align="justify">   <br><br>  <select onchange="dist = Math.floor(this.value);">        <option value="40">super high</option>        <option value="50">high</option>        <option value="90" selected>normal</option>        <option value="200">low</option>        <option value="10000">super low</option></select></div></body></html>

上一篇：一个有趣的JavaScript波浪特效

下一篇：Math.random随机函数使用方法示例