京东自由布局工具任意图组件的使用方法
2016-12-3 陈俊
自由布局工具中的任意图其实很简单啦，你只要准备好你的单张图片，然后左边工具栏选中任意图组件在空白处鼠标左键单击就可以了，然后替换成你自己图片空间的图片地址，任意图使用得好可以布局出很漂亮的页面来，任意你布局，复杂布局还是方方正正布局都不成问题的。
同时这个功能还可以在任意图上加多链接或加其他效果上面哦，先鼠标右键可以看到有锁定选项点击锁定后会出现一把锁，如果要接除锁定得鼠标左键点击这把锁就可以解除锁定了啦！
以下是视频教程，演示得更加详细哦，教程会教一图或多图拼接成首页的实现方法及模块上加入多层固定背景效果案例演示。
疯狂的美工京东自由布局工具热区组件及任意图组件搭配使用教程
准备工作：准备好要用到图片，背景图尺寸建议1920*1080 任意图素材可做PNG透明图片，如果要做多层固定背景也就是模块背景效果放模块背景图片地址框那背景选固定选项
温馨提示：图片空间图片地址复制出来后要手动加上前缀http:(冒号是英文状态下打哦)或者放到浏览器中打开一下图片地址会自动加上，再复制到工具中操作即可
使用任意图加热区一定要先鼠标右键锁定任意图再画热区 （锁定后图片左上角有解锁按钮）
操作完就可以生代码装店铺啦！安装方法和其他功能的方法一样，源码模式粘贴代码，装店铺990宽的自定义区里就可以了啦！，如果你的布局超了系统模块宽990那请勾选加入全屏代码选项，如果要背景图则放图片地址模块背景框框内。如果要多层固定背景也就是模块背景的效果请勾背景固定选项，此时背景尺寸建议是1920x1080.不要这个效果直接按默认的背景不固定即可！操作不难，亲们自己多多试验一下就知道其中的区别了！
下面可以看一下疯狂小编布局的效果预览图：
发表评论：