問題タブ [jquery-animate]

私は、コーチが画面に選手を追加し、(HTML5 キャンバスを使用して矢印を描画することによって) 移動方向を設定し、[再生] を押して画面上のすべての選手を移動できるようにするフットサル (屋内サッカー) コーチング アプリケーションを作成しています。プレーヤーは、プレーヤーの背景画像を持つ div で構成されます。

関数を使用してアニメーションを行っていjquery .animate()ます。

プレーヤーdiv's leftとtopCSS の位​​置属性を変更するだけです。

私は2つのことをしたいのですが、それがどのようにできるかわかりません:

1. jQuery スライダーを作成し、アニメーションの進行に合わせて段階的に動かしたいと考えています。アニメーションを開始する前に、アニメーションの全長を計算することでこれを行うと思いますか?

2. jQueryスライダーを前後に動かしたいと思います - アニメーションを逆にして、必要に応じて一時停止します。アニメーションのために div を移動していて、フレームごとのシーケンス アニメーションを行っていないことを考えると、それはまったく可能です。

を使用してニュース リストの概要セクションを作成しようとしていますが、全体をクリック<ul>できるようにしたいと考えています。<li>JavaScriptが有効になっていない場合でもアクセスできるように、最初にURLとして見つけたリンクに使用したいと思い<li>ます...私のHTMLは:-

<li>したがって、基本的にユーザーがパネル全体にカーソルを合わせると、タグだけでなく全体にロールオーバーが発生し<h4>ます...しかし、タグに含まれるURL<h4>をリンクとして使用します...

私はそれを賢明に説明したことを願っています...私はそこで自分自身を混乱させたと思います:)

乾杯

アダム

「hiddenPanel」にカーソルを合わせると<img>、「hiddenPanel」<div>が表示されます。これは FF やその他のブラウザでは問題なく動作しますが、IE では<div>'content' の後ろに表示され<div>ます。私は無駄にz-indexingを試みました。他にこの問題を抱えている人はいますか？

<div>(また、レイアウト上の理由から、「コンテンツ」の後にコードを移動しません)

編集:より多くのコード; jQuery / HTML / CSS ...

jQuery

HTML

CSS

変更が発生したときに強調するために、JQuery を使用してスパン タグの背景色をフェードさせようとしています。クリックハンドラー内のコードは次のようになると思っていましたが、うまく機能しないようです。私がどこで間違ったのか教えてもらえますか？ありがとうラス。

その方が良いですが、span タグの background-color と span タグのテキスト値の両方がフェードします。背景色を薄くして、テキストを表示したままにしようとしています。それはできますか？

ページ上のスパン コントロールの値を更新するチェックボックスのクリック イベント ハンドラーに JQuery コードがいくつかあります。次に、スパン タグの背景色を黄色にアニメートし、約 1 秒で白に戻って注意を引きます。スパンの値が変更されたユーザー。問題は、ユーザーがチェックボックスを繰り返しクリックすると、ユーザーがクリックした回数だけアニメーションが何度も発生することです。アニメーションが既に進行中の場合、JQuery アニメーションが発生しないようにする方法は誰でも知っています。

良い一日 ：）

固定サイズの div で、不透明度と高さの両方で jQuery の animate() を使用しています。
Firefox ではすべて正常に動作しますが、IE8 では (互換モードの有無にかかわらず、IE6 と IE7 でも同じ動作になると想定しています)、アニメーションは表示されますが、div の高さが 0% に達すると、 div の高さは、その div 内のテキストの高さに調整されます。
私がすぐに最初にしたことは、オーバーフローを非表示に設定することでしたが、それでも同じ動作が得られます。

次の関数を使用して、高さ/不透明度をゆっくりと切り替えています。

私の「b1」divのスタイルは次のとおりです。

実際の例を見たい場合は、ここに一時的にページを設定しました:クリックしてください!

この問題に関するヘルプは大歓迎です。

jqueryを使用してdivをフェードアウトするにはどうすればよいですか？