newdot=String()
               + '<div class="ss-mainblock-dot" id="'+dot.cid+'">'
                 + '<div class="ss-mainblock-dot-'+iseven+'">'
                   + '<img class="ss-mainblock-dot-pic" src="media/pic/'+dot.pic+'.png" height="100%" width="100%"></img>'
                   + '<div class="ss-mainblock-dot-imgbg">' 
                     + '<div class="ss-mainblock-dot-text">'+dot.name+'</div>'
                   + '</div>'  
                 + '</div>'
               + '</div>';
                
         
        jqueryMap.$main.append(newdot);           configMap.time =  Math.random()*100;
        $("#"+dot.cid +" .ss-mainblock-dot-pic").css({' -webkit-animation-delay':configMap.time+'s','animation-delay':configMap.time+'s'});

解决方案 »

  1.   

    我早上其实已经做到这一步了   但是这样改的话所有的animation还是会同时开始【应该说是delay没有被设置到,从第0秒开始我手动写$("#d1_1  .ss-mainblock-dot-pic").css({' -webkit-animation-delay':configMap.time+'s','animation-delay':configMap.time+'s'});的话第一个点就会分开开始这是为什么呢。。