淘宝店铺自动翻滚文字公告代码

浏览:1003  发布时间:2014.03.24

淘宝店铺单行文字自动滚动公告代码,

代码效果预览如下图所示:

当第一条信息显示时的公告条:

当第三条信息显示时的公告条:

代码开始:

 

<div>

<div style="border-bottom:#DDDDDD 1px solid;border-left:#DDDDDD 1px solid;padding-bottom:0px;margin:0px;padding-left:0px;width:748px;padding-right:0px;background:url(/imgextra/i1/55022205/T2RRRSXdtaXXXXXXXX-55022205.gif) no-repeat 5px 7px;float:left;height:30px;overflow:hidden;border-top:#DDDDDD 1px solid;border-right:#DDDDDD 1px solid;padding-top:0px;">

<div style="line-height:30px;padding-left:65px;width:740px;height:30px;overflow:hidden;" class="J_TWidget" data-widget-config="{&#10;'effect': 'scrolly',&#10;'autoplay': true,&#10;'circular': true,&#10;'navCls':'ks-switchable-nav_1', &#10;'contentCls':'ks-switchable-content_1'&#10; }" data-widget-type="Slide">

<div class="ks-switchable-nav_1">

<div></div></div>

<ul class="ks-switchable-content_1">

<li style="display:block;"><a style="color:#666;font-size:14px;" href=/news/index/id/"_span/index.html style="margin: 0px; padding: 0px; background-color: rgb(255, 153, 204);">这里替换您的店铺地址" target="_blank" data-attr-replace="[{'type':'innerHTML','desc':'第一条信息内容'},{'type':'color','desc':'信息文字的颜色','style':'true'},{'type':'href','desc':'信息链接页面'}]">第一条信息</a> 

</li><li style="display:block;"><a style="color:#666;font-size:14px;" href=/news/index/id/"_/span/index.html>这里替换您的店铺地址" target="_blank" data-attr-replace="[{'type':'innerHTML','desc':'第二条信息内容'},{'type':'color','desc':'信息文字的颜色','style':'true'},{'type':'href','desc':'信息链接页面'}]">第二条信息</a> 

</li><li style="display:block;"><a style="color:#666;font-size:14px;" href=/news/index/id/"_/span/index.html>这里替换您的店铺地址" target="_blank" data-attr-replace="[{'type':'innerHTML','desc':'第三条信息内容'},{'type':'color','desc':'信息文字的颜色','style':'true'},{'type':'href','desc':'信息链接页面'}]">第三条信息</a> 

</li><li style="display:block;"><a style="color:#666;font-size:14px;" href=/news/index/id/"_/span/index.html>这里替换您的店铺地址" target="_blank" data-attr-replace="[{'type':'innerHTML','desc':'第四条信息内容'},{'type':'color','desc':'信息文字的颜色','style':'true'},{'type':'href','desc':'信息链接页面'}]">第四条信息</a> 

</li><li style="display:block;"><a style="color:#666;font-size:14px;" href=/news/index/id/"_/span/index.html>这里替换您的店铺地址" target="_blank" data-attr-replace="[{'type':'innerHTML','desc':'第五条信息内容'},{'type':'color','desc':'信息文字的颜色','style':'true'},{'type':'href','desc':'信息链接页面'}]">第五条信息</a></li></ul></div></div></div>

 

代码结束。

 

图中文字有底色的是需要修改的地方,请注意下。