欢迎关注慕思城：

一、交互效果的应用首先需要明确。

如果想要一些丰富的交互效果或者更智能的显示，即使是高级的背景装饰模板也需要用到其他工具，比如倒计时。

我们需要使用外部工具，接下来介绍设计师装修时会经常用到的工具——仲夏在线排版和醉语编辑器。

(1)设置动态倒计时设置倒计时一般用在大促活动中，可以起到渲染活动紧张气氛的作用。

如下图，完成倒计时图片后，上传图片空间，进入盛夏科技，调整背景和大小，然后点击“倒计时”图层，调整以下属性，最后点击右上角的“生成代码”。

(请注意选择淘宝店或者天猫店，因为不同类型的显示器尺寸不一样)。

(2)设置搜索框，视频和旺旺客服搜索框调整大小和不透明度。

视频可以等比例调整，视频链接可以放进去。

旺旺客服可以调整显示大小图。

如下图:(3)海报转盘的应用(不买智能版依然可以使用)海报转盘。

对于使用默认专业版模板的店铺来说，没有全屏图片轮播的功能，但是你每个月购买模板都要承担一笔巨大的成本。

当然是针对一些小本经营的店铺。

现在解决办法来了。

无需购买装修模板即可实现全屏轮播海报的效果。

同样，打开“盛夏科技”，点击右边的“图片轮播”层，在底部属性中可以添加轮播图片和链接。

导航开关和箭头可以自己隐藏，最后可以直接点击生成代码。

(4)鼠标穿过弹出层。

鼠标经过弹出层，也就是开灯关灯的效果。

依次更新宝贝图片和鼠标经过的图片，调整大小生成代码。

是不是很简单？

(5)多层固定背景码多层固定背景是交互效果之一。

页面上的效果是一层固定，另一层可以在其固定背景上滚动显示。

一般用在banner的海报上，图片是固定背景-JPG格式，上面的文字可以滚动-PNG格式。

如下图所示，复制图片链接地址，替换红色文字。

对于png的透明图像，需要复制代码来替换。

然后你就可以去后台用自定义模块编辑了。

二、装修必要的桥梁(一)淘宝天猫店铺优惠券链接转换工具任何一个在后台装修过的人都会知道，pc端的优惠券链接和无线端的优惠券链接是不一样的。

在这里，我给大家献上一本宝典——淘宝天猫店铺优惠券链接转换工具。

Http://www.ahatao.com/pc2wap/可以直接复制链接，点击生成，得到无线终端的链接地址。

不方便吗？

(2) 1920全屏页面生成。

你看这是什么一般不管是天猫还是淘宝，页面宽度都是1920px，但是你在装修的时候，有没有遇到过这样的情况？

直接把图片放上去，不会显示在中间，但是会偏移。

这时候你就需要用这个工具来限制它——战国策。

http://moban.cn/gongju/index.php?

T = quan pin如上图所示，将代码粘贴到选择框中，然后点击“生成全屏代码”，复制代码装饰背景。

这里需要注意的是，第二次生成全屏代码时，需要点击左边的“清码”，否则会造成乱码。

(3)如何获取天猫淘宝主图原图。

这最后一招太神奇了。

不知道你有没有找到。

在淘宝主图点击右键可以复制图片，但是在天猫不行。

怎么才能得到图片呢？

在主图中选择你想要的图片，在小图中右键“在新标签中打开图片”。

这时，你会在一个新窗口中看到一个小图片。

只需删除红框中的大小限制。

总结一下交互效果的应用，可以给页面增加一些活力，但并不意味着交互效果越多越好。

过多的文字反而会扰乱整个页面。

上述互动效果包括:1。

设置倒计时；2.设置搜索框、视频、旺旺客服；3.旋转海报的应用；4.另外，在装修过程中还需要一些工具来方便我们的工作，比如生成全屏代码、优惠券转换工具、日常工作中需要的ps快捷技巧等，通过一些技巧来提高我们工作的效率和质量。

这个问题还有疑问的话，可以加幕思城火星老师免费咨询，他的微信号是 huoxing051 。

点击加我微信【没看懂?那就加我微信直接一对一沟通交流】

>

更多资讯请关注幕思城。

推荐阅读：

手机开网店要交费用吗（淘宝开店要钱吗）

淘宝小号购买两心一元靠谱吗？

淘宝网店季节性类目产品，怎样布局会更好？