jQuery怎么实现从第一张到最后一张的平滑过渡效果
从最后一张到第一张的效果以实现,具体的原理我也懂了,就是代码写写不出来,希望有懂得帮忙修改//上一页按钮$("#areaOneAdFocus.pre").click(fu...
从最后一张到第一张的效果以实现,具体的原理我也懂了,就是代码写写不出来,希望有懂得帮忙修改
//上一页按钮
$("#areaOneAdFocus .pre").click(function() {
index --;
if(index == -1) {index=len-1; showLastPic();}else{
showPics(index);}
});
//下一页按钮
$("#areaOneAdFocus .next").click(function() {
index ++;
if(index == len) {showFirPic();index=0;}else{
showPics(index);}
});
function showFirPic()
{ //最后一张图自动切换到第一张图时专用
$("#areaOneAdFocus ul").append($("#areaOneAdFocus ul li:first").clone());
//通过li元素个数计算ul元素的left值,也就是最后一个li元素的右边
var nowLeft = -len * sWidth;
$("#areaOneAdFocus ul").stop(true, false)
.animate({ "left": nowLeft }, 500, function () {
//通过callback,在动画结束后把ul元素重新定位到起点,然后删除最后一个复制过去的元素
$("#areaOneAdFocus ul").css("left", "0");
$("#areaOneAdFocus ul li:last").remove();
});
$("#areaOneAdFocus .btn span").removeClass("on").eq(0).addClass("on"); //为第一个按钮添加选中的效果
}
function showLasPic()
。。。。。。。。。。{ //第一张图自动切换到最后一张图时专用
$("#areaOneAdFocus ul").prepend($("#areaOneAdFocus ul li:last").clone());
//通过li元素个数计算ul元素的left值,也就是最后一个li元素的右边
var nowleft = len * sWidth;
$("#areaOneAdFocus ul").stop(true, false)
.animate({ "left": nowleft}, 500, function () {
//通过callback,在动画结束后把ul元素重新定位到起点,然后删除最后一个复制过去的元素
$("#areaOneAdFocus ul").css("left", nowleft);
$("#areaOneAdFocus ul li:first").remove();
});
$("#areaOneAdFocus .btn span").removeClass("on").eq(len-1).addClass("on"); //为第一个按钮添加选中的效果
}。。。。。。。。。 展开
//上一页按钮
$("#areaOneAdFocus .pre").click(function() {
index --;
if(index == -1) {index=len-1; showLastPic();}else{
showPics(index);}
});
//下一页按钮
$("#areaOneAdFocus .next").click(function() {
index ++;
if(index == len) {showFirPic();index=0;}else{
showPics(index);}
});
function showFirPic()
{ //最后一张图自动切换到第一张图时专用
$("#areaOneAdFocus ul").append($("#areaOneAdFocus ul li:first").clone());
//通过li元素个数计算ul元素的left值,也就是最后一个li元素的右边
var nowLeft = -len * sWidth;
$("#areaOneAdFocus ul").stop(true, false)
.animate({ "left": nowLeft }, 500, function () {
//通过callback,在动画结束后把ul元素重新定位到起点,然后删除最后一个复制过去的元素
$("#areaOneAdFocus ul").css("left", "0");
$("#areaOneAdFocus ul li:last").remove();
});
$("#areaOneAdFocus .btn span").removeClass("on").eq(0).addClass("on"); //为第一个按钮添加选中的效果
}
function showLasPic()
。。。。。。。。。。{ //第一张图自动切换到最后一张图时专用
$("#areaOneAdFocus ul").prepend($("#areaOneAdFocus ul li:last").clone());
//通过li元素个数计算ul元素的left值,也就是最后一个li元素的右边
var nowleft = len * sWidth;
$("#areaOneAdFocus ul").stop(true, false)
.animate({ "left": nowleft}, 500, function () {
//通过callback,在动画结束后把ul元素重新定位到起点,然后删除最后一个复制过去的元素
$("#areaOneAdFocus ul").css("left", nowleft);
$("#areaOneAdFocus ul li:first").remove();
});
$("#areaOneAdFocus .btn span").removeClass("on").eq(len-1).addClass("on"); //为第一个按钮添加选中的效果
}。。。。。。。。。 展开
- 你的回答被采纳后将获得:
- 系统奖励15(财富值+成长值)+难题奖励30(财富值+成长值)
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询