代刷网商品滚动代码,效果图:
代码如下:
<!--滚动公告--> <div class="col-xs-12 well well-sm"><center><script> var marqueeContent=new Array(); //滚动新闻 marqueeContent[0]='<font color="#0000CC">线报:</font><a href="http://www.dsw18.cn/blog/?p=1039">无成本撸5-10元,10秒完成!<font color="#ff3030">【点击查看】</font></a><br>'; marqueeContent[1]='<font color="#0000CC">活动:</font><a href="/?cid=87&tid=1094">年费超级会员 70元!<font color="#ff3030">【点我购买】</font></a><br>'; marqueeContent[2]='<font color="#0000CC">推荐:</font><a href="/?cid=80">精品7 8 9 10位数QQ号码<font color="#ff3030">【点我购买】</font></a><br>'; marqueeContent[3]='<font color="#0000CC">热销:</font><a href="/?cid=2">永久QQ钻低价促销中!<font color="#ff3030">【点我购买】</font></a><br>'; marqueeContent[4]='<font color="#0000CC">推荐:</font><a href="/?cid=10"> 空间说说赞/队形/秒单中<font color="#ff3030">【点我购买】</font></a><br>'; marqueeContent[5]='<font color="#0000CC">推荐:</font><a href="/?cid=67">王者荣耀代练、人气值<font color="#ff3030">【点我购买】</font></a><br>'; var marqueeInterval=new Array(); //定义一些常用而且要经常用到的变量 var marqueeId=0; var marqueeDelay=5000; var marqueeHeight=20; //接下来的是定义一些要使用到的函数 function initMarquee() { var str=marqueeContent[0]; document.write('<div id=marqueeBox style="overflow:hidden;height:'+marqueeHeight+'px" onmouseover="clearInterval(marqueeInterval[0])" onmouseout="marqueeInterval[0]=setInterval(\'startMarquee()\',marqueeDelay)"><div>'+str+'</div></div>'); marqueeId++; marqueeInterval[0]=setInterval("startMarquee()",marqueeDelay); } function startMarquee() { var str=marqueeContent[marqueeId]; marqueeId++; if(marqueeId>=marqueeContent.length) marqueeId=0; if(marqueeBox.childNodes.length==1) { var nextLine=document.createElement('DIV'); nextLine.innerHTML=str; marqueeBox.appendChild(nextLine); } else { marqueeBox.childNodes[0].innerHTML=str; marqueeBox.appendChild(marqueeBox.childNodes[0]); marqueeBox.scrollTop=0; } clearInterval(marqueeInterval[1]); marqueeInterval[1]=setInterval("scrollMarquee()",20); } function scrollMarquee() { marqueeBox.scrollTop++; if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){ clearInterval(marqueeInterval[1]); } } initMarquee(); </script></center></div> <!--滚动公告-->
将上面代码复制到首页模板文件中保存即可,注意修改代码中的商品链接哦。