老师实验指导书中给了这样一段代码
html:
实验2
js:
$.fn.slider = function () {
$(this).addClass('slider');
var id = $(this).attr('id');
var lis = $('.slider ul li');
var len = lis.length;
var w = $('.slider').width();
var h = $('.slider').height();
$(lis).addClass('slideitem').each( function (i) {
$(this).css({left: !i ? 0 : w, top: -i * h, 'z-index':i});
$(this).append("<div class='tag'>" + $(this).data('title') + "</div>");
});
var q = [];
var i;
for (i = 2; i <= len; ++i)
q.push(i);
q.push(1);
$('#li1').addClass('cur');
setInterval(function(){
var cur = q.shift();
var zz = len;
for (x in q)
{
var liid = '#li' + q[x];
$(liid).css({'z-index': zz--});
}
q.push(cur);
var liid = '#li' + cur;
$('.cur').animate({left: -w}, 500);
$(liid).animate({left: 0}, 500, function () {
$('.cur').removeClass('cur').css({left: w, 'z-index': 0});
$(this).addClass('cur');
})
}, 2000);
}
运行之后只能看见一张图片在轮播,求教