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的动画字体大小为所有儿童

回答

相关问题