jQuery暂停类的默认效果
因此,用我的第一篇帖子(关于stackoverflow)来洗礼我自己 1) 我正在尝试创建一个暂停效果,不透明度为1,悬停效果为星星闪烁效果,但只影响确切的元素悬停(而不是整个类),因为页面上会有多个链接 2) 我不知道是应该在mouseenter上使用preventDefault()还是在mouseenter上使用类似的东西use.stop()然后mouseleave use.animate()) 3) 可以缩短以下代码以提高效率 我在这里创建了JSFIDLE: 以下是JSFIDLE中的jQuery:jQuery暂停类的默认效果,jquery,Jquery,因此,用我的第一篇帖子(关于stackoverflow)来洗礼我自己 1) 我正在尝试创建一个暂停效果,不透明度为1,悬停效果为星星闪烁效果,但只影响确切的元素悬停(而不是整个类),因为页面上会有多个链接 2) 我不知道是应该在mouseenter上使用preventDefault()还是在mouseenter上使用类似的东西use.stop()然后mouseleave use.animate()) 3) 可以缩短以下代码以提高效率 我在这里创建了JSFIDLE: 以下是JSFIDLE中的jQu
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不会妨碍您。)
(但不知道你所说的“星星闪烁效应”是什么意思。)效果很好。非常感谢,非常好用。非常感谢你。