如何利用“滚动公告”制作类似淘宝头条的滚动效果

发表时间:2019-07-15 14:32

相信对于常用淘宝的人来说,一定对“淘宝头条”这个功能不陌生。“淘宝头条”是在淘宝网首页展示的一种滚动式的文章入口,点击标题后,会跳到文章列表页。


AAEIABADGAAgzcHa2gUoqpjengMwiQc4bw.gif



如果您在设计您的网站是想添加类似“淘宝头条”的效果,您可以使用“滚动公告”模块来完成。


具体操作方法:手机版和电脑版都有“滚动公告”模块,这里以电脑版的操作为例。

1、在网站设计页的左侧点击-“模块-新增模块-高级-滚动公告”


2、进入滚动公告模块编辑弹窗内,点击“添加公告”按钮,填写公告内容,设置跳转链接。链接类型可、选站内链接、功能、站外链接。如果您想要的效果是类似淘宝头条的效果,有两种方法可以实现:

方法1:设置跳转链接类型为站内链接,站内链接选择文章分类。

方法2:创建一个新的栏目页面,在这个页面中搭建标签模块,然后在标签模块中添加文章列表模块。第二步,设置跳转链接类型为栏目,网站栏目选择刚才创建的栏目页面。


3、滚动公告模块编辑弹窗内切换到“高级”项,设置滚动方向、滚动速度、滚动方式、是否连续滚动等。要做到淘宝头条的滚动效果,请选择滚动方向为“向下”。


4、完成后的效果如下:

AAEIABADGAAgudLa2gUokJb6_QcwiQc4Wg.gif