本文实例介绍了js焦点图片层叠轮播切换滚动效果,分享给大家供大家参考,具体内容如下
效果图:
功能描述:
详细代码:
HTML代码:
<Meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
@H_301_46@
<p class="next">>
<ul id = "largerImages">
<p class="prevIoUs"><
<p class="next">>
主播昵称
主播昵称
主播昵称
主播昵称
主播昵称
<script type="text/javascript" src="../../lib/seajs/sea.js">
<script type="text/javascript" src="../../lib/base/1.0.x/base.js">
<script type="text/javascript">
seajs.use(['lib/jquery/1.11.x/index.js','_example/rotateBox/index.js'],function($,carousel) {
carousel.init({
wapper: $('#largerImages'),//所有图片以此来按比例定义宽高
imgWidth: 450,imgHeight: 300,spacing: {
left: 60,//每张图片左边距离相差多少
top: 30,//每张图片顶部距离相差多少
width: 60,//每张图片宽度相差多少
height: 60 //每张图片高度相差多少
}
});
});