淘宝装修特效代码之文字滚动轮播

淘宝装修特效代码之文字滚动轮播

文字卡盘轮播特效，现在很多店铺的店招中都有这个特效，我们来实现一下打开文本编辑器，复制以下这段样例代码： div data-widget-type="Slide" data-widget-config="{'contentCls':'news-items','hasTriggers':false,'effect':'scrolly','easing':'easeOutStrong','interval':3,'duration':0.2}" ul li a target="_blank" rel="nofollow" href="#" 明天是星期天，买一送一了。 /a /li li a target="_blank" rel="nofollow" href="#" 下个星期回家乡了 /a /li li a target="_blank" rel="nofollow" href="#" 明天哥哥娶新娘子，真高兴。 /a /li /ul /div样例代码中有三句话，分别为1.2.3 ，修改成自己想要说的话，然后将要链接的地址“#”修改，不链接就不用改。现在， 我们要定义滚动文字显示的范围。div /div中添加 ul/ul中添加 如下图所示最终代码如下： div data-widget-type="Slide" data-widget-config="{'contentCls':'news-items','hasTriggers':false,'effect':'scrolly','easing':'easeOutStrong','interval':3,'duration':0.2}" ul li a target="_blank" rel="nofollow" href="#" 明天是星期天，买一送一了。 /a /li li a target="_blank" rel="nofollow" href="#" 下个星期回家乡了 /a /li li a target="_blank" rel="nofollow" href="#" 明天哥哥娶新娘子，真高兴。 /a /li /ul /div 打开装修后台，测试代码生效。