用javascript做拖动层布局的思路
作者：亮亮 来源：亮亮博客 发布时间：2008-05-30 13:38:00
标签：拖动,布局,javascript
这几天不是很忙，就找了些拖动布局方面的资料看看，也学着写了个拖动布局的效果，没想到花了好多时间，七拼八凑，总算是把这个效果写出来了。哎！还是js的功夫太差。因为是边找资料边写的，很多地方印象不深，时间一长，再重新写估计也难，所以把当时的思路记录一下！也希望大虾指点一下！
好了，转入正文，在开始之前先介绍几个功能函数！
1.格式化事件的函数
function getEvent(){
//同时兼容ie和ff的写法
if(document.all) return window.event;
func=getEvent.caller;
while(func!=null){
var arg0=func.arguments[0];
if(arg0){
if((arg0.constructor==Event || arg0.constructor ==MouseEvent)
|| (typeof(arg0)=="object" && arg0.preventDefault && arg0.stopPropagation)){
return arg0;
}
}
func=func.caller;
}
return null;
}
2.取得鼠标的位置
function mouseCoords(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
}
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
};
}
3.得到元素的位置
function getPosition(ele){
var left = 0;
var top = 0;
while (ele.offsetParent){
left += ele.offsetLeft;
top += ele.offsetTop;
ele = ele.offsetParent;
}
left += ele.offsetLeft;
top += ele.offsetTop;
return {x:left, y:top};
}
首先，当然是写好初始布局的页面
查看演示一：
drag1.html （7.33 KB）
0
投稿猜你喜欢
- 以下为在asp中增加一个sql server2000用户函数,并为建立一个数据库，给他dbo的权限。注意：sql server的验证方式不要
- SQLServer中建立与服务器的连接时出错的解决方案如下：步骤1：在SQLServer 实例上启用远程连接1.指向“开始->程序-&
- PHP原型模式Prototype Pattern是什么原型模式是一种创建型模式，它可以通过复制现有对象来创建新的对象，而无需知道具体的创建过
- 1.指向“开始->程序->Microsoft SQL Server 2005->配置工具->SQL Server 外
- 代码如下:CREATE FUNCTION [dbo].[udf_DaysInMonth] ( @Date DATETIME )
- 我在网站上设置了邮件列表功能，实现用户自动订阅和发送，但很多用户输入和提交的邮件地址格式都是无效的，无法处理。请问如何解决这一问题？&nbs
- IIS上设置301 跳转相信大家都会，只要在网站-属性-主目录里 选择重定向URL就行了，这样整站就跳转到目标站点了，但是有个问
在CentOS上安装MySQL数据库服务器后，系统出于安全性考虑，缺省不支持用户通过非本机连接上数据库服务器，如果想让用户通过另外一台机器连- 在使用Ajax过程中，有时候总会遇到一些难题，浏览器兼容、编码、IE下的特殊处理等等，偶尔会搞的人头昏脑胀哭笑不得，这里列一些小贴士，或许有
- 在网页中放iframe，如果frameborder=0；就没有边框显示了；但动态创建时，在IE7中就不行了，从网上找到解决的办法，写出来记录
- ASP开发中有用的函数（function）集合，挺有用的，请大家保留！'******************************
- Entity Framework 4.0 也可以支持大名鼎鼎的MySql,这篇POST将向展示如何实现EF+MyS
- 通过《SQL Server 数据库备份和还原认识和总结（一）》，相信您对数据备份和还原有了一个更深入的认识，在上文中我没有对事务日志做剖析，
- 当你在浏览网页时，看到一个很漂亮的特效，你查看源代码时看到的是一队乱码，那多扫兴呀！根据本人的研究，总结出了三种解密方法，与大家分享！！方法
- 设计页面时，经常会从一个页面打开一个子窗口以供浏览者查看。通常，这种子窗口中的内容一经浏览者看过，对于浏览者而言就不再需要，而他们常常会忘记
- 首先这个是7米当时问我一个问题，不过可惜我不知道怎么解决，后来知道解决方法很简单，只是添加了一个margin-top:-1em就
- 原理：第一步：应用程序把查询SQL语句发给服务器端执行。我们在数据层执行SQL语句时,应用程序会连接到相应的数据库服务器,把SQL语句发送给
- 一、Sql Server中的日期与时间函数 1. 当前系统日期、时间 select getdate() 2. dateadd 在向指定日期加
- ASP中RegExp是什么 '名字字符检验Public Function CheckName(Str) &nbs
- 如果有空格就用％20代替，如果有其它字符就用％ASCII代替，如果有汉字等四个字节的字符，就用两个％ASCII来代替。不过有时候我们也需要将
