Javascript 增加宽度

当鼠标移动时，如何增加线条的宽度？线条是从画布上画出来的，而不是图像，线条应该随着鼠标的移动而逐渐增加或减少。。。 好的，我会简单地解释一下。我已经创建了一个div，其中画了一条线，一旦鼠标移到线上，再向前移动，线就会随着鼠标指针移动，这样线的宽度就会随着鼠标的移动而逐渐增加和减少

提前thx

 document.getElementById("element").style.width = w;

请再描述一下场景好吗？请再描述一下场景好吗？

<div id="line" 
style="width:200px; background-color:#ccc;" 
onMouseOver="this.style.width='500px';" 
onMouseOut="this.style.width='200px';">
    &nbsp;
</div>