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隨機函數使用方法示例