js可移动div(转)
来源:互联网 发布:c语言调用lua 编辑:程序博客网 时间:2024/05/01 23:15
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default6.aspx.cs" Inherits="Default6" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>移动Div</title>
<style type="text/css" rel="stylesheet">
#movediv{
width:100px;height:100px;position:absolute;border:1px solid #000;background:#EAEAEA;
cursor:pointer;
text-align:center;
line-height:100px;
left:100px;
top:10px;
}
</style>
<script language="javascript" type="text/javascript">
var _IsMousedown = 0;
var _ClickLeft = 0;
var _ClickTop = 0;
function moveInit(divID,evt)
{
_IsMousedown = 1;
if(getBrowserType() == "NSupport")
{
return;
}
var obj = getObjById(divID);
if(getBrowserType() == "fox")
{
_ClickLeft = evt.pageX - parseInt(obj.style.left);
_ClickTop = evt.pageY - parseInt(obj.style.top);
}else{
_ClickLeft = evt.x - parseInt(obj.style.left);
_ClickTop = evt.y - parseInt(obj.style.top);
}
}
function Move(divID,evt)
{
if(_IsMousedown == 0)
{
return;
}
var objDiv = getObjById(divID);
if(getBrowserType() == "fox")
{
objDiv.style.left = evt.pageX - _ClickLeft;
objDiv.style.top = evt.pageY - _ClickTop;
}
else{
objDiv.style.left = evt.x - _ClickLeft;
objDiv.style.top = evt.y - _ClickTop;
}
}
function stopMove()
{
_IsMousedown = 0;
}
function getObjById(id)
{
return document.getElementById(id);
}
function getBrowserType()
{
var browser=navigator.appName
var b_version=navigator.appVersion
var version=parseFloat(b_version)
//alert(browser);
if ((browser=="Netscape"))
{
return "fox";
}
else if(browser=="Microsoft Internet Explorer")
{
if(version>=4)
{
return "ie4+";
}
else
{
return "ie4-";
}
}
else
{
return "NSupport";
}
}
</script>
</head>
<body>
<div id="movediv" style="left:20px;top:20px;" onmousedown="moveInit('movediv',event);" onmousemove="Move('movediv',event)" onmouseup="stopMove()" onmouseout="stopMove()">move</div>
</body>
</html>
- js可移动div(转)
- 纯js可移动DIV
- js 弹出div窗口 可移动 可关闭
- div 可移动层
- 可移动的div
- chrome js控制可编辑DIV光标移动到最后
- 转:设置DIV为可编辑/可移动
- 可移动的DIV层
- Jquery可移动的DIV
- div弹出窗体,可移动,可关闭
- js移动DIV(来自互联网)
- js移动div改进(兼容)
- JS 移动Div层
- js移动div
- js拖拽div移动
- js按键移动div
- div的js移动
- JS弹出可移动的DIV对话框透明遮罩效果
- [更新日志]v1.10.0604
- Activity.overridePendingTransition(int, int)
- 使用from中的子查询来优化join
- 解决OracleDBConsoleorcl不能启动,报错误码2
- WPF对决Silverlight:为项目选择最佳技术
- js可移动div(转)
- qt 完成第一个实例
- DJFocus介绍
- 明天又是高考
- Linux下查看文件命令
- js控制弹出div层并锁屏
- 界面
- WindowsXP系统小毛病之一
- Windows & Unix IPC Introduction (Part.1)