页面加载后显示文本效果

时间:2012-05-23 06:43:24

标签: jquery html5 css3

我需要文字发光效果。我找到了这个位置。

http://jsfiddle.net/karim79/G3J6V/1/

但客户希望文本效果不是悬停,而是在页面加载后更改。

我不知道jquery,javascript。我花了更多时间来解决它。但我失败了。任何人都可以帮助我。

由于

4 个答案:

答案 0 :(得分:1)

在页面加载时,你可以使用document.ready像这样:

$(document).ready(function() {

    setInterval(function() {

        $(".confirm_selection").animate({
        color: "red"
        }, 2000, function() {

     $(".confirm_selection").animate({
        color: "black"
     }, 2000);        

  });

    },4010);



});​

现在它在页面加载时开始呈红色亮起。

答案 1 :(得分:1)

尝试类似http://jsfiddle.net/G3J6V/113/的内容。

$(document).ready(function() {
    setInterval(function() {
        $(".confirm_selection").animate({color: "red"}, 2000).animate({color: "black"}, 2000);
    }, 400);
});​

它使用jquery $(document).ready()所以基本上一切都加载后它会显示动画。然后我使用了setInterval()函数来重复动画。

或者我建议使用类似jQuery (window)load.()的内容。

(window).load(function(){
    setInterval(function() {
        $(".confirm_selection").animate({color: "red"}, 2000).animate({color: "black"}, 2000);
    }, 400);
});

基本上,当所有图像和一切都被加载时,它会解决这个问题。

答案 2 :(得分:0)

$(document).ready(function() {
$('.confirm_selection').animate({
    color: "red"
}, 2000) ;

$('.confirm_selection').animate({
    color: "black"
}, 2000);

});

使用$(document).ready()

答案 3 :(得分:0)

试试这个:

$(document).ready(function() {
    $(".confirm_selection").animate({
        color: "red"
    }, 2000, '', function() {
    $(".confirm_selection").animate({
        color: "black"
    }, 2000); });
});​

$(document).ready()在加载DOM时生成脚本。