<script type="text/javascript"src="…/jquery.js"></script>
<script type="text/javascript"src="…/jcarousellite.js"></script>
<!-- Optional -->
<script type="text/javascript"src="…/easing.js"></script>
<script type="text/javascript"src="…/mousewheel.js"></script>
$(function() {
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev"
});
});
<buttonclass="prev"><<</button>
<button class="next">>></button>
<div class="anyClass">
<ul>
<li><img src="someimage" alt=""width="100" height="100" ></li>
.........
</ul>
</div>
参数:
btnPrev
btnNext
btnGo
afterEnd
beforeStart
scroll
visible 页面显示的图片个数。
circular 是否循环。
mouseWheel
auto
speed
easing
注意:不要设置ul 、li格式。
如果li中有多个内容,用一个div包起来。
Button标签可换为a标签或其它
实现页面滑动效果
最新推荐文章于 2023-08-02 11:30:08 发布