Javascript使用jQuery绘制线条

请在这里查看我的代码

var-drawHorizondalLine=函数（x1、y1、x2、y2、颜色）{
变量宽度=数学绝对值（x1-x2）；
var posX=（x1>x2）？x1:x2；
var id='c\'+new Date（）.getTime（）
var line=“”；
$（'body'）。追加（行）；
$（'#'+id）.css({
左：posX，
顶部：y1，
宽度：宽度，
位置：'绝对'，
背景颜色
});
};
$（文档）.ready（函数（）{
绘制水平线（0,10200,10'#a00'）；
绘制水平线（0,50,100,50，#0a0'）；
});
.线路{
填充物；1px；
} 
hello World
​

函数调用

drawHorizondalLine（0,10,200,10'，#a00'）

假设从页面左上角画一条线，长度为100px，但该线似乎从正文的最后一个div开始

错在哪里

var posX  = (x1 > x2) ? x1 : x2;

应该是

var posX  = (x1 < x2) ? x1 : x2;

var posX=（x1

工作演示是

应该是

var posX  = (x1 < x2) ? x1 : x2;

var posX=（x1

---

“工作演示”刚刚在FF 3.6中测试过，看起来工作正常。@Artem Barger，我刚刚编辑了问题，请查看HTML部分tooJust在FF 3.6中测试过，看起来工作正常。@Artem Barger，我刚刚编辑了问题，请也查看HTML部分