您好,欢迎来到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');
}
})
})









效果如下:

Copyright © 2019- ahlxtv.com 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务