怎么在这个JQ轮播上加自动滚动

HTML:<divclass="picScroll"><divclass="title10">{tag_首页第四行栏目}</div><!--<divclass="t_1"... HTML:
<div class="picScroll">
<div class="title10">{tag_首页第四行栏目}</div>
<!--<div class="t_1">{tag_首页第四行栏目}</div>-->
<ul class="clear list_img_1">
{tag_首页第四行栏目图片6条}
</ul>

<a class="prev" href="javascript:void(0)"></a>
<a class="next" href="javascript:void(0)"></a>
</div>
<!-- 滚动图片 -->
<script type="text/javascript">
jQuery(".picScroll").slide({ mainCell:"ul", effect:"leftLoop", vis:4, scroll:2, autoPage:true, switchLoad:"_src" });
</script>
<div class="blank30"></div>
</div>

CSS:
/* ======= 滚动图片 =========*/
.picScroll{ margin:0px auto; position:relative; width:990px; padding:10px 0 10px 0px;overflow:hidden; }
.picScroll .prev,
.picScroll .next{ display:block; position:absolute; top:100px;_top:25%; margin-top:11px; left:5px; width:50px; height:50px; background:url(../images/base/btns.png) no-repeat; }
.picScroll .next{ left:auto; right:5px; background-position:-50px 0; }
.picScroll .prev:hover{ background-position:0 -50px; }
.picScroll .next:hover{ background-position:-50px -50px; }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll ul li{float:left; overflow:hidden;margin-left:5px;}
.picScroll ul li img{width:240px;}
/*/滚动图片*/
展开
 我来答
happyWorkXiaoXu
2017-05-26 · TA获得超过614个赞
知道小有建树答主
回答量:313
采纳率:100%
帮助的人:146万
展开全部

看代码的格式是使用的jquery superslide插件,直接添加一个autoPlay:true参数就行了; JS部分的修改如下:

<!-- 滚动图片 -->
<script type="text/javascript">
jQuery(".picScroll").slide({ 
    mainCell:"ul", 
    effect:"leftLoop", 
    vis:4, 
    scroll:2, 
    autoPage:true, 
    switchLoad:"_src",
    autoPlay:true
    });
</script>
深圳市容大彩晶科技有限公司
2024-11-15 广告
广告机代理优选容大彩晶,深圳市容大彩晶科技有限公司自2007年成立伊始,一直专注于液晶商用显示产品的技术研发及产品服务。公司依托具有自主研发能力、创新高效的技术团队,打造出行业优质商用液晶显示设备。容大彩晶产品涵盖商用液晶显示、多媒体广告机... 点击进入详情页
本回答由深圳市容大彩晶科技有限公司提供
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式