Javascript 连续标志旋转木马

Javascript 连续标志旋转木马,javascript,html,css,carousel,Javascript,Html,Css,Carousel,我试图使这个旋转木马的标志,以不断自动运行。现在,它仍然在每个标志处暂停,然后再转到下一个标志 $(函数(){ //客户列表转盘的VAR // http://stackoverflow.com/questions/6759494/jquery-function-definition-in-a-carousel-script var$clientcarousel=$(“#客户列表”); var clients=$clientcarousel.children().length; var clie

我试图使这个旋转木马的标志,以不断自动运行。现在,它仍然在每个标志处暂停,然后再转到下一个标志

$(函数(){
//客户列表转盘的VAR
// http://stackoverflow.com/questions/6759494/jquery-function-definition-in-a-carousel-script
var$clientcarousel=$(“#客户列表”);
var clients=$clientcarousel.children().length;
var clientwidth=(clients*220);//每个客户端项的宽度为140px
$clientcarousel.css('width',clientwidth);
var=真;
var clientspeed=0;
var seeclients=setInterval(rotateClients,clientspeed);
$(文件)({
mouseenter:function(){
rotating=false;//悬停时关闭旋转
},
mouseleave:function(){
旋转=真;
}
}""客户",;
函数rotateClients(){
如果(旋转!=错误){
var$first=$(“#客户列表li:first”);
$first.animate({
“左边距”:“-220px”
},2000,函数(){
$first.remove().css({
“左边距”:“0px”
});
$(“#客户列表li:last”)。在($first)之后;
});
}
}
});
/*徽标旋转木马*/
#客户{
显示:块;
左边距:自动;
右边距:自动;
}
#客户,客户包装{
显示:块;
宽度:95%;
保证金:0自动;
溢出:隐藏;
}
#客户,客户包装{
显示:块;
列表样式:无;
位置:相对位置;
左边距:自动;
右边距:自动;
}
#客户,客户,李先生{
显示:块;
浮动:左;
位置:相对位置;
宽度:220px;
高度:100px;
线高:100px;
文本对齐:居中;
}
#客户。客户包裹ul li img{
垂直对齐:中间对齐;
最大宽度:100%;
最大高度:100%;
-webkit转换:0线性左;
-moz过渡:0线性左;
过渡:0线性左;
-ms过滤器:“progid:DXImageTransform.Microsoft.Alpha(不透明度=65)”;
过滤器:α(不透明度=65);
不透明度:0.65;
}
#客户端。客户端包裹ul li img:悬停{
-ms过滤器:“progid:DXImageTransform.Microsoft.Alpha(不透明度=100)”;
过滤器:α(不透明度=100);
不透明度:1.0;
}

您需要在

第25行:

  $first.animate({ 'margin-left': '-220px' }, 2000, "linear", function() {

小提琴可以帮助人们修改代码和验证解决方案,但您仍然需要在问题本身中发布所有相关代码。jsfiddle.com不太可能去任何地方,但它可以,至少,它可能会暂时关闭,或者小提琴本身可能会随着时间的推移而移动或删除。我发布了所有代码,供您使用相关代码编辑问题。@Chris Pratt-很抱歉,我以前从未使用过JSFIDLE,因此我不确定是否可以替换所有内容。问题已经更新。@Art Badger-谢谢!你真棒!谢谢