jquery - 宽度达到0或低于零后，如何动态地向相反方向反射(reflect)宽度的增加到div？

Question

好的，我动态增加一个空 div 的宽度，CSS 属性的不透明度为 0.5， 当鼠标被拖动到右侧时。我也想增加同一个 div 元素的宽度，当它被拖动到左侧时(即)宽度达到零以下，我可以绝对宽度的值，但我想要ui 也要朝同一个方向增加吗？任何想法将不胜感激，提前致谢!

 #thing {
 position: absolute;
 border: 2px dashed #000;
 background-color: #fff;
 opacity: .2;
 z-index: 999999;
}    

-

var t = document.getElementById("thing");
//this is performed on mouse drag
t.style.width  = Math.abs(x - oldX) + "px"
t.style.height = Math.abs(y - oldY) + "px"

//also the html part
<div id="thing"></div>

当 x 值小于 oldx 值时，即鼠标拖动到左侧，我希望 ui 变化(宽度和高度的变化)反射(reflect)到左侧。

Answer 1

这里有一个有效的、有注释的解决方案，您可以从中学习，仅针对 x 轴，在 Firefox 中测试但可能跨浏览器。

http://jsfiddle.net/steve/QV6PV/

要直接回答您的问题，您需要同时移动左侧并增加宽度(在代码中指示)。

你可以加入一些条件语句来处理最小/最大宽度的问题。还可能需要一个事件处理程序来触发它。