天猫女装水上音乐家导航菜单特效

ps:淘宝基础版、专业版、天猫店铺通用！

天猫女装类目水上音乐旗舰店个性店招示例

本案例效果参考于店铺：watermusic.tmall.com。
看官可根据自己的psd图利用艺灵的工具制作出自己的店招，没必要非要跟别人一模一样！看官要有自己的风格，否则跟咸鱼有什么区别？！

视频教程

ps:建议看官观看完视频后再操作，以免在操作过程中不知道一些术语表达的是什么意思。

暂无

模板代码

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

{"def":{"wid":950,"hei":150,"xbj":0,"hua":1200,"css":"","dii":[2,4,"0,1,2,3,4,",5,1,"2","","tb","ic_seach",null,null],"dsi":{"ic_seach":"1,2,","iCss":0,"pjcs":0,"iCs1":0},"wgx":1,"she":0,"qpk":0,"gns":1,"tzg":0,"stt":0,"xht":1,"ltt":0,"fdg":1,"gjg":0,"dpm":1},"tpz":[{"dii":0,"dnu":100000,"def":{"wid":"74","hei":"33","bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i1/759415648/TB2tG_0lYRkpuFjSspmXXc.9XXa-759415648.png","uri":"","tar":"_blank","lji":1,"dii":0,"htm":{"txt":"","wid":990,"hei":360,"mat":0,"mar":"auto","mab":0,"mal":"50%"},"hoi":0,"hov":{"txt":"","wid":950,"hei":300,"mat":0,"mal":0},"nic":{"bgi":0,"bgs":"https://img.alicdn.com/imgextra/i1/759415648/TB2tAJujHJkpuFjy1zcXXa5FFXa-759415648.gif","mat":0,"mal":70},"hpz":{"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i3/759415648/TB2Bw_wi_cCL1FjSZFPXXXZgpXa-759415648.png"},"xlcd":{"hoi":0,"txt":"","wid":950,"hei":300,"mat":0,"mal":0,"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":""},"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0}},{"dii":1,"dnu":10001,"def":{"wid":"69","hei":"33","bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i2/759415648/TB2vQzdl8NkpuFjy0FaXXbRCVXa-759415648.png","uri":"","tar":"_blank","lji":1,"dii":0,"htm":{"txt":"","wid":990,"hei":360,"mat":0,"mar":"auto","mab":0,"mal":"50%"},"hoi":0,"hov":{"txt":"","wid":950,"hei":300,"mat":0,"mal":0},"nic":{"bgi":"1","bgs":"https://img.alicdn.com/imgextra/i1/759415648/TB2tAJujHJkpuFjy1zcXXa5FFXa-759415648.gif","mat":0,"mal":"60"},"hpz":{"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i2/759415648/TB2vQzdl8NkpuFjy0FaXXbRCVXa-759415648.png"},"xlcd":{"hoi":"1","txt":"&lt;div style=\"font-size:16px;color:#fff;padding:10px;height:100%;\"&gt;本案例效果参考于店铺：watermusic.tmall.com。&lt;br&gt;看官可根据自己的psd图利用艺灵的工具制作出自己的店招，没必要非要跟别人一模一样！看官要有自己的风格，否则跟咸鱼有什么区别？！&lt;/div&gt;","wid":"600","hei":"120","mat":0,"mal":"-74","bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":""},"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0}},{"dii":2,"dnu":10002,"def":{"wid":"96","hei":"33","bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i2/759415648/TB2u3HOl1J8puFjy1XbXXagqVXa-759415648.png","uri":"","tar":"_blank","lji":1,"dii":0,"htm":{"txt":"","wid":990,"hei":360,"mat":0,"mar":"auto","mab":0,"mal":"50%"},"hoi":0,"hov":{"txt":"","wid":950,"hei":300,"mat":0,"mal":0},"nic":{"bgi":0,"bgs":"https://img.alicdn.com/imgextra/i1/759415648/TB2tAJujHJkpuFjy1zcXXa5FFXa-759415648.gif","mat":0,"mal":70},"hpz":{"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i4/759415648/TB2OfARoipnpuFjSZFkXXc4ZpXa-759415648.png"},"xlcd":{"hoi":0,"txt":"","wid":950,"hei":300,"mat":0,"mal":0,"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":""},"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0}},{"dii":3,"dnu":10003,"def":{"wid":"91","hei":"33","bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i1/759415648/TB2j9_ql4XlpuFjSsphXXbJOXXa-759415648.png","uri":"","tar":"_blank","lji":1,"dii":0,"htm":{"txt":"","wid":990,"hei":360,"mat":0,"mar":"auto","mab":0,"mal":"50%"},"hoi":0,"hov":{"txt":"","wid":950,"hei":300,"mat":0,"mal":0},"nic":{"bgi":0,"bgs":"https://img.alicdn.com/imgextra/i1/759415648/TB2tAJujHJkpuFjy1zcXXa5FFXa-759415648.gif","mat":0,"mal":70},"hpz":{"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i4/759415648/TB2EeMMoilnpuFjSZFgXXbi7FXa-759415648.png"},"xlcd":{"hoi":0,"txt":"","wid":950,"hei":300,"mat":0,"mal":0,"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":""},"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0}},{"dii":4,"dnu":10004,"def":{"wid":"87","hei":"33","bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i4/759415648/TB2OD7LoctnpuFjSZFvXXbcTpXa-759415648.png","uri":"","tar":"_blank","lji":1,"dii":0,"htm":{"txt":"","wid":990,"hei":360,"mat":0,"mar":"auto","mab":0,"mal":"50%"},"hoi":0,"hov":{"txt":"","wid":950,"hei":300,"mat":0,"mal":0},"nic":{"bgi":0,"bgs":"https://img.alicdn.com/imgextra/i1/759415648/TB2tAJujHJkpuFjy1zcXXa5FFXa-759415648.gif","mat":0,"mal":70},"hpz":{"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i2/759415648/TB2Q0FXoxlmpuFjSZPfXXc9iXXa-759415648.png"},"xlcd":{"hoi":0,"txt":"","wid":950,"hei":300,"mat":0,"mal":0,"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":""},"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0}}],"dgn":{"0":{"dii":0,"dnu":100000,"def":{"pfs":0,"pfi":0,"wid":135,"hei":40,"mat":"-5","mar":10,"mab":10,"mal":"auto","pat":0,"dcz":{"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":""},"num":1,"xqy":0,"chh":0,"dhi":0,"tijc":"true","lijc":"true","wsu":950,"hsu":36,"dpzp":{"txt":"&lt;div style=\"height:114px;text-align:center;\"&gt;&lt;h1 style=\"font-size:26px;padding:20px 0 10px 0 ;\"&gt;天猫女装类目水上音乐旗舰店个性店招示例&lt;/h1&gt;&lt;/div&gt;","wid":950,"hei":150,"mat":"0","mal":0,"bgi":1,"bkz":0,"att":"scroll","rep":"repeat-x","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":"https://img.alicdn.com/imgextra/i1/759415648/TB2XqwKoiRnpuFjSZFCXXX2DXXa-759415648.png"},"hoi":"1","hov":{"txt":"","wid":950,"hei":300,"mat":0,"mal":0},"nic":{"bgi":0,"bgs":"https://img.alicdn.com/imgextra/i1/759415648/TB2tAJujHJkpuFjy1zcXXa5FFXa-759415648.gif","mat":0,"mal":70},"hpz":{"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#404040","bgs":""},"xlcd":{"hoi":0,"txt":"","wid":950,"hei":300,"mat":0,"mal":0,"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":""},"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#ffffff","bgs":""}}},"cfg":{"tit":"淘宝店铺招牌+图片导航-懒人版","inf":"http://www.yilingsj.com/zxsc/dpzp/2017-04-17/507.html","tim":"导出时间：2017-04-17 13:13:39","typ":"dpzp-navimg-lanren"},"vie":{"vt0":{},"vt1":[{"Dfe":{"did":"ic_seach","dnu":2,"tit":"搜索框","dmb":"2","dpj":"0"},"Dus":{"dwi":30,"dhe":30,"top":"119","lef":"799","tar":"_blank"},"Ico":{"csz":1,"bxt":"2/759415648/TB2TEKEX4AX61Bjy1XcXXXjspXa-759415648.gif","bgs":"http://img.alicdn.com/imgextra/i2/759415648/TB2TEKEX4AX61Bjy1XcXXXjspXa-759415648.gif","wid":30,"hei":30},"Sea":{"Sbg":{"wid":140,"hei":23,"sea":"3/759415648/TB2_mlMal0lpuFjSszdXXcdxFXa-759415648.png","bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"transparent","bgs":"http://img.alicdn.com/imgextra/i3/759415648/TB2_mlMal0lpuFjSszdXXcdxFXa-759415648.png"},"Sys":{"sea":2,"lwi":34,"rwi":34,"col":"#666666","tit":"连衣裙","fsi":0,"ftf":"微软雅黑","ftw":"normal","ali":"left","inp":"px","ind":0,"fts":14,"lin":18},"Sgn":{"uri":"http://watermusic.tmall.com","tar":"_blank","hot":0,"trb":"bottom"},"Sht":[{"dii":0,"dnu":100000,"def":{"mat":0,"mar":5,"mab":0,"mal":"auto","uri":"http://shop112837831.taobao.com","tar":"_blank","col":"#666666","txt":"自定义css","fsi":0,"ftf":"微软雅黑","ftw":"normal","ali":"left","inp":"px","ind":0,"fts":14,"lin":18}}]}}]}}

古语有云：“龙生九子，九子各不同！”
来艺灵这里使用工具的看官各自需要自然也有所不同。艺灵的工具是比较灵活的，而且开放的权限也非常大！相同的工具可以做出若干不同的模板出来。由于展示的模板有限及其他因素影响，所以目前的模板并不能满足更多的看官。
所以，如果看官找不到符合您的模板，请先定位自身的需求及要实现的功能，然后再用相关的工具制作自己要的效果。
如果看官愿意分享自已制作的模板，可以联系艺灵球球号：315800015，感谢看官的参与和贡献！

模板使用教程

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

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

分享模板

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

亲，扫个码支持一下艺灵呗~

如果您觉得本文的内容对您有所帮助，您可以用支付宝打赏下艺灵哦！

发布时间：2017-04-17 14:20:04　-　阅：

评论区

我要评论