我有一个带有上一个和下一个按钮的图像 slider 。 如何向下一个按钮添加另一个功能,以便在第二次单击时滑动更多内容?
JavaScript:
$(document).ready(function(){
var speed = 600;
$('#navNext').click(function () {
$('#carousel ul').animate({marginLeft:'-665px'}, speed);
});
$('#navPrev').click(function () {
$('#carousel ul').animate({marginLeft:'1px'}, speed);
});
});
HTML:
<a id="navNext" href="#" onclick="click(); return false"></a>
最佳答案
您可以通过使用变量来跟踪按钮被单击的次数,每当单击其他按钮时重置它,并使用该计数来决定动画的速度来实现此目的。
var nextClickCount = 0;
$('#navNext').click(function() {
nextClickCount += 1;
previousClickCount = 0;
$('#carousel ul').animate({marginLeft:'-665px'}, nextClickCount * speed);
});
var previousClickCount = 0; //...
关于javascript - 多次单击可调用多个功能的按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13829240/