淘宝公告栏滚动代码

以下是一个实用的淘宝店铺公告栏滚动效果代码，可以直接应用到您的淘宝店铺装修中：

基础滚动公告代码

<marquee behavior="scroll" direction="left" scrollamount="3" onmouseover="this.stop()" onmouseout="this.start()">
	  这里是您的公告内容，可以替换为您需要的文字。鼠标悬停时停止滚动，移开时继续滚动。
	</marquee>
	

带样式的滚动公告代码

<div style="width:100%; height:30px; line-height:30px; background:#F5F5F5; border:1px solid #EEE; overflow:hidden;">
	  <marquee behavior="scroll" direction="left" scrollamount="3" style="color:#FF3300; font-weight:bold;" onmouseover="this.stop()" onmouseout="this.start()">
	    ★★★★★ 店铺公告：新品上市，全场满199减20，优惠券限时领取！ ★★★★★
	  </marquee>
	</div>
	

上下滚动公告代码

<div style="width:100%; height:80px; overflow:hidden; border:1px solid #EEE; background:#FFF8F0;">
	  <marquee behavior="scroll" direction="up" scrollamount="2" height="80" onmouseover="this.stop()" onmouseout="this.start()">
	    <div style="padding:5px;">● 最新公告：春节期间发货时间调整</div>
	    <div style="padding:5px;">● 新品上市：春季新款女装到货</div>
	    <div style="padding:5px;">● 优惠活动：满299减30，优惠券限时领取</div>
	  </marquee>
	</div>
	

参数说明

• behavior: 滚动方式(scroll-循环滚动, slide-滚动一次停止, alternate-来回滚动)
• direction: 滚动方向(left, right, up, down)
• scrollamount: 滚动速度(数值越大越快)
• onmouseover="this.stop()": 鼠标悬停时停止滚动
• onmouseout="this.start()": 鼠标移开时继续滚动

使用提示

1. 登录淘宝卖家中心，进入"店铺装修"
2. 添加"自定义内容区"模块
3. 点击"源码"按钮(<>图标)
4. 粘贴上述代码
5. 修改文字内容为您需要的公告信息
6. 可以调整颜色、大小等样式参数以适应您的店铺风格

注意：淘宝可能会不定期更新装修规则，如代码失效请根据最新规则调整。