jQuery的淡入切换忽明忽暗（使用WordPress）

我创建一个WordPress的博客，并使用我已经选择查看下面的共享图标“很简单的Facebook Twitter分享按钮（http://wordpress.org/extend/plugins/really-simple-facebook-twitter-share-buttons/）jQuery的淡入切换忽明忽暗（使用WordPress）

在设置，后，我有一个入门页脚。该插件实际上将图标放置在入口页脚的上方，所以我必须绝对放置它们并将它们向下移动。

我想要一个隐藏图标的效果，然后当用户将鼠标悬停在共享文本上（或输入页脚本身）时，图标显示为淡入/淡出效果。我已经将所有这些排序，但当用户将鼠标悬停在图标上时，图标绝对定位，共享文本上的颜色淡化并且图标闪烁。我在共享和输入页脚处添加了填充，所以如果用户在此附近的任何地方输入鼠标，图标就会出现，但是当用户浏览图标时，显然jQuery认为他们已经离开了这个区域并且正在淡出。如果有人能帮助我解决这个问题，我将不胜感激。

下面是支持的代码：

的jQuery：

$(document).ready(function() { 
    $('.entry-footer').mouseover(function() { 
    $('.really_simple_share').fadeToggle(400); 
    }); 
});

CSS：

.entry-footer a{ 
    height:88px; 
} 

h1.share a{ 
    padding:30px 560px 40px 30px; 
    float:left; 
} 

.entry-footer a:hover { 
    color:#79b74c; 
} 

.really_simple_share { 
    position:absolute; 
    margin:44px 0px 0px 140px; 
    display:none; 
}

我也张贴在这里就与上图标的问题一个问题成为帖子的顶部和底部，并且不能在页脚内移动：http://wordpress.org/support/topic/social-icons-showing-twice-in-posts?replies=1#post-3994811

来源

2013-03-20 Shimsham84

当您将鼠标悬停在对象上时触发淡入淡出效果。这意味着如果你的鼠标停留在它上面，它将保持不变。

尝试

$(document).ready(function() { 
    $('.entry-footer').hover(function() { 
    $('.really_simple_share').fadeIn(400); 
    }, 
    function(){ 
    $('.really_simple_share').fadeOut(400); 
    }); 
});

来源

2013-03-20 11:28:22

不幸的使情况变得更糟:(。我已经试过悬停的mouseenter /鼠标悬停ect.I有一个暗示，它是作为社会图标置于在ENTR英尺，因为它们是没有嵌入到这个文件中（我帖子底部的链接当前是问是否有这样的插件的方法）。谢谢你的回答，虽然。 – Shimsham84 2013-03-20 11:38:36

我修复了一半class（入门页脚）在jQuery中共享，共享文本的颜色现在不会闪烁 – Shimsham84 2013-03-20 11:46:44

您可能会发布您的HTML，否则我无法做任何事情。 – 2013-03-20 12:00:42

jQuery的淡入切换忽明忽暗（使用WordPress）

回答

相关问题