不太对啊
不对啊,真心不对,不知道哪里出了问题!!!
不对啊,真心不对,不知道哪里出了问题!!!
2014-12-04
// JavaScript Document
//获取元素相对于屏幕左边的距离,应用offsetLeft属性
function getPosition(node){
var left = node.offsetLeft;
var top = node.offsetTop;
var parent = node.offsetParent; //获取父元素
while(parent != null){ //判断父元素是否存在
left += parent.offsetLeft; //获取父元素相对于父父元素左边界的距离
top += parent.offsetTop;
parent = parent.offsetParent;
}
return {"left":left,"top":top};
}
//加载
window.onload = function(){
var e = window.event;
var rightDiv = document.getElementById("right");
var mainDiv = document.getElementById("main");
var ifkeyDown = false; //鼠标按下状态
var contact = ""; //表示被按下的触点
//鼠标按下事件
rightDiv.onmousedown = function(e){
e.stopPropagation();
ifkeyDown = true;
contact = "right";
}
//鼠标松开事件
window.onmouseup = function(){
ifkeyDown = false;
}
//鼠标移动事件
window.onmousemove = function(e){
if(ifkeyDown == true){
if(contact == "right"){
//鼠标x坐标
var x = e.clientX;
alert(x);
//选取框变化前的宽度
var widthBefore = mainDiv.offsetWidth - 2;
//鼠标移动后选取框的增加的宽度
var addWidth = x - getPosition(mainDiv).left - widthBefore;
//选取框变化后的宽度
mainDiv.style.width = addWidth + widthBefore + "px";
}
}
}
}
这个是我全部的JS代码
举报