Question

js或者布局问题，京东产品放大镜效果原理

这里的大图是怎么移动的？好像没有通过行内样式去控制，不知道大图是怎么移动的？求解
我现在知道可以对图片设置margin值或者left/top或者把图片设为背景用background-position。

我好奇的是，在京东的这里，这些设置的值都没有体现在上面，或者说都没有设置在这个图片上的行内样式里。

我们一般用js对元素进行操作不总是在操作它的style么，并且可以在审查元素的时候看到。但是这里审查元素在图片上没有看到左任何设置，所有有些好奇，而不是在求实现zoom得方法。不知道我说清楚没？

Answer 1

京东放大镜的主要js:http://misc.360buyimg.com/product/js/2012/product.js?t=20120717.js

里面有个bigimg搜索下，具体问什么网页的css上没有体现，我也不清楚。。

Answer 2

外框不动的情况下，overflow:hidden; 大图通常是实时计算margin负值。再或者用backgroud的position也可以。

追问

你好，
我的问题是：

我现在知道可以对图片设置margin值或者left/top或者把图片设为背景用background-position。
我好奇的是，在京东的这里，这些设置的值都没有体现在上面，或者说都没有设置在这个图片上的行内样式上。

追答

你用得工具不是实时追踪的。

Answer 3

可以用jqueryzoom插件完成。

追问

知道怎么做，就是想问问这个大图是怎么移动的，看起来没有任何样式的变化去控制，不是在问用什么插件可以做到