求教，关于图层的放大、缩小、上下左右的移动

Question

首先,把图片放在一个DIV里面,设置好style属性集合
<div style="position:relative;top:0px;left:0px;width:400px;height:400px;border:solid 1px #000000;overflow:hidden;"></div>再在DIV里面对之中的图片进行处理..
主要是控制图片的style.pixelWidth;style.pixelHeight,style.top,style.left来...自己弄,闪人...

Answer 1

想法不错。困难呀。有时间将google的map系统研究一下。看能不能抄过来。

Answer 2

to  matrixy(处女主任[牛叉的化身]) 
可能是我没描述清除，我要的是图层里内容的以中心为基点的放大、缩小，移动
类似地图的放大缩小

Answer 3

<script>
big=1;
function mymove()
{
document.all.mydiv.scrollLeft=event.clientX*big-12;
document.all.mydiv.scrollTop=event.clientY*big-17;
window.status=document.all.mydiv.scrollLeft;
}
function myzoom(mydo)
{
if(mydo=="+")
{
big=big*2;
document.all.mymap.style.width=document.all.mymap.clientWidth*2;
}
else
{
big=big/2;
document.all.mymap.style.width=document.all.mymap.clientWidth/2;
}
}
</script>
<div id=mydiv style="width:400;height:200;overflow-y:hidden;overflow-x:hidden" onmousemove=mymove()><image id=mymap src=map.bmp></div>
<input type=button value=+ onclick=myzoom("+")><input type=button value=- onclick=myzoom("-")>

Answer 4

<script>
big=1;
function mymove()
{
document.all.mydiv.scrollLeft=event.clientX*big-12;
document.all.mydiv.scrollTop=event.clientY*big-17;
}
function myzoom(mydo)
{
if(mydo=="+")
{
big=big*2;
document.all.mymap.style.width=document.all.mymap.clientWidth*2;
}
else
{
big=big/2;
document.all.mymap.style.width=document.all.mymap.clientWidth/2;
}
document.all.mydiv.scrollLeft=(document.all.mymap.offsetWidth-document.all.mydiv.offsetWidth)/2;
document.all.mydiv.scrollTop=(document.all.mymap.offsetHeight-document.all.mydiv.offsetHeight)/2;
}
</script>
<div id=mydiv style="width:400;height:200;overflow-y:hidden;overflow-x:hidden" onmousemove=mymove()><image id=mymap src=map.bmp></div>
<input type=button value=+ onclick=myzoom("+")><input type=button value=- onclick=myzoom("-")>

Answer 5

这个效果用层实现很困难，即使实现代价也太大。
推荐用VML，VML作这些实在是小菜一碟