2012-11-22 39 views
1

我有一个div与其中的一些链接。我试图在页面加载(准备就绪)时通过所有链接创建动态颜色更改。换句话说,我希望每个链接都从白色变成橙色,然后再变成白色。例如,加载页面时,链接'第一'闪烁橙色,并转到链接'第二',闪烁并转到链接'第三',以此类推对于该div内的所有链接。动态链接颜色动画

如果我使用“悬停”,这:

$(this).animate({ color: "#F50" }, 400); 
},function() { 
$(this).animate({ color: "#FFFFFF" }, 600); 
}); 

它会做我想做的事情,但需要盘旋。我希望它可以在有人进入网站时自动执行。

<div id="menu"> 
     <a class="first" href="#"> 
     <a class="second" href="#"> 
     <a class="third" href="#"> 
    </div> 

你有什么想法,我该怎么做这样的事情? 谢谢, ^ h

回答

0
$("a").delay(1000).ready(function() { 
$(".home").delay(500).animate({ color: "#F50" }, 800) 
$(".home").animate({ color: "#CCCCCC" }, 1200); 

$(".beauty").delay(1000).animate({ color: "#F50" }, 800) 
$(".beauty").animate({ color: "#CCCCCC" }, 1200); 

$("#about").delay(1500).animate({ color: "#F50" }, 800) 
$("#about").animate({ color: "#CCCCCC" }, 1200); 

于是我就跟着做事情的一个简单的手工方式。