用jQuery实现流水虚线框的方法

本文介绍了用jQuery实现流水虚线框的方法，供大家参考，具体分析如下：

在百度UEditor首页，你看到一个移动虚线框的效果，所以你试着写一个jQuery。效果如下：

Css：


{。虚线框宽度：500px；身高：100px；溢出：隐藏；位置：相对；}
。冲顶{宽度：2000px；高度：0px；底部边框：2px # CCC破灭；位置：绝对的；最高：0；左：- 1400px；}
。冲左{宽度：0px；身高：2000px；左边框：2px # CCC破灭；位置：绝对；左：0；最高：- 1600px；}
。冲底{宽度：2000px；高度：0px；底部边框：2px # CCC破灭；位置：绝对；左：0px；下：0；}
。冲右{宽度：0px；身高：2000px；左边框：2px # CCC破灭；位置：绝对；右：0；最高：- 1600px；}




HTML：












jQuery：


setInterval（）{（）函数（
左值= $（。）Css（左）；
var = $（。）Css（左）；
为左= parseInt（$左）；
$ = parseInt（$顶）；
如果（左$ < 0）{
左$ + 2；
其他{ }
左= 1400；
}

如果（$顶部- 1000）{
$ = 2；
其他{ }
$ = 0；
}
$（。）Css（左
$（右击）。Css（）
$（。）Css（左）
$（左击）。Css（顶部）
}，60）；


希望本文能对大家的jQuery程序设计有所帮助。