0

円 (circle3) の中にテキスト (text3) があります。円でうまくできるホバー状態をアニメーション化したいのですが、円内のテキストにカーソルを合わせると問題が発生します。javacscript は、私がサークルから離れていると判断し、ホバー機能の 2 番目の部分を開始します。しかし、テキスト領域が円の一部であると考える必要があるため、テキストの上にカーソルを置いてもホバー状態のままになります。そのようなことをどのように達成するのですか？

編集：複数のオブジェクトをマージする方法を理解しましたが、背景だけでなくテキストにも塗りつぶし属性が適用されることを知っています（背景と同じ色であるため、テキストはホバー後に表示されません）。どうにかしてそれを理解する必要があります。何かアドバイス？

変更する必要がある私のコード:

st.push(
                                circle3,
                                text3
                            );

                            // st.animate(fillerHover, 500);
                            st.hover(function () {
                                st.animate(fillerHover, 500);
                              },
                              function () {
                                st.animate(filler, 500);
                              }
                            );

Ok

4

1 に答える 1

0

わかりました、自分で解決しました。これは最終的な作業コードです:

st.push(
                                    circle3,
                                    text3
                                );

                                st.attr({"cursor": "pointer"});


                                st.hover(function () {
                                    st.animate(fillerHover, 500);
                                    text3.animate(fillerTextHover, 500);
                                  },
                                  function () {

                                    st.animate(filler, 500);
                                    text3.animate(fillerText, 500);
                                  }
                                );
于 2012-07-24T17:57:12.170 に答える