为了账号安全,请及时绑定邮箱和手机立即绑定

不太对啊

不对啊,真心不对,不知道哪里出了问题!!!

正在回答

4 回答

好了。。我解决了

0 回复 有任何疑惑可以回复我~

// 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代码

0 回复 有任何疑惑可以回复我~

没有报错哦。。但就是效果出不来。好像是JS代码没有反应。我每一个都检查了。和老师的代码一模一样!

0 回复 有任何疑惑可以回复我~

哪里不对啊?我看不见你的代码,不知道你说的是啥...

你可不可以将代码、报错信息以及展示效果贴出来?

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
用JavaScript实现图片剪切效果
  • 参与学习       34578    人
  • 解答问题       135    个

神奇的图片特效,还会给大家介绍css中让人惊喜的clip属性

进入课程

不太对啊

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信