仅当鼠标悬停在某个区域时才显示一段文字

Question

仅当鼠标位于outputText区域时，我才需要显示panel组件。我怎样才能做到这一点？

我尝试使用show()＆amp; hide() js在onmouseover上的panel事件中发挥作用，但未能取得成果。

Answer 1

如果我理解正确

<script>
         $(document).ready(function(){
        $("#something").mouseover(function (){
          $("#myText").show();
        })
         $("#something").mouseout(function (){
          $("#myText").hide();
        }
     )}
     );

和你的小组

  <p:panel id="something" >
          <h:outputText id="myText" styleClass="hidden" value="hi i am hidden when is mouse is somewhere"/>
       </p:panel>