Jquery將鼠標懸停在圖片庫效果上

我是jquery的新手。我在網站上找到了一個我想模仿的燈箱畫廊。我知道如何使用這裏的標準燈箱代碼http://leandrovieira.com/projects/jquery/lightbox/Jquery將鼠標懸停在圖片庫效果上

但我希望我的縮略圖具有懸停效果，其中新的顏色邊框在圖像上方出現文字，就像下面的網站一樣。

所示。這是一個WordPress網站與插件。

我該如何做與jQuery相同？

2012-01-06 Amy Mauriello

它看起來像你的答案是在頁面的代碼有問題

<!-- 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與$

無論如何，它看起來像他有圖像和隱藏的描述的列表元素，當你將鼠標放在它上面，取消隱藏描述。

來源

2012-01-06 17:57:49 Matt

它似乎沒有工作。第6行有一些語法錯誤...我該如何解決這個問題？ http://aemcreative.com/test/test – 2012-01-06 18:27:21

對於初學者來說，它看起來像是意外地將示例中的腳本標記複製到了.js文件中。如果您在HTML中內聯JS，則只需要

這正是你正在尋找的。

WP Visual Slidebox Builder

來源

2014-03-05 00:50:38 ecorvo

用戶提問的問題指的是一個WordPress插件。他想用jQuery來做同樣的事情，而不是另一個WP插件。 – user13500 2014-03-05 01:17:14

相關問題

Jquery將鼠標懸停在圖片庫效果上

回答

相關問題