据说是Google首页的网页模块拖动代码

<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>据说是google首页的网页模块拖动代码</title> <style type="text/css"> .spandiv{ position:relative; width:5px; height:5px; } .dragdiv,.nodragdiv{ position:relative; filter:alpha(opacity=100); opacity:1; margin-bottom:6px; background-color:#ffffff; } </style> <table id="dragtable" cellpadding="3" style=" border:solid 0px green;width:98%;"><tr> <td valign="top" style="width:30%"> <div class="dragdiv" id="dragdiv1"> <table cellpadding="0" cellspacing="0" border="1" style="width:100%;border-collapse:collapse; border-color:blue"> <tr id="titlebar1" style="height:22px; text-align:left; background-color:#547bc9;color:white; padding:3px;cursor:move;"> <th align="left" unselectable="on">title1</th> </tr> <tr style="height:130px;padding:3px;" align="left" valign="top"> <td unselectable="on">这里的字比较长....我来了....中国....中国...外国.，看一下有没有溢出></td> </tr> </table> </div> <div class="dragdiv" id="dragdiv2"> <table cellpadding="0" cellspacing="0" border="1" style="width:100%;border-collapse:collapse; border-color:blue"> <tr id="titlebar2" style="height:22px; text-align:left; background-color:#547bc9;color:white; padding:3px;cursor:move;"> <th align="left" unselectable="on">title2</th> </tr> <tr style="height:130px;padding:3px;" align="left" valign="top"> <td unselectable="on">content2...</td> </tr> </table> </div> </td> <td valign="top" style="width:50%"> <div class="dragdiv" id="dragdiv3"> <table cellpadding="0" cellspacing="0" border="1" style="width:100%;border-collapse:collapse; border-color:blue"> <tr id="titlebar3" style="height:22px; text-align:left; background-color:#547bc9;color:white; padding:3px;cursor:move;"> <th align="left" unselectable="on">title3</th> </tr> <tr style="height:230px;padding:3px;" align="left" valign="top"> <td unselectable="on">content3...</td> </tr> </table> </div> </td> <td valign="top" style="width:20%"> <div class="dragdiv" id="dragdiv4"> <table cellpadding="0" cellspacing="0" border="1" style="width:100%;border-collapse:collapse; border-color:blue"> <tr id="titlebar4" style="height:22px; text-align:left; background-color:#547bc9;color:white; padding:3px;cursor:move;"> <th align="left" unselectable="on">title4</th> </tr> <tr style="height:130px;padding:3px;" align="left" valign="top"> <td unselectable="on">content4...</td> </tr> </table> </div> <div class="dragdiv" id="dragdiv5"> <table cellpadding="0" cellspacing="0" border="1" style="width:100%;border-collapse:collapse; border-color:blue"> <tr id="titlebar5" style="height:22px; text-align:left; background-color:#547bc9;color:white; padding:3px;cursor:move;"> <th align="left" unselectable="on">title5</th> </tr> <tr style="height:130px;padding:3px;" align="left" valign="top"> <td unselectable="on">content5...</td> </tr> </table> </div> </td> </tr></table>
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]