I really want to come up with some new ideas - three-dimensional cubes_javascript skills

Unfortunately, my level is limited

<div style="background:black;position:absolute;left:expression((body.clientWidth-150)/2);top:expression((body.clientHeight-240)/2);width:150;height:240"> <style> .origin { background-color:#000000; color:#ffffff;font-family:华文行楷;font-size:10pt;writing-mode:tb-rl; } .over { background-color:#ffffff; color:#000000;font-family:隶书;font-size:10pt;writing-mode:tb-rl; } .aa{ background-color:gold; color:green;font-family:华文行楷;font-size:10pt;writing-mode:tb-rl; } .bb { background-color:green; color:gold;font-family:隶书;font-size:10pt;writing-mode:tb-rl; } </style> <center> <table border="0" width="150" height="240" style="border:0px dotted lime;filter:progid:DXImagetransform.microsoft.shadow(strength=24,direction=135,color=#666666)" cellspacing="0" cellpadding="0"> <tr> <td class="origin" onmouseover="this.className='bb'" onmouseout="this.className='aa'"> <table border="0" width="150" height="240" style="border:0px dotted lime;filter:progid:DXImagetransform.microsoft.shadow(strength=24,direction=135,color=#666666)" cellspacing="0" cellpadding="0"> <tr> <td class="origin" onmouseover="this.className='bb'" onmouseout="this.className='aa'"><center> <b>如是所闻</b><td> </td> <td class="over" onmouseover="this.className='aa'" onmouseout="this.className='bb'"><center> <b>青黄不接</b><td> </td> </center></td> </center></td> </tr> <tr> <td class="origin" onmouseover="this.className='over'" onmouseout="this.className='origin'"><center> <b>黑白两道</b><td> </td> <td class="over" onmouseover="this.className='origin'" onmouseout="this.className='over'"><center> <b>此乃真正</b><td> </td> </center></td> </center></td> </tr> </table> <b>That’s what I heard</b> </td> <td> </td> <td class="over" onmouseover="this.className='aa'" onmouseout="this.className='bb'"><b>Green and yellow are not connected</b></td> <td> </td> </tr> <tr> <td class="origin" onmouseover="this.className='over'" onmouseout="this.className='origin'"><b>Black and white</b></td> <td> </td> <td class="over" onmouseover="this.className='origin'" onmouseout="this.className='over'"> <br><b>This is the real thing</b> </td> <td> </td> </tr> </table> <input onclick="runEx('runcode44889')" type="button" value="运行代码"> <input onclick="doCopy('runcode44889')" type="button" value="复制代码"><input onclick="doSave(runcode44889)" type="button" value="保存代码"><a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank"> </a> </center> </div>[Ctrl A select all Note: If you need to introduce external Js, you need to refresh to execute ]