小编Gly*_*yph的帖子

我试图找到一个简短的代码,使我能够添加一个'Pin It'(Pinterest),文本链接到我的wordpress博客.我只想要一个文本链接.我不想使用他们提供代码的图形按钮,这使得这很棘手.

使用Facebook和Twitter非常简单.例如:

<a href="http://www.facebook.com/share.php?u=<?php echo get_permalink() ?>" title="Share on Facebook" target="_blank">Facebook,</a>

<a href="http://twitter.com/home?status=Currently reading <?php the_permalink(); ?>" title="Share on Twitter" target="_blank">Twitter,</a>

有没有人知道如何为Pinterest使用类似的代码行？任何指导表示赞赏.

大家好,希望有人可以帮助我.

我在页面上有一系列照片,当您将鼠标悬停在页面上时,白色的效果渐渐消失,标题和说明会显示在其上方.

我遇到的问题是,如果我将鼠标悬停在文本区域上,则白色效果会再次淡出.这是一个奇怪的闪烁问题.

我需要它才能工作,这样无论你在哪里悬停在图像上,它总是保持着色,然而当它关闭时它又回到了正常的图像.

我正在努力学习编码,所以对我来说很光.我在其他帖子中发现了类似的问题,但无法确定他们的建议如何应用于我的代码.

我的代码如下.

$('div.project-image a img').mouseover(function() {
    $('div.hover').css('filter', 'alpha(opacity=70)');
            $('div.hover', $(this).parent().parent()).fadeIn(500);
});
    $('div.hover').mouseout(function() {
    $('div.hover').css('filter', 'alpha(opacity=70)');
    $('div.hover', $(this).parent().parent()).fadeOut(500);
});
    $('div.hover').bind('click', function(e) {
    window.location = $(this).parent().children('a').attr('href');

});

使用的CSS样式是:

#content div.project-image (styles the image area)
#content div.hover (displays the white tinted image)
#content div.hover h1 (styles the title)
#content div.hover p (styles the description)