2010-12-01 53 views
4

嗨,大家好,我使用Joomla建立一個網站,我最近增加了一個jQuery的模塊,當你將鼠標懸停在它改變包含div的不透明度。它包含文本,因爲它失去了透明度以及對文字看起來俗氣,所以我想知道我怎麼能目標的div反而使文本保持在100%的不透明度排除的文本。我的繼承人代碼排除文本動畫事業部

<script src="http://code.jquery.com/jquery-1.4.4.js"></script>  
<script>jQuery.noConflict(); 
    jQuery(document).ready(function() { 
     //settings 
     var opacity = 0.5, toOpacity = 1, duration = 350; 
     //set opacity ASAP and events 
     jQuery('.opacity').css('opacity',opacity).hover(function() { 
      jQuery(this).fadeTo(duration,toOpacity); 
     }, function() { 
      jQuery(this).fadeTo(duration,opacity); 
     } 
    ); 
    }); 
    </script> 
+0

也許你可以選擇div內的所有元素,不包括那些有文字的。 – cambraca 2010-12-01 20:58:22

+0

這就是我想要做的,但我不知道如何 – 2010-12-01 22:05:17

回答

4

我試圖使用CSS來改變一個容器的透明度,同時保持完全不透明的孩子,來到它不能這樣做,不幸的結論。

我建議你做的是放置在同一個位置兩個div但只有一個動畫作品,其作爲背景圖層的不透明度。