
HTML
<div class="box-slider" id="sucaihuo">
<a href="#" class="box-slider-seta-up"></a>
<div class="box-slider-content">
<div class="box-slider-move">
<div class="item"><span></span></div>
<div class="item"><span></span></div>
......
<div class="item last-item"><span></span></div>
</div>
</div>
<a href="#" class="box-slider-seta-down"></a>
</div> 引入jquery库和boxSlider插件
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery-boxSlider.js"></script> 演示一:垂直/竖向
$(function() {
$('#sucaihuo').boxSlider({
orientation: 'vertical',
});
}); 演示一:水平/横向
$(function() { $("#sucaihuo").boxSlider({ orientation: 'horizontal', speed: 3 });});
演示三:回调函数
$(function() {
$("#sucaihuo").boxSlider({
orientation: 'horizontal',
speed: 3,
added: function() {
alert('初始化完成')
}
});
}); *
回帖描述:*
链接类型:*
下载链接:*
描述:*
回帖描述:*
链接类型:*
阅读权限:*
下载链接:



聚优部落技术论坛 © 版权所有 鲁ICP备15007479号-6
Copyright(C)web.com, All Rights Reserved.
