DIV CSS 佈局教程網

下面就是我的“作品”啊，只是簡單的實現其功能，並未做其他的功能啊

運行後，需要刷新下， 上面得代碼比較簡單，更多的例子，可以搜索以前發布的文章。
<script language="javascript" src="http://img.poluoluo.com/jslib/jquery/jquery.js"></script> <script type="text/javascript"> <!-- $(document).ready(function(){ // $("a.afflik").mouseover(function(){ // window.status=this.title;return true; // }).mouseout(function(){ // window.status='done';return true; // }); $(".nnn tr").mouseover(function(){ $(this).addClass("over")}).mouseout(function(){ $(this).removeClass("over") }); $(".nnn tr:even").addClass("alt"); }); --> </script> <style type="text/css"> <!-- th{ background:#0099CC; height:30px; color:#FFFFFF; line-height:30px; } td{ border-bottom:1px solid #CC9999; height:25px; } tr.alt td{ background:#990066; color:#FFFFFF} tr.over td{ background:#0033FF; } --> </style> <table class="nnn" border="0" cellpadding="0" cellspacing="0"> <thead> <tr> <th>表頭</th><th>表頭</th><th>表頭</th> </tr> </thead> <tbody> <tr> <td></td><td>poluoluo.com</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> <tr> <td>123456</td><td>789879</td><td>4561263</td> </tr> </tbody> </table>
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]