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

Question

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

我试过panel使用show() & hide() JS功能与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>