Question

所以用我的第一篇文章（在stackoverflow上）洗礼自己......

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

2）我不知道是否应该在mouseenter上使用preventDefault（）或类似于mouseenter使用.stop（）然后mouseleave使用.animate（）

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

我在这里创建了jsfiddle：https://jsfiddle.net/mikemccarson/ywumubtd/

以下是jsfiddle中的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();

Answer 1

如果这只是悬停，一个简单的CSS规则就足够了：

.homePageLinks:hover{
    opacity:1 !important;
}

（添加！重要的是确保你的javascript不会妨碍你。）（但不确定你的“明星闪烁效应”是什么意思。）

jQuery暂停类

1 个答案: