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

</p> <p><title>据说是<a href="https://www.kunjuke.com/tag/58/" title="Google" target="_blank">Google</a>首页的网页模块<a href="https://www.kunjuke.com/tag/752/" title="拖动" target="_blank">拖动</a>代码</title> </p> <p>.spanDiv{<br /> position:relative;<br /> width:5px;<br /> height:5px;<br /> } </p> <p>.dragDiv,.nodragDiv{<br /> position:relative;<br /> filter:alpha(opacity=100);<br /> opacity:1;<br /> margin-bottom:6px;<br /> background-color:#FFFFFF;<br /> } </p> <table id="dragTable" cellpadding="3" style="border:solid 0px green;width:98%"> <tr> <td valign="top" style="width:30%"> <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">Title1</th> </tr> <tr style="height:130px;padding:3px" align="left" valign="top"> <td>这里的字比较长....我来了....中国....中国...外国.，看一下有没有溢出></td> </tr> </table> <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">Title2</th> </tr> <tr style="height:130px;padding:3px" align="left" valign="top"> <td>Content2...</td> </tr> </table> </td> <td valign="top" style="width:50%"> <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">Title3</th> </tr> <tr style="height:230px;padding:3px" align="left" valign="top"> <td>Content3...</td> </tr> </table> </td> <td valign="top" style="width:20%"> <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">Title4</th> </tr> <tr style="height:130px;padding:3px" align="left" valign="top"> <td>Content4...</td> </tr> </table> <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">Title5</th> </tr> <tr style="height:130px;padding:3px" align="left" valign="top"> <td>Content5...</td> </tr> </table> </td> </tr> </table> <p>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]