我用 jQuery 创建了一个非常基本的滑块。有两个箭头,分别称为 .theleft 和 .theright,它们在单击时会移动一些 div 内容,因此一个充满图像的水平画廊会在 950 像素的范围内左右移动。这是代码:
$(".theright").click(function() {
$(".mymove").animate({
left: "-=950px",
}, 1500 );
});
$(".theleft").click(function() {
$(".mymove").animate({
left: "+=950px",
}, 1500 );
});
HTML 非常简单:
<div class="mymove" style="position:relative">
<ul>
<li>
<img src="" title="" alt="">
</li>
<li>
<img src="" title="" alt="">
</li>
<li>
<img src="" title="" alt="">
</li>
<li>
<img src="" title="" alt="">
</li>
</ul>
</div>
我的问题是,当页面加载时,如果我做的第一件事是点击左箭头,画廊就会离开视口在右侧迷路,也就是说,我还没有找到“限制”滑块的方法行动...
你知道有什么方法可以改善吗?
非常感谢。