linux播放幻灯片软件,jQuery实现的简易幻灯片轮播

jQuery Easy Slider

* {

margin: 0;

padding: 0;

}

img {

border: none;

}

#slider {

overflow: hidden;

width: 220px;

height: 160px;

border: 3px solid #EEE;

padding: 1px;

margin: 60px auto 0;

}

#slider li {

position: relative;

left: 0;

top: 0;

list-style: none;

}

function slider(id) {

var fir = $(id + ' li:first');

fir.addClass("active");

$(id + ' li').not(':first').hide();

setInterval(function () {

var act = $(id + ' li.active');

if(act.next().val() != undefined) {

act.hide(0, function() {

act.next().show();

act.removeClass('active');

act.next().addClass('active');

});

} else {

act.hide(0, function() {

fir.show();

act.removeClass('active');

fir.addClass('active');

});

}

}, 2000);

}

$(document).ready(function() {

slider('#slider');

});

• 
• 
• 
•