类似这样轮播，往左不停滑动出现下一个文章怎么写代码；
我的思想：
<div class="witSlide">
<div class="bd">
<ul>
<li class="item1">
{eyou:arclist typeid='35' orderby='rand' row='1'}
<div class="txt">
<h4><a href="{$field.arcurl}">{$field.title}</a></h4>
<p>{$field.seo_description}...</p>
<a href="{$field.arcurl}" class="see">查看详情</a> </div>
<a href="{$field.arcurl}" class="pic"><img src="{$field.litpic}" alt="{$field.title}'>{$field.title}"></a> </li>
{/eyou:arclist}
<li class="item2">
{eyou:arclist typeid='35' orderby='rand' row='1'}
<div class="txt">
<h4><a href="{$field.arcurl}">{$field.title}</a></h4>
<p>{$field.seo_description}...</p>
<a href="{$field.arcurl}" class="see">查看详情</a> </div>
<a href="{$field.arcurl}" class="pic"><img src="{$field.litpic}" alt="{$field.title}'>{$field.title}"></a> </li>
{/eyou:arclist}
<li class="item3">
{eyou:arclist typeid='35' orderby='rand' row='1'}
<div class="txt">
<h4><a href="{$field.arcurl}">{$field.title}</a></h4>
<p>{$field.seo_description}...</p>
<a href="{$field.arcurl}" class="see">查看详情</a> </div>
<a href="{$field.arcurl}" class="pic"><img src="{$field.litpic}" alt="{$field.title}'>{$field.title}"></a> </li>
{/eyou:arclist}
</ul>
</div>
</div>
但是问题就是每次只能读3篇文章，而且积极容易一个页面出现重复文章
