您的位置:首页 > 编程语言

图片列表横向切换代码

2014-03-29 12:00 141 查看
//图片列表横向切换
var PicnewsItem=0;
function PicnewsGo(){
var $picnews_ul=$("#picnews_ul");
var LiLength=$picnews_ul.find("li").length;
var LiWidth=198;
$picnews_ul.width(LiLength*LiWidth);
var maxItem= LiLength;
$("#picnews_left").click(function(){
if($picnews_ul.is(":animated")){return;}
if(PicnewsItem>0){
PicnewsItem--;
$picnews_ul.animate({marginLeft:(PicnewsItem*1*LiWidth*-1)},1000);
}
});
$("#picnews_right").click(function(){
if($picnews_ul.is(":animated")){return;}
if(PicnewsItem<maxItem){
PicnewsItem++;
$picnews_ul.animate({marginLeft:(PicnewsItem*1*LiWidth*-1)},1000);
}
});

setInterval(AutoPicnews, "3000");

function AutoPicnews(){
if(PicnewsItem<maxItem-3){
PicnewsItem++;
$picnews_ul.animate({marginLeft:(PicnewsItem*1*LiWidth*-1)},1000);
}else{
PicnewsItem=0;
$picnews_ul.animate({marginLeft:0},1000);
}
}

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: