详情页全屏固定背景特效 --艺灵设计

淘宝天猫详情页全屏固定背景特效

ps:为了更好的欣赏到效果，建议看官将代码扔进自己详情页左侧最上面的自定义模块中即可。

模板代码

ps:使用下面的代码可快速恢复上面的特效哦！→→戳我编辑此牛b特效

{"def":{"wid":1920,"hei":999,"xbj":10,"hua":1200,"css":"","dii":[0,1,"0,1,",2,1,"","","","",null],"dsi":{},"wgx":1,"she":"1","qpk":1,"gns":1,"tzg":0,"stt":0,"xht":1,"ltt":0,"fdg":1,"gjg":0,"dpm":1},"tpz":[{"dii":0,"dnu":100000,"def":{"wid":390,"hei":999,"bgc":"#ff9999","bgs":"http://img.alicdn.com/imgextra/i3/759415648/TB2bRRib9iJ.eBjSspfXXbBKFXa-759415648.png","uri":"","tar":"_blank","lji":0,"dii":0,"htm":{"txt":"","wid":390,"hei":990,"mat":0,"mar":"auto","mab":0,"mal":"50%"},"bgi":1,"bkz":"1","att":"fixed","rep":"no-repeat","pox":"left","pxi":0,"pxv":0,"poy":"top","pyi":0,"pyv":0}},{"dii":1,"dnu":10001,"def":{"wid":390,"hei":999,"bgc":"#ff9999","bgs":"http://img.alicdn.com/imgextra/i3/759415648/TB2bRRib9iJ.eBjSspfXXbBKFXa-759415648.png","uri":"","tar":"_blank","lji":0,"dii":0,"htm":{"txt":"","wid":390,"hei":990,"mat":0,"mar":"auto","mab":0,"mal":"50%"},"bgi":1,"bkz":"1","att":"fixed","rep":"no-repeat","pox":"right","pxi":2,"pxv":0,"poy":"top","pyi":0,"pyv":0}}],"dgn":{"0":{"dii":0,"dnu":100000,"def":{"pfs":0,"pfi":0}}},"cfg":{"tit":"详情页DIY背景","inf":"http://www.yilingsj.com/zxsc/cygj/2016-07-28/425.html","tim":"导出时间：2017/3/15 下午2:57:17","typ":"xqydiybg"},"vie":{"vt0":{},"vt1":[]}}

模板使用教程

ps:如果您是新手，请按照下方的教程步骤，一步步操作才能还原哦！还原后更换掉您自己的图片、链接点击生成后就是您自己的代码啦！

第一步：向下拉页面，当看到【模板代码】4个字时停止，复制下面文本域中的代码。
小提示：鼠标在这里单击一下，然后按下Ctrl+A可全选，再按下Ctrl+C可进行复制，如果是mac系统，Command+A是全选，Command+C是复制。
第二步：点击上方的红字【戳我获取】，此时会跳转到对应的软件页面
第三步：点击【导入模板】--粘贴自己的代码，快捷键：Ctrl+V，mac系统是：Command+V，粘贴后点击确定就可以了。来张图片教程吧！模板代码还原教程

分享模板

据说喜欢分享的看官都已成大神且涨工资了！！！(【分享】按钮在屏幕右侧。)

艺灵设计

评论区