特想搞點新的創意出來-立體方塊

2019-11-21 02:01:59

字體：大中小

來源：轉載

供稿：網友

無奈本人的水平有限

<body style="margin-top:0;margin-left:0;" bgcolor="#000000"> <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'"><center><b>如是所聞</b><td>       <td class="over" onmouseover="this.className='aa'" onmouseout="this.className='bb'"><center><b>青黃不接</b><td>   </tr>   <tr>     <td class="origin" onmouseover="this.className='over'" onmouseout="this.className='origin'"><center><b>黑白兩道</b><td>       <td class="over" onmouseover="this.className='origin'" onmouseout="this.className='over'"><center><b>此乃真正</b><td>   </tr> </table> </div>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：得到當前行的值的javascript代碼

下一篇：又一個漂亮的導航欄的下拉菜單