僅當鼠標懸停在某個區域時才顯示一段文字

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>