Html,jsp页面滚动图片效果

<div class="label clear" id="593" >
<div class="label_head">
<div class="label_title">虹桥推荐商户</div>
<div class="link_more"><a href="#" class="more" target="_blank">更多</a></div>
</div>
<div class="label_content">
<div class="pic_list1 pic_list_roll" id="pic_list593">
<!-- shopServiceList -->
<ul class="clearfix" id="prolist593">
<%
if(shopServiceShaList!=null && shopServiceShaList.size()>0){
int shopVOCount = 0;
for(ShopVO shopVO : shopServiceShaList){
if(shopVO!=null && shopVOCount<8){
shopVOCount++;
%>

<li>

<!-- 循环调用展示信息及图片 -->

<a title="<%=shopVO.getShopName() %>" href="#"><img src="<%=shopVO.getPicture() %>"  style=' width:155px; height:100px;' alt=""/>
<p class="title"><%=shopVO.getShopName() %></p></a>
</li>
<%
}
}
}
%>
</ul>
</div>
</div>
<div class="label_foot"></div>
</div>

<script type='text/javascript'>jQuery('#pic_list593').slide({ 

<!-- 内容元素对应的父元素 -->

mainCell:'ul',

<!-- 自动播放属性：true，表示一旦页面打开就开始滚动 -->

autoPlay:true,

<!--  effect:"leftMarquee" 然后设置 opp:true，则效果为右滚动。常用于leftMarquee/topMarquee -->

effect:'leftMarquee',

<!-- 自定义市场以及一次性展示的页面个数 -->

interTime:50,vis:4  

});</script>

      </div>