站长资源 网络编程

页面自定义拖拽布局

整理:jimmy2026/8/5浏览2次

简介body {margin:0px;padding:0px;font-size:12px;text-align:center;} body > div {text-align:center; margin-right:auto; margin-left:auto;} .content{width:9

<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需再刷新一下页面才能执行]

上一篇：js判断浏览器的比较全的代码

下一篇：模仿Flash AS效果的导航菜单

站长资源网络编程

页面自定义拖拽布局

最新资源