AH科技网
您的当前位置:首页基于jQuery实现图片的前进与后退功能_jquery

基于jQuery实现图片的前进与后退功能_jquery

来源:AH科技网
 代码如下:








$(function () {
var array = [1, 2, 3, 4, 5, 6];
var count = 0;
//后退
$('#Button1').click(function () {
if (count > 0) {
count--;
$('img').attr('src', 'images/' + array[count] + '.jpg');
}
})
//前进
$('#Button2').click(function () {
if (count < 5) {
count++;
$('img').attr('src', 'images/' + array[count] + '.jpg');
}
})
})









效果如下:
显示全文