js左右拖动div问题

我在一个页面里有两个div,每个div里一个iframe.iframe加载了页面.现我想用JS左右拖动这两个div让他们的大小能控制.
如:
<html>
<head></head>
<body>
<div src="a.html" ></div>
<div src="b.html" ></div>
<body>
</html>
这样假如A页面加载树的数据.是左.B页面是框.我想用JS左右拉动.让他们的宽能自由伸缩.
请各位帮忘看看.谢谢!!