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

Question

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

我尝试使用CCD_ 3&hide()js与panel上的onmouseover事件一起工作，但未能实现结果。

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>