<div class="slides" id="id">
    <div class="slides-title">
        <p>标题</p>
        <p>标题</p>
    </div>
    <div class="slides-content">
        <div class="slides-wrap">
            <div class="slides-item">内容</div>
            <div class="slides-item">内容</div>
        </div>
    </div>
    <div class="slides-pagination">
        <span>分页按钮</span>
        <span>分页按钮</span>
    </div>
    <div class="slides-prev">上一页</div>
    <div class="slides-next">下一页</div>
</div>

J.slides.opacity({
    g:'#slides1'
});
J.slides.scroll({
    g:document.getElementById('slides1'),
    direction:'left'
});
J.slides.scroll({
    g:'#slides1',
    direction:'x',
    loop:1//循环滚动
});

J.slides({
    g:'#slides1'
}).on('init',function(){//组件初始化的时候执行的代码
    //...
}).on('switch',function(){//切换到时候执行的代码
    //...
    this.item.eq(this.oldIdx).cls('-show');//操作item的className
    this.item.eq(this.nowIdx).cls('+show');
});