Question

我有一个圆圈（circle3），里面有文字（text3）。我想为悬浮状态设置动画，我可以用圆圈做好，但是当我将鼠标悬停在圆圈内的文本上时问题就开始了。 javacscript认为我是圆圈并开始悬停功能的第二部分。但是我需要它认为文本区域是圆圈的一部分所以它将保持悬停状态，即使我将鼠标悬停在文本上。如何完成这样的事情？

编辑：我已经想出要合并多个对象，但是，知道填充属性也适用于文本不仅背景（所以文本是悬停后不可见，因为它与背景颜色相同）所以我需要以某种方式弄清楚它。有什么建议吗？

我需要修改的代码：

st.push(
                                circle3,
                                text3
                            );

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

确定

Answer 1

好的，我自己解决了。这是最终的工作代码：

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);
                                  }
                                );

如何在圆圈中制作圆圈和文字在Raphael JS中悬停一个对象？

1 个答案: