jQuery的動畫字體大小爲所有兒童

得到很好的指定讓我們的代碼這行：jQuery的動畫字體大小爲所有兒童

<style type="text/css"> 
a{ 
font-size:20px; 
} 
</style> 
<div id="an" style="font-size:14px"> 
    <a style="font-size:12px;">Bla bla bla</a> 
    <p style="font-size:10px;">Bla bla bla</p> 
    <a href="#">Bla bla bla</a> 
    <!-- what ever goes here--> 
</div>

我要讓這將同時使用.animate（）jQuery庫的方法給函數動畫的所有子元素的字體大小和父元素（#an）至1.2 *的字體大小current_font_size

爲了更容易理解我寫使用功能的上述代碼

<style type="text/css"> 
a{ 
font-size:20px; 
} 
</style> 
<div id="an" style="font-size:1.2*14px"> 
    <a style="font-size:1.2*12px;">Bla bla bla</a> 
    <p style="font-size:1.2*10px;">Bla bla bla</p> 
    <a style="font-size:1.2*20px" href="#">Bla bla bla</a> 
    <!-- what ever goes here--> 
</div>

有什麼建議嗎？

來源

2011-09-03 Chris

哪裏是你的JavaScript代碼？通常情況下，你不會來到這裏，期望我們從頭開始編寫你的整個功能。如果你還沒有寫任何東西，[這是一個很好的起點]（http://api.jquery.com/animate/）。 – Sparky

我想成功，但我不知道如何.. 我知道要做以下事情，但我不想這樣做！ new_size = 1.2 * parseFloat（$（「＃an」）。css（'font-size'））; （{fontSize：new_size +「px」}，400）; – Chris

對不起克里斯... Stackoverflow是編程問題...如果你被困在寫一個函數，這裏的人願意幫忙。大多數人不願意從零開始編寫完整的函數。你必須開始某個地方... [http://www.impressivewebs.com/jquery-tutorial-for-beginners/](http://www.impressivewebs.com/jquery-tutorial-for-beginners/）。順便說一句，**爲什麼**你不想這樣做？這是JavaScript/jQuery，這是你要求我們爲你做的！ – Sparky

檢查下面的代碼。

<div id="an"> 
    <a style="font-size:12px;">Bla bla bla</a> 
    <p style="font-size:10px;">Bla bla bla</p> 
    <a style="font-size:20px" href="#">Bla bla bla</a> 
    <!-- what ever goes here--> 
</div> 

<script> 
$(function(){ 
    $("#an").children().each(function(){ 
     fontSizeValue = parseInt($(this).css('font-size'))*1.2; 
     $(this).animate({fontSize:fontSizeValue +"px"}); 
    }) 
}); 
</script>

演示：http://www.balam.in/personal/jquery-examples/animate-font.html

來源

2011-09-03 15:24:12 Bala

$("#an, #an > *").animate({ 
    fontSize: 1.2*parseFloat($("#an").css('font-size'))+"px" 
},400);

來源

2011-09-03 15:25:01

thx gion .. 這個解決方案正是我想要的.. 最後一個問題.. 你有$（）選擇器的任何鏈接嗎？我的意思是我想了解更多關於#an> *或任何你可以用這種方法做什麼.. Thx再次！ – Chris

以及jQuery依靠CSS選擇器來匹配DOM節點，所以你可以從CSS核心開始：http://www.w3.org/TR/css3-selectors/，或者你可以閱讀選擇器上的jQuery文檔：http： //api.jquery.com/category/selectors/。請注意，您可以組合大多數選擇器來構建適合您需求的查詢。 –

jQuery的動畫字體大小爲所有兒童

回答

相關問題