您的位置首页百科问答

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

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

的有关信息介绍如下:

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

文字卡盘轮播特效,现在很多店铺的店招中都有这个特效,我们来实现一下

打开文本编辑器,复制以下这段样例代码:

data-widget-config="{'contentCls':'news-items','hasTriggers':false,'effect':'scrolly','easing':'easeOutStrong','interval':3,'duration':0.2}">

样例代码中有三句话,分别为1.2.3 ,修改成自己想要说的话,然后将要链接的地址“#”修改,不链接就不用改。

现在, 我们要定义滚动文字显示的范围。

中添加

style="width:300px; heigth:30px;"

    中添加style="list-style:none; margin:0; padding:0; width:300px; height:30px; line-height:30px;"

    如下图所示

    最终代码如下:

    data-widget-config="{'contentCls':'news-items','hasTriggers':false,'effect':'scrolly','easing':'easeOutStrong','interval':3,'duration':0.2}" style="width:300px; height:30px; ">

    打开装修后台,测试代码生效。

    可以继续给文字添加样式,比如修改文字颜色,下划线等

    可以将特效代码放在任意定位好的

    结构中