京东店铺8图宝贝鼠标滑过CSS3缩放效果展示模块代码工具教程 其他格子模块通用

作者：陈俊    日期：2017-11-28 16:06   人气：6393    分类：装修助手教程

京东店铺怎么轻松实现这种鼠标经过时图片会自动呈现CSS3缩放效果，大家都知道京东开放CSS但是要实现CSS特效又不会写代码的话还是做不出CSS3特效来，那么可以借助我们疯狂的美工京东装修助手一键生成CSS3特效模块，下面请看详细图文教程~

(新站)京东8图宝贝CSS3缩放展示模块生成工具地址：https://www.fkdmg.com/gongju/2657.html

(旧站)京东8图宝贝CSS3缩放展示模块生成工具地址：http://zaixian.jdzhushou.com/tools/2.html

首先，如果要自己自定义设计图片样式的话先把设计好的图片上传到京东图片空间，尺寸是274x274px

京东装修后台地址：http://jdshop.jd.com/    京东图片空间：http://imgzone.jd.com/

以上图只是示意图，目的是教怎么复制链接的，复制链接后记得要自己手动加上http:京东图片空间复制出来会少掉htp冒号。也可以浏览器中放一下地址打开会自动加上http:的

 如果不想自己做图，这个在线版的格子模块只要是正方形的可以放京东宝贝链接地址到工具里会自动提取第一张宝贝主图哦~

温馨提示：填写宝贝地址会自动提取宝贝标题、价格、主图信息 本模块引用的图片尺寸为：274*274

工具里也有上方提示，相信应该看得懂吧，看不懂就复制一个宝贝链接放上去会自动提取到相关信息就明白啦！

如上图，提取的时候稍等一会，如果提取失败重新放链接地址进去再提取一下，如果是自己做的图片则是图片空间复制过来的地址放到放图片地址位置那，然后价格标题信息自己写好。总之哪个方法都是很方便的哦~

其次就是颜色小标题信息之类的自己调好，调得和你设计的页面风格协调即可，自己把握！

最后操作预览完觉得没有问题就生成代码再复制好代码装到京东店铺了啦！针对的是京东店铺首页和自定义页面使用，其他页面自测哦~

进入店铺装修后台添加好990宽的自定义通栏布局

然后再添加好自定义，双击自定义点那支笔那打开代码编辑框

点右上角源码模式按钮后再粘贴代码，粘贴完保存即可！没有问题发布就OK

小伙伴们，这只是其中一个格子功能的使用方法，其他在线版功能列表里的格子功能使用方法类似哦，可以参考这个方法操作哈~

在线版京东装修助手功能列表可以从这进入：http://www.jdzhushou.com/sort/zxtoos