頁面自定義拖拽布局

2024-09-06 12:43:24

字體：大中小

來源：轉載

供稿：網友

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style> body {margin:0px;padding:0px;font-size:12px;text-align:center;} body > div {text-align:center; margin-right:auto; margin-left:auto;}  .content{width:900px;} .content .left{     float:left;     width:20%;     border:1px solid #FF0000;     margin:3px; } .content .center{float:left;border:1px solid #FF0000;margin:3px;width:57%} .content .right{float:right;width:20%;border:1px solid #FF0000;margin:3px} .mo{height:auto;border:1px solid #CCC;margin:3px;background:#FFF} .mo h1{background:#ECF9FF;height:18px;padding:3px;cursor:move} .mo .nr{height:80px;border:1px solid #F3F3F3;margin:2px} h1{margin:0px;padding:0px;text-align:left;font-size:12px} </style>  </head> <body>                            <h1>dom0</h1>                                            <h1>dom1</h1>                  <h1>dom2</h1>         <h1>dom3</h1>                   <h1>dom4</h1>         <h1>dom5</h1>         <h1>dom6</h1>         <h1>dom7</h1>                   <h1>dom8</h1>         <h1>dom9</h1>         <h1>dom10</h1>         <h1>dom11</h1>       </body> </html>

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

上一篇：從Ajax到JQuery Ajax學習

下一篇：如何識別上傳前檢測的圖像是有效的方法