2010-09-05 22 views
2

我有一個關於規模效應快速的問題...造型jQuery的規模效應

我有一個粗的動畫我試圖完成。我有一個快速淡入,然後列表元素縮放和在屏幕上淡出:

jQuery("#page_content").fadeOut(2000, function() { 
    jQuery("#intro_animation").slideDown(2500, function() { 
     var delay_duration = 10; 

     jQuery("ul#intro_words > li").each(function(index) { 
     jQuery(this).delay(delay_duration).hide("scale", {percent: 700, origin: 'center', fade: 'hide' }, 2000); 
     delay_duration += 2000; 
     }); 

     jQuery("#intro_animation").delay(delay_duration).slideUp(2500, function() { 
     jQuery("#page_content").fadeIn(2000); 
     }); 
    }); 
    }); 

我的問題是在造型受影響的文本元素,他們得到在右手側截止。有誰知道會阻止文本被切斷的解決方案嗎?

+0

郵政的例子一個鏈接,這樣我們就可以看到你的標籤太 – 2010-09-05 00:46:27

+0

想我想通了...不知道,如果你知道一個更好的解決方案。 – sshefer 2010-09-05 03:19:00

回答

0

我想我想通了......它不是100%居中(更像99%),但似乎沒有得到文本切斷工作。

ul#intro_words > .ui-effects-wrapper > li { 
    list-style-image: none; 
    list-style-type: none; 
    list-style-position: outside; 
    margin: 0 auto; 
    padding: 0 40px; 
    text-indent: -20px; 
} 
+0

如果您刪除填充。它將以 – tom 2010-09-05 09:22:41

+0

爲中心這不是它沒有居中 - 它是。隨着文本縮放,右側被切斷。 – sshefer 2010-09-07 17:31:42