手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >页面自定义拖拽布局
页面自定义拖拽布局
摘要:body{margin:0px;padding:0px;font-size:12px;text-align:center;}body>div...

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} var dragobj={} window.onerror=function(){return false} function on_ini(){ String.prototype.inc=function(s){return this.indexOf(s)>-1?true:false} var agent=navigator.userAgent window.isOpr=agent.inc("Opera") window.isIE=agent.inc("IE")&&!isOpr window.isMoz=agent.inc("Mozilla")&&!isOpr&&!isIE if(isMoz){ Event.prototype.__defineGetter__("x",function(){return this.clientX+2}) Event.prototype.__defineGetter__("y",function(){return this.clientY+2}) } basic_ini() } function basic_ini(){ window.$=function(obj){return typeof(obj)=="string"?document.getElementById(obj):obj} window.oDel=function(obj){if($(obj)!=null){$(obj).parentNode.removeChild($(obj))}} } window.onload=function(){ on_ini() var o=document.getElementsByTagName("h1") for(var i=0;ia[1]&&e.xa[0]&&e.y

【页面自定义拖拽布局】相关文章:

无刷新上传文件并返回自定义值

用JavaScript实现页面重定向功能的教程

javascript验证邮件地址和MX记录的方法

连接文字不停变色

JavaScript中strike()方法的使用介绍

Javascript节点关系实例分析

手机端页面rem宽度自适应脚本

模拟抽奖

Java学习:推荐常使用的6个JDK内建工具

js实现简单div拖拽功能实例

精品推荐
分类导航