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

分享到:

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


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


具体操作方法:

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


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


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

方法1:设置跳转链接类型为站内链接,站内链接选择文章分类。(点击查看:如何添加文章及管理文章的分类

方法2:靠前步,创建一个新的栏目页面,在这个页面中搭建标签模块,然后在标签模块中添加文章列表模块。第二步,设置跳转链接类型为栏目,网站栏目选择刚才创建的栏目页面。(点击查看:教你怎样创建网站的横向标签/纵向标签


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


4、完成后的效果如下:

以上内容仍未解决您的问题?