Question

我是jquery的新手。我在网站上找到了一个我要模仿的灯箱库。我知道如何在http://leandrovieira.com/projects/jquery/lightbox/

使用标准灯箱代码

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

这是一个带插件的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 Builder

Jquery悬停在图库图像效果上

2 个答案: