Jquery 悬停在画廊图像效果答案

【问题标题】：Jquery Hover over gallery image effectJquery 悬停在画廊图像效果
【发布时间】：2012-02-04 10:06:46
【问题描述】：

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

但我希望我的缩略图具有悬停效果，其中一个新的颜色边框出现在图像上方，并带有文本，如下面的网站所示。

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

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

我如何用 jquery 做同样的事情？

【问题讨论】：

标签： jquery hover border effect

【解决方案1】：

这正是您要找的。p>

WP Visual Slidebox Builder

【讨论】：

用户提出问题指的是 WordPress 插件。他想用 jQuery 做同样的事情，而不是另一个 WP 插件。

【解决方案2】：

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

<!-- 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 替换为 $

无论如何，看起来他有带有图像和隐藏描述的列表元素，当您将鼠标悬停在它上面时会取消隐藏描述。

【讨论】：

它似乎不起作用。第 6 行出现某种语法错误...我该如何解决？ aemcreative.com/test/test
好吧，对于初学者来说，您似乎不小心将示例中的脚本标签复制到了 .js 文件中。如果您在 HTML 中内联 JS，则只需要
没问题，记得把你的问题标记为已回答:)