当我将鼠标悬停在div上时,我会发射几个特效。问题是div还有伪元素::after,它使用内容CSS规则用一个虚拟元素(播放按钮)填充div。
当我悬停div的任何部分而不是::after元素所在的空间时,我的悬停效果就会起作用。
简单地说,我想知道是否有一种方法可以使用jQuery指向::after元素。我曾尝试将::after元素定义为一个名为"play“的变量,但也没有成功。这是我的脚本:
var play = $('a.image-wrap::after');
$(".image-holder, .big-headline a, .small-head
这是我的问题孩子:
jQuery(document).ready(function() {
var a = jQuery('img[title*="after"]');
a.parents('dl.gallery-item').addClass('after');
a.addClass('after');
var b = jQuery('img[title*="before"]');
b.parents('dl.gallery-it
我有几个带有CSS动画的气泡div。使用jQuery,我想在悬停时停止动画,当用户不再悬停时继续运行。
Chrome中的所有东西都运行得很好,但是Firefox决定在暂停它之前先把泡沫弄坏。在暂停之前,它看起来是首先重置了气泡动画。
这是
我用来暂停它的唯一代码是:
// Set the hover and hoverOut
jQuery('.bubble').hover(function () {
// Pause the CSS animation
jQuery(this).css('-webkit-animation-play-state'
我基本上希望按钮保持悬停css样式,而不管其他任何活动,而不是回到正常风格。请帮帮忙!
$(function() {
var clickCount = 0;
$('.menu').click(function() {
if (clickCount % 2 == 0) {
//do when open
$('#css-menu').css({right: '0'});
}else{
//do when