站长/店长常用代码：[1]闪动公告代码编写

公告模板是网站和淘宝店铺都常用的板块，公告代码也有各种形式，本次分享的闪动代码是指公告显示框每次只会显示一条公告，并按指定的时间间隔循环轮番公告的代码。

方法/步骤

代码：

<style>

#Marquee{ height:16px; overflow:hidden;}

#Marquee div{  height:16px;}

</style>

  <div id="Marquee">

<div style="width: 305px; height: 15px">输入公告一文字：不要换行</div>

<div style="width: 305px; height: 15px">输入公告二文字：不要换行</div>

</div>

<script>

var Mar = document.getElementById("Marquee");

var child_div=Mar.getElementsByTagName("div")

var picH = 20;//（移动高度）

var scrollstep=1;//（移动步幅,越大越快）

var scrolltime=50;//（移动频度(毫秒)越大越慢）

var stoptime=5000;//（间断时间/毫秒 ）

var tmpH = 0;

Mar.innerHTML += Mar.innerHTML;

function start(){

if(tmpH < picH){

tmpH += scrollstep;

if(tmpH > picH )tmpH = picH ;

Mar.scrollTop = tmpH;

setTimeout(start,scrolltime);

}else{

tmpH = 0;

Mar.appendChild(child_div[0]);

Mar.scrollTop = 0;

setTimeout(start,stoptime);

}

}

onload=function(){setTimeout(start,stoptime)};

</script>

修改内容：

对以下代码内的文字进行修改即可，如果需要添加更多公告，复制粘贴该代码即可

<div style="width: 305px; height: 15px">输入公告一文字：不要换行</div>

width: 305px; height: 15px 分别为公告栏显示的宽度和高度，根据需求修改

修改效果：

根据以下代码后的文字对数字进行修改即可，文字只是指示性文字，不会显示。

var picH = 20;//（移动高度）

var scrollstep=1;//（移动步幅,越大越快）

var scrolltime=50;//（移动频度(毫秒)越大越慢）

var stoptime=5000;//（间断时间/毫秒 ）

注意事项

该代码在新版淘宝旺铺中会被屏蔽，无法正常显示，需要购买模板才可以使用。