热门关键字:
jquery > jquery教程 > jquery教程 > js组件-可拖动的div。。。。

js组件-可拖动的div。。。。

400
作者:管理员
发布时间:2020/7/9 19:23:31
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=2081

拖动时有四种边缘情况,即图中的1、2、3、4,我们一一来看

  1. 当div拖动到位置1时,我你们再往左拖动,都应该失效,即拖动div的left 始终等于外层div的left值
  2. 当div拖动到位置2时,我们再往上拖动,都应该无效,即拖动div的top始终等于外层div的top值
  3. 当div拖动到位置3时,我们再往右拖动,都应该无效,即拖动div的left始终等于外层div的left加上外层div的宽度,然后再减去拖动div的宽度
  4. 当div拖动到位置4时,我们再往下拖动,都应该无效,即拖动div的top始终等于外层div的top加上外层div的高度然后减去拖动div的高度




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:html
友荐云推荐