有卖家朋友在浏览竞争对手店铺的时候发现，鼠标滑过图片就会变换，觉得这个效果很不错并且非常实用，想知道这个效果该怎么实现?其实用html代码就可以实现，今天开淘小编分享一下具体的代码，一起去学习一下吧!

　　注意：

　　“sub all_t10”这个序列号需要修改一下，全部修改，一个图片切换一个对应的数字。否则切换的图片会混掉。

　　图片网址链接换成自己做的网址链接。还有图片大小都要修改。

　　上面还有一个图片指向链接，大家可以换掉#。

　　{'node':'.all_t10','offset':[0,-300],'points':['bc','tc']}}"这段里面的【0，-300】的300一定要修改。修改成你要切换图片高度。

　　修改好之后，下面可以发布到页面了。

　　打开装修页面。新建一个淘宝自定义模块。然后在自定义内容模块里面点选代码编辑，把上面修改好的代码复制粘贴到这个编辑器里面保存发布就OK了。

　　淘宝店铺装修 两边带箭头的轮图模式怎么做 只要按两边的箭头图片就会切换?

　　这个必须要购买拓展版的店铺模板才能够自定义安装的，不过你可以去淘宝服务中直接购买这样式的模板，现成的不需要你动手安装。购买拓展版的费用和直接买模板的费用一样，所有还是省事点直接买模板吧。

　　淘宝装修自定义页面如何通过代码来排版?

　　淘宝的码工助手是有一些模版是设计好的，所以你如果改动就出现了层级关系，就是所谓的挡住了，但这可以通过代码改变层级关系。默认的层级为0，大于0排在上面，小于0排在下面。

　　淘宝店铺模版上的轮播图片怎么替换 ?

　　首先要进入装修页面，点开“图片轮播”编辑页面：点击图片图标 可以插入图片空间图片：

　　点击选择 然后插入图片空间图片：可以在“操作”阶段进行调整/删除 也可以添加新图片：可以在“显示设置”进行进一步的调整。

　　新旺铺专业版通栏宽度为950px/左侧栏为190px/右侧栏为750px/

　　新旺铺基础版左侧栏为190px/右侧栏为750px/

　　在“切换效果”这里就是图片与图片之间轮播时的替换方式，有“上下滚动”和“渐变滚动”。最后点“保存”。

　　在使用代码的时候，记得修改图片成为更合适的大小!最后不管是进行了什么修改，都需要点击保存，再去预览效果就可以了!想要了解更多网店装修相关的内容，可以关注开淘网，好玩有趣的资讯在等着你哦。

　　相关推荐：

　　淘宝主图怎么做吸引人?设计和优化双管齐下!

　　淘宝全屏店招怎么设置?淘宝全屏店招设置教程

　　淘宝店铺使用官方系统尾部模块无法删除怎么办