jQuery悬停在图库图像效果上

Question

我是jquery新手。 我在要模仿的网站上找到了一个灯箱画廊。 我知道如何在此处使用标准灯箱代码http://leandrovieira.com/projects/jquery/lightbox/

但我希望我的缩略图具有悬停效果，其中新的彩色边框会在图像上方显示文本，就像下面的网站一样。

此处显示http://wozcreative.com/

这是一个带有插件的wordpress网站。

我该如何使用jquery？

Answer 1

您的答案似乎在相关页面的代码中

<!-- Portfolio Effect Script -->
    <script type="text/javascript">
        jQuery(function(){
            jQuery('#portfolio li', this ).mouseenter(function() {
                jQuery('.description', this).slideDown('fast');
         });
         jQuery('#portfolio li', this ).mouseleave(function() {
                 jQuery('.description', this).slideUp('fast');
             });
         });
    </script>

我不确定他为什么要显式调用JQuery（我认为这是因为他也在使用yui），但是您可以将JQuery替换为$

无论如何，当您将鼠标悬停在其上时，看起来他具有带有图像和隐藏说明的列表元素。

Answer 2

这正是您想要的。

WP Visual Slidebox生成器