淘宝店招+导航菜单+搜索框+下拉菜单特效

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

自定义店招+导航菜单+搜索框+下拉菜单

完美支持：淘宝店铺、天猫店铺，麻麻再也不用担心我不会代码了！

首页

首页

使用说明

使用说明

没啥技术含量，看官先自己研究下吧。等艺灵有时间了再录制视频教程。
如果看官连现成的工具都不会用，还想手写店铺招牌的代码？看官咋不上天呢？
静下心来，没有不会用这一说！

css悬浮

css悬浮

全屏全家桶

全屏全家桶

950详情页

950详情页

全屏页尾

全屏页尾

视频教程

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

暂无

模板代码

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

{"def":{"wid":950,"hei":150,"xbj":0,"hua":1200,"css":"","dii":[1,5,"0,1,2,3,4,5,",6,1,"1","","tb","ic_seach",null],"dsi":{"ic_seach":"1,","iCss":0,"pjcs":0,"iCs1":0},"wgx":1,"she":"1","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":100,"hei":36,"bgc":"#e1e1e1","bgs":"https://img.alicdn.com/imgextra/i2/759415648/TB2TddggrVkpuFjSspcXXbSMVXa-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":"#333333","bgs":""},"Tit":{"dii":0,"fsi":0,"tit":"首页","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#cccccc","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#cccccc","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#333333","wid":100,"hei":36},"HTit":{"dii":0,"fsi":0,"tit":"Home","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#ffffff","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#ffffff","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#222222","wid":100,"hei":36}}},{"dii":1,"dnu":100001,"def":{"wid":100,"hei":36,"uri":"","tar":"_blank","lji":1,"hoi":"1","hov":{"txt":"&lt;div style=\"font-size:14px;color:#fff;padding:10px;\"&gt;没啥技术含量，看官先自己研究下吧。等艺灵有时间了再录制视频教程。&lt;br&gt;如果看官连现成的工具都不会用，还想手写店铺招牌的代码？看官咋不上天呢？&lt;br&gt;静下心来，没有不会用这一说！&lt;/div&gt;","wid":950,"hei":"120","mat":0,"mal":"-100"},"nic":{"bgi":1,"bgs":"https://img.alicdn.com/imgextra/i1/759415648/TB2tAJujHJkpuFjy1zcXXa5FFXa-759415648.gif","mat":0,"mal":"80"},"hpz":{"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#333333","bgs":""},"Tit":{"dii":"1","fsi":"1","tit":"使用说明","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#cccccc","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#ffffff","br2":"1","brx":"px","brt":"6","brr":"6","brb":"0","brl":"0","bgc":"#ff9900","wid":100,"hei":36},"HTit":{"dii":"1","fsi":"1","tit":"Home","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#ffffff","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#000000","br2":"1","brx":"px","brt":"6","brr":"6","brb":"0","brl":"0","bgc":"#ffffff","wid":100,"hei":36},"bgc":"#e1e1e1","bgs":"https://img.alicdn.com/imgextra/i2/759415648/TB2TddggrVkpuFjSspcXXbSMVXa-759415648.png"}},{"dii":2,"dnu":100002,"def":{"wid":100,"hei":36,"uri":"","tar":"_blank","lji":1,"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":"#333333","bgs":""},"Tit":{"dii":0,"fsi":0,"tit":"css悬浮","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#cccccc","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#cccccc","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#333333","wid":100,"hei":36},"HTit":{"dii":0,"fsi":0,"tit":"Home","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#ffffff","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#ffffff","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#222222","wid":100,"hei":36},"bgc":"#e1e1e1","bgs":"https://img.alicdn.com/imgextra/i2/759415648/TB2TddggrVkpuFjSspcXXbSMVXa-759415648.png"}},{"dii":3,"dnu":100003,"def":{"wid":100,"hei":36,"uri":"","tar":"_blank","lji":1,"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":"#333333","bgs":""},"Tit":{"dii":0,"fsi":0,"tit":"全屏全家桶","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#cccccc","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#cccccc","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#333333","wid":100,"hei":36},"HTit":{"dii":0,"fsi":0,"tit":"Home","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#ffffff","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#ffffff","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#222222","wid":100,"hei":36},"bgc":"#e1e1e1","bgs":"https://img.alicdn.com/imgextra/i2/759415648/TB2TddggrVkpuFjSspcXXbSMVXa-759415648.png"}},{"dii":4,"dnu":100004,"def":{"wid":100,"hei":36,"uri":"","tar":"_blank","lji":1,"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":"#333333","bgs":""},"Tit":{"dii":0,"fsi":0,"tit":"950详情页","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#cccccc","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#cccccc","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#333333","wid":100,"hei":36},"HTit":{"dii":0,"fsi":0,"tit":"Home","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#ffffff","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#ffffff","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#222222","wid":100,"hei":36},"bgc":"#e1e1e1","bgs":"https://img.alicdn.com/imgextra/i2/759415648/TB2TddggrVkpuFjSspcXXbSMVXa-759415648.png"}},{"dii":5,"dnu":100005,"def":{"wid":100,"hei":36,"uri":"","tar":"_blank","lji":1,"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":"#333333","bgs":""},"Tit":{"dii":0,"fsi":0,"tit":"全屏页尾","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#cccccc","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#cccccc","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#333333","wid":100,"hei":36},"HTit":{"dii":0,"fsi":0,"tit":"Home","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#ffffff","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#ffffff","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#222222","wid":100,"hei":36},"bgc":"#e1e1e1","bgs":"https://img.alicdn.com/imgextra/i2/759415648/TB2TddggrVkpuFjSspcXXbSMVXa-759415648.png"}}],"dgn":{"0":{"dii":0,"dnu":100000,"def":{"pfs":0,"pfi":0,"wid":100,"hei":36,"mat":0,"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":"#333333","bgs":""},"num":1,"xqy":0,"chh":0,"dhi":0,"tijc":"true","lijc":"true","wsu":950,"hsu":36,"dpzp":{"txt":"&lt;div style=\"height:114px;color:#fff;text-align:center;\"&gt;&lt;h1 style=\"font-size:26px;font-size:26px;padding:20px 0 10px 0 ;\"&gt;自定义店招+导航菜单+搜索框+下拉菜单&lt;/h1&gt;&lt;h4&gt;完美支持：淘宝店铺、天猫店铺，麻麻再也不用担心我不会代码了！&lt;/h4&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":"#333333","bgs":""},"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":70},"hpz":{"bgi":1,"bkz":0,"att":"scroll","rep":"no-repeat","pox":"center","pxi":1,"pxv":0,"poy":"top","pyi":0,"pyv":0,"bgc":"#333333","bgs":""},"Tit":{"dii":0,"fsi":0,"tit":"首页","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#cccccc","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#cccccc","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#333333","wid":100,"hei":36},"HTit":{"dii":0,"fsi":0,"tit":"Home","ftf":"微软雅黑","ftw":"normal","ali":"center","inp":"px","ind":0,"bsi":0,"bst":"solid","bot":0,"bct":"transparent","bsr":"solid","bor":1,"bcr":"#ffffff","bsb":"solid","bob":0,"bcb":"transparent","bsl":"solid","bol":0,"bcl":"transparent","lin":36,"fts":14,"col":"#ffffff","br2":0,"brx":"px","brt":10,"brr":10,"brb":10,"brl":10,"bgc":"#222222","wid":100,"hei":36}}}},"cfg":{"tit":"淘宝店铺招牌+文字导航-高级版","inf":"http://www.yilingsj.com/zxsc/dpzp/2017-04-14/504.html","tim":"导出时间：2017-04-14 09:47:03","typ":"dpzp-navtxt-gaoji"},"vie":{"vt0":{},"vt1":[{"Dfe":{"did":"ic_seach","dnu":1,"tit":"搜索框","dmb":"0","dpj":"0"},"Dus":{"dwi":30,"dhe":30,"top":"123","lef":"804","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":"4/759415648/TB20dojblLzQeBjSZFCXXXmtXXa-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/i4/759415648/TB20dojblLzQeBjSZFCXXXmtXXa-759415648.png"},"Sys":{"sea":0,"lwi":34,"rwi":34,"col":"#ffffff","tit":"css悬浮","fsi":"1","ftf":"微软雅黑","ftw":"normal","ali":"left","inp":"px","ind":"5","fts":14,"lin":18},"Sgn":{"uri":"http://shop112837831.taobao.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-14 10:10:33　-　阅：

评论区

我要评论