-1

私は本当に立ち往生しています。基本的に私はjqueryを初めて使用しますが、マウスがページ全体に移動してもページが台無しにならないように、マウスオーバーに何らかのタイマーを追加する必要があります。これが私のスクリプトです.. とにかく簡単に実装できますか?

<script>
jQuery('cc').mouseover(function () {  
$("squareleft3").hide();  
$("twitter").hide();  
$("facebook").hide();  
$("squareright").hide();  
$("getintouch").hide();  
$("getintouch2").hide();  
$("getintouch3").hide();  
$("vicarimage").hide();  
$("squaredown2").hide();  
$("squareleft2").hide();  
$("one").hide();  
$("whatis").hide();  
$("squaredown").hide();  
$("whoweare").hide();  
if ($("whoweare:first").is(":hidden"))   
    if ($("squaredown:first").is(":hidden"))   
    if ($("squareleft3:first").is(":hidden")) { 
    if ($("twitter:first").is(":hidden"))  
if ($("squareright:first").is(":hidden"))  
if ($("getintouch:first").is(":hidden"))
if ($("getintouch2:first").is(":hidden")) 
if ($("getintouch3:first").is(":hidden"))
if ($("vicarimage:first").is(":hidden"))
if ($("squaredown2:first").is(":hidden"))
if ($("squareleft2:first").is(":hidden"))
if ($("one:first").is(":hidden"))
if ($("whatis:first").is(":hidden"))
jQuery('getinvolved').fadeIn(); 
jQuery('squareleft').slideToggleWidth();
} else {
$("squareleft").hide();
$("getinvolved").hide();
} } );
</script>

乾杯。

4

2 に答える 2

1

すべての$("getintouch2").hide();クラスまたは ID を参照していますか? getintouch2クラスですか？その場合は、その前にピリオドが必要です。ID の場合は、その前にハッシュが必要です。そのように：$(".getintouch2").hide();クラス$("#getintouch2").hide();の場合、またはIDの場合。

複数の if を使用する場合は、 && をそれらの間に入れて 1 つにリンクする必要があります。おそらく間違っていると言いましたが、hover私はmouseoverjquery のチュートリアルをもっと読みたいです。幸いなことに、Jquery、多くの試行錯誤、およびスタック オーバーフローに関する多くの質問を学ぶのにしばらく時間がかかりました。

コードの小さな部分を使用する場合、通常、人々はコードを手伝ってくれます。特に、 http://www.jsfiddle.comでやろうとしていることの小さな例がある場合は、 人々を助けるのがはるかに迅速かつ簡単になります。彼らがJsfiddleを使用するとき。だから私はあなたのコードを小さな例に分解し、ねじれを一度に1つずつ解決しようとします.if機能しないステートメント、他のステートメントはいずれも機能しませんが、非常に多くのコードを投稿したため、jsfiddleに投稿した場合、または作成した場合に正しいコードで答えるほとんどの人にとっておそらく圧倒されますそれをはるかに小さくしました。ですから、一度に 1 つずつ解決してください。スタック オーバーフローは天の恵みです。私はここで多くのことを学び、多くの助けを得たことを覚えておいてください。人々は他の人を助けるために多くの時間を費やしています。それはほとんど感動的です..私も他の人を助けたいと思うようになります。

ああ、そして hoverIntent は私が頻繁に使用する素晴らしいプラグインです。これにより、人が画面上でマウスを移動した場合、おそらく画面の下部からナビゲーションまで、すべてのマウスオーバー/ホバー効果がアクティブになりません。効果を得るには、マウスを特定の速度まで遅くする必要があります。これは完璧です。

于 2011-07-08T23:47:00.867 に答える
1

hoverIntentのコピーを取得します。

HEADあなたの地域でそれをリンクしてください。

の代わりにmouseOver()、hoverIntent()

タイミングのしきい値を調整するためのさまざまな追加オプションがあります (ドキュメントを参照)。

他の人が指摘したように、あなたのコードはいたるところにあります。しかし、hoverIntent はタイミングの問題に対処します。

于 2010-05-13T01:09:10.403 に答える