jquery或者js怎么实现这个功能？

实现思路

1. 但是这种缩放会导致图片失真，就像你上面的演示，很    明显图片放大的时候已经失真了。
   

   
   

   IE6-8  css 缩放属性  zoom,如：zoom:.5;  //原图片的二分之一大小

   IE9+,及其它现代浏览器，css3中

   
   

   
   

   zoom:50%;          //ie6-8
   -moz-transform:scale(x轴数值,Y轴数值)            //firefox
   -o-transform:scale(x轴数值,Y轴数值雹瞎)         //opera
   -webkit-transform:scale(x轴源凳空数值,Y轴数值)  //safari/chrome
   -ms-transform:scale(x轴数值,Y轴数值)  //ie9+
   //移位，定位使用　css控制   
   position:absolute;
   left:px;            //根据缩放级别控制位置
   top:px;

2. 如果你的浏览器环境支持，并且使用矢量图 svg 和ie  上  vml编写。

3. 采取像百度地粗虚图或者谷歌地图的方式，把你每个放大缩小的层级上把图片做好切片，在每个层级放大缩小之后重新组装图片，可以不失真。
   

   
   

 
  
  
  
  <碧粗meta name="author" content="" />
  
  
 

 
  
 
 

我给谈顷明你含告做一乎嫌个