特想搞点新的创意出来-立体方块- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 特想搞点新的创意出来-立体方块

技术文章搜索

关键字

Javascript 中的特想搞点新的创意出来-立体方块

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 150 ::

收藏到网摘: n/a

又一个漂亮的导航栏的下拉菜单得到当前行的值的javascript代码

无奈本人的水平有限

点击运行可以看到效果:

<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 全选提示:你可先修改部分代码,再按运行]

又一个漂亮的导航栏的下拉菜单得到当前行的值的javascript代码

Javascript 中的 特想搞点新的创意出来-立体方块

评论 (0) All

Javascript 中的特想搞点新的创意出来-立体方块