淘宝分类导航滑动效果怎么实现

第一步：制作自己的图片并且上传到淘宝图片空间，正面和反面两张以此为例!(或者创意其他样式)

注意：如果要实现本例的效果，反面为透明背景效果，也就是png或者gif格式的图片

第二步：打开模块代码生成页面，选择好自己的店铺类型。 。相同点是：这个模块只能使用两组。如果达到上限，系统会提示：该组件已超过使用上限。意思就是只能用两组。 “链接”点进去之后——要根据你宝贝的连接来选，如果是分类导航，你得选择——宝贝分类(如：我要添加一个名为“10月上新”的分类，选择——宝贝分类里的“10月上新”点√就行了。前提是你的分类已经做了，有你要的分类选项)

拓展一下所有分类类目下的子类目如何实现控制。您可以在这里再进一步深入研究一下。比较后，给个建议，就是利用谷歌浏览器，鼠标点右键，有一项是“审查元素”，可以查看代码，慢慢调试。

第三步：到图片空间复制正常图片1的链接，也就是第一步例子里的正面图片。

第四步：到图片空间复制移入图片1的链接，也就是第一步例子里的反面图片。

第五步：复制链接，也就是这个图片要链接的地址，其实就是宝贝链接啦!

第六步：根据自己的需求情况看是否要增加一组图片，然后根据上述方式填写链接。

第七步：设置可选参数，动画时长的数值越大，切换的速度也就越慢;图片间距你也可以根据自己的需求设置;切换效果根据自己的喜好选择即可。css3鼠标滑动/css动态导航

第八步：添加完成后预览，查看实际效果，预览效果在页面的顶部哟。(如果图片超过自身店铺宽度，预览效果有所偏差，所以图片宽度要自己控制一下)。

第九步：确认效果无误，生成代码!生成淘宝装修代码分为两部分，css部分和html部分。后面讲解如何安装生成的代码!!

第十步：打开店铺装修后台，找到店招处系统自带的导航条(切记不要找错了,不是店招!!看清楚点)编辑

弹出的导航窗口选择“显示设置”

第十一步：找到刚刚生成的代码中css部分，。选中复制!!

第十二步：回到店铺装修刚刚打开的导航条窗口，并把复制好的css代码粘贴到此处。!!! 无误确定。

第十三步：下面是安装html部分 ，添加模块添加一个自定义内容区，。

第十四步：编辑自定义内容区!

第十五步：选择不显示标题，然后那个括号图标切换到代码模式，下面红色空就是粘贴代码的地方。

第十六步：再回到网站生成的代码的地方，，选中html以下的部分，复制 !!!!

第十七步：将刚刚复制的代码粘贴到自定义内容区的代码框中，然后确定!

第十八步：完成后预览测试效果!

淘宝店铺手机无线端图片左右滑动导航怎么做?

打宝无线端装修——选择模块：

①如果你想做导航类左右滑动的，选择“多图模块”尺寸是248*146，一共可添加6个;

②如果你想做小海报形式的，选择“轮播图模块”尺寸是608*304，一共可添加4个。这两个模块都是添加在左右滑动显示的。不同点是：大小 。相同点是：这个模块只能使用两组。如果达到上限，系统会提示：该组件已超过使用上限。意思就是只能用两组。

如何添加链接：所示 “链接”点进去之后——要根据你宝贝的连接来选，如果是分类导航，你得选择——宝贝分类(如：我要添加一个名为“10月上新”的分类，选择——宝贝分类里的“10月上新”点√就行了。前提是你的分类已经做了，有你要的分类选项)

拓展一下所有分类类目下的子类目如何实现控制。您可以在这里再进一步深入研究一下。比较后，给个建议，就是利用谷歌浏览器，鼠标点右键，有一项是“审查元素”，可以查看代码，慢慢调试。