css怎么实现京东上鼠标放上去 图片自动放大

html-css010

css怎么实现京东上鼠标放上去 图片自动放大,第1张

京东用的是一个jquery插件。

CSS可以实现大图片,但是没办法控制坐标,所以这个效果是JS实现的。

大致原理就是:

上传产品的时候,脚本自动生成一个400尺寸和一个800尺寸等多个规格的图片,通过小图片坐标计算大图片显示位置。

就是说京东不允许你在 body 页面全局上设置样式。

这样是京东允许的:

.user-xxx{

font-size:16px

background: yellow

}

.userList{float: left}

这也是京东允许的:

-moz-xxx{padding: 0 3px}

但是下面这些你别想了,JD不让:

body{}

html{}