淘宝二级下拉菜单变色特效
ps:淘宝基础版、专业版、天猫店铺通用!

二级下拉菜单变色特效

艺灵手把手教看官制作一个:二级下拉菜单变色的特效。看官不需要会任何代码,纯粹软件操作!

首页
首页
技巧说明
技巧说明
第一步:先用软件生成【侧边栏】,实际上等会需要将此侧边栏当下拉菜单的内容来用;
第二步:在当前软件中,开启下拉菜单并将刚生成好的【侧边栏】代码扔进来即可实现滑过下拉菜单时,二级菜单变色的效果。
思路分析
ps:听艺灵分析,那都不是事儿!
本特效的重点难点

说人话吧,对于这个特效,最大的难点就在于:如何让下拉菜单有鼠标滑过变色的效果!

至于原因有多种,但始终逃不过下面两条。
首要原因:鼠标滑过需要css权限,基本上使用第三方工具装修店铺的不会开通旺铺css权限(2400/年);
次要原因:压根儿就不会写代码,还谈何特效?

既不想开通css权限又不会代码还想要这个特效

看官这么厉害,咋不上天呢?!

峰回路转,成功上天!

不过,既然使用艺灵的工具,那艺灵就满足下看官,帮看官实现愿望,让看官成功上天!

下面一行说明非常重要!能不能上天,就在此一举了!

由于艺灵前面上线的几款导航工具可以制作侧边栏特效,所以看官可以利用这些工具事先生成好侧边栏,然后再放到软件的下拉框中,这样就实现了鼠标滑过下拉菜单变色的效果!

字盲!有图片教程不?

图解:鼠标滑过变色的下拉菜单
图解-鼠标滑过变色的下拉菜单

相关工具

目前制作【侧边栏】的工具有:

目前制作【店招+导航栏】的工具有:

无论是制作侧边栏还是制作店招+导航,艺灵都提供了文字和图片两种不同版本的多款软件,这些足以实现看官的各种需求。

视频教程
ps:建议看官观看完视频后再操作,以免在操作过程中不知道一些术语表达的是什么意思。
暂时没空录制
模板代码
ps:使用下面的代码可快速恢复上面的特效哦!→→戳我编辑此牛b特效

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

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

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

分享模板
据说喜欢分享的看官都已成大神且涨工资了!!!(【分享】按钮在屏幕右侧。)
亲,扫个码支持一下艺灵呗~

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

发布时间:2017-05-13 17:25:35 - 阅:

评论区

我要评论