こんなメニューあります
<div id="toptest"></div><div id="cover" style="position:relative;z-index:800;">
<div id="header">
Lumen Photography
</div>
<div class="wrapper">
<ul id="navigation">
<li><a href="#" alt="toptest" class="subinfo">Home<span>Welkom!</span></a></li>
<li><a href="#" alt="wie" class="subinfo">Wie zijn we<span>Info over ons</span></a></li>
<li><a href="#" alt="contact" class="subinfo">Contact<span>(Aan)vraag</span></a></li>
<li><a href="#" alt="ref" class="subinfo">Referenties<span>Enkele namen...</span></a></li>
</ul>
</div>
</div>
<div style="position:fixed;width:100%;top:0px;z-index:600;box-shadow:0px 0px 6px black">
<div id="mainmenu">
<ul id="yw0">
<li><a href="#" alt="toptest" class="subinfo">Home</a></li>
<li><a href="#" alt="wie" class="subinfo">Wie zijn we</a></li>
<li><a href="#" alt="contact" class="subinfo">Contact</a></li>
<li><a href="#" alt="ref" class="subinfo">Referentie</a></li>
2メニューです。それらは実際には同じですが、1つは他のものの後ろにあり、下にスクロールすると表示されます(スクロール時に表示される半固定ヘッダーを使用したくありません。遅いPCでは遅れます)。
この JavaScript 宣言:
<script src="js/jquery.scrollTo-1.4.3.1.js"></script>
<script src="js/jqueryui.js"></script>
<script src="js/jquery.animate-colors.js"></script>
<script src="js/jquery.slides.min.js"></script>
jquery.js は完全に上部で宣言されています。
私は var co; を持っています。$('.subinfo').hover( function(){ co = $(this).css('color'); $(this).children().stop().animate({opacity:1}, 200 );
$(this).children().animate({color:returnColor()},100);
$(this).stop().animate({color:returnColor()},100);
},
function(){
$(this).children('span').stop().animate({opacity:0}, 200);
$(this).stop().animate({backgroundColor:'rgba(255, 255, 255, 0)', color:co});
}
);
イベントリスナーとして。
クロムでは、動作します。Firefox では、ホバリングするだけで機能し、離れることはできません。それは私にエラーを与えます: typeError: begin is undefined (r:76 in animate-colors) しかし、そのアニメーションの色は jquery プラグインです。私は以前にそれを使用しましたが、この問題を経験したことはありません..
どうする?