console
need("biz.scroll",function(s){
s.init({
conId:'rollbox_ad',
frameWidth:'590',
pageSpace:'590',
autoPlay:true,
position:'left',
autoPlayTime:'2',
dotListId:'do'
});
})
<div class="content-ads">
<div class="demo-item">
<div id="rollbox_ad">
<ul class="p-show">
<li><img src="http://ossweb-img.qq.com/images/igame/lolmatch/banner.jpg" width="590" height="240" alt=" " /></li>
<li><img src="http://ossweb-img.qq.com/images/igame/lolmatch/banner.jpg" width="590" height="240" alt=" " /></li>
<li><img src="http://ossweb-img.qq.com/images/igame/lolmatch/banner.jpg" width="590" height="240" alt=" " /></li>
</ul>
</div>
<div id="do" class="do"></div>
</div>
</div>
* { margin:0; padding:0}
.content-ads
{ width:590px;height:240px; float:left}
.demo-item
{float:left; width:590px; height:240px; display:block; overflow:hidden; position:relative;}
.demo-item li
{float:left; width:590px; height:240px; display:block; overflow:hidden}
.do{position:absolute; bottom:12px; right:12px; overflow:hidden; zoom:1;}
.do:after
{content:"."; display:block; height:0; clear:both; visibility:hidden;}
.do span
{background:#aaaaaa; float:left; width:20px; height:7px; display:block; overflow:hidden; text-indent:-9999px; cursor:pointer; cursor:hand; border:1px solid #d0d0d0; margin-right:8px;}
.do span.dotItem
{background:#f96400; border:1px solid #d0d0d0;}