页面自定义拖拽布局-技术开发JavaScript技术-Ubuntu系统_Ubuntu服务器

<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需刷新才能执行]

JavaScript技术：页面自定义拖拽布局，转载需保留来源！

郑重声明：本文版权归原作者所有，转载文章仅为传播更多信息之目的，如作者信息标记有误，请第一时间联系我们修改或删除，多谢。

相关文章阅读