页面自定义拖拽布局_因特网(www.inte.net)

<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> dom0 dom1 dom2 dom3 dom4 dom5 dom6 dom7 dom8 dom9 dom10 dom11 </body> </html>
[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

页面自定义拖拽布局

相关推荐

vue使用自定义指令实现拖拽行为实例分析

vue 如何使用props、emit实现自定义双向绑定的实现

实现一个vue自定义指令懒加载的方法示例

微信小程序自定义顶部组件customheader的示例代码

vue使用自定义事件的表单输入组件用法详解【日期组件与货币组件】

怎么用javascript进行拖拽2

怎么用javascript进行拖拽第1/2页

总结一些js自定义的函数

怎样调用动态获取的自定义对象的方法

仿google和windows live的拖拽

jquery实现自定义checkbox和radio样式

.net微信公众号开发之创建自定义菜单

jquery增加自定义函数的方法

jquery实现html元素拖拽

javascript如何自定义trim方法

javascript自定义in

js拖拽插件实现步骤

javascript实现可拖拽的拖动层div实例

jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法

评论

在线客服