Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jQuery暂停类的默认效果_Jquery - Fatal编程技术网

jQuery暂停类的默认效果

jQuery暂停类的默认效果,jquery,Jquery,因此,用我的第一篇帖子(关于stackoverflow)来洗礼我自己 1) 我正在尝试创建一个暂停效果,不透明度为1,悬停效果为星星闪烁效果,但只影响确切的元素悬停(而不是整个类),因为页面上会有多个链接 2) 我不知道是应该在mouseenter上使用preventDefault()还是在mouseenter上使用类似的东西use.stop()然后mouseleave use.animate()) 3) 可以缩短以下代码以提高效率 我在这里创建了JSFIDLE: 以下是JSFIDLE中的jQu

因此,用我的第一篇帖子(关于stackoverflow)来洗礼我自己

1) 我正在尝试创建一个暂停效果,不透明度为1,悬停效果为星星闪烁效果,但只影响确切的元素悬停(而不是整个类),因为页面上会有多个链接

2) 我不知道是应该在mouseenter上使用preventDefault()还是在mouseenter上使用类似的东西use.stop()然后mouseleave use.animate())

3) 可以缩短以下代码以提高效率

我在这里创建了JSFIDLE:

以下是JSFIDLE中的jQuery:

var slowTwinkle = $('.twinkleStarText');


        $('#starUv').delay(50);
        $('#starWorm').delay(500);
        $('#starBlack').delay(1550);
        $('#starNeb').delay(3340);
        $('#starRegister').delay(2350);

function twinkleSlow() {
            slowTwinkle.animate({ opacity: '+=1' }, 500);
            slowTwinkle.animate({ opacity: '=1' }, 700);
            slowTwinkle.animate({ opacity: '-=0.5' }, 500, twinkleSlow);
        }

    twinkleSlow();

如果这只是关于悬停,那么一个简单的css规则就足够了:

.homePageLinks:hover{
    opacity:1 !important;
}
(添加!重要的是确保javascript不会妨碍您。)
(不知道你所说的“星星闪烁效应”是什么意思。)

如果这只是关于悬停,一个简单的css规则就足够了:

.homePageLinks:hover{
    opacity:1 !important;
}
(添加!重要的是确保javascript不会妨碍您。)
(但不知道你所说的“星星闪烁效应”是什么意思。)

效果很好。非常感谢,非常好用。非常感谢你。