请问这个网页上的窗口怎么制作的？ 谢谢！
http://map.hdhighway.com/navroad/ 
右侧的“路径查询”“阻断信息”缩拉窗口，小弟不才把网页源文件拷贝以后改了半天就是不行~~~~~只好向大家请教了。。谢谢！

------解决方案--------------------
今天心情不错给你贴码!!
我的是在左边 !你自己修改修改!!原理一样
<script type="text/javascript">
var frdiff = 120;
var originalfrwidth=200;
var frwidth;

function togglemover()
{
if (document.getElementById("leftframe").width=="200")
{
frwidth=210
shrink();
}
else
{
document.getElementById("leftframe").style.display="block";
grow();
}
}

function shrink()
{
if (frwidth-frdiff>0)
{
setTimeout("shrink()", 10)
document.getElementById("leftframe").width=frwidth-frdiff;
frwidth=frwidth-frdiff;
}
else
{
document.getElementById("leftframe").style.display="none";
}

document.getElementById("moverpic").src="./image/mover_right.gif" ;
document.getElementById("moverpic").alt="显示";
}

function grow()
{

if (frwidth+frdiff<originalfrwidth)
{
setTimeout("grow()", 10)
document.getElementById("leftframe").width=frwidth+frdiff;
frwidth=frwidth+frdiff;
}
else
{
document.getElementById("leftframe").width="200";

}
document.getElementById("moverpic").src="./image/mover_left.gif" ;
document.getElementById("moverpic").alt="隐藏";
}

if (top.location != self.location){
top.location = self.location;
}
function InitSync(){
if( "object" == typeof( top.deeptree ) && "unknown" == typeof( top.deeptree.Sync ) ){
top.deeptree.Sync();
}
}
</script>




<img id="moverpic" src="image/mover_left.gif" alt="隐藏" style="cursor: hand"
onclick="togglemover()" width="6" height="50" />


这个就是那右侧的“路径查询”“阻断信息”