如何在鼠標指針位於YUI上下文菜單項上時顯示工具提示

在我們的工作區中，有一個使用YUI庫創建的上下文菜單。我們希望在用戶懸停在每個項目上時觸發工具提示。我搜索了一下，但找不到有用的信息。我們怎樣才能做到這一點？如何在鼠標指針位於YUI上下文菜單項上時顯示工具提示

這裏是如何的上下文菜單中創建：

 // Add ContextMenu instance to the DataTable parent container 
     var contextMenu = new YAHOO.widget.ContextMenu("contextMenu", {trigger: viewScriptsDataTable.getTbodyEl(), itemData: contextMenuItems, lazyload: true}); 
     contextMenu.render("viewScriptsGrid"); 

     // Subscribe to events in format event, function, object to pass to function 
     contextMenu.beforeShowEvent.subscribe(CodesGrid.updateSelectionIfNecessary, viewScriptsDataTable); 
     contextMenu.subscribe("click", CodesGrid.onContextMenuClick, viewScriptsDataTable);

來源

2011-04-13 user246392

你可以用在跨度的文本，設置標題屬性

var contextMenuItems = [ 
    {text:"<span title'Cut'>Cut <em class='helptext'>Ctrl + X</em></span>"}, 
    {text:"<span title'Copy'>Copy <em class='helptext'>Ctrl + C</em></span>"}, 
    {text:"<span title'Paste'>Paste <em class='helptext'>Ctrl + V</em></span>"} 
    ];

或者你可以建立從現有的HTML菜單等等您可以設置標題屬性：

<div id="editmenu" class="yuimenu"> 
    <div class="bd"> 
     <ul class="first-of-type"> 
      <li class="yuimenuitem"> 
       <a class="yuimenuitemlabel" href="#" title="Cut"> 
        Cut <em class="helptext">Ctrl + X</em> 
       </a> 
      </li> 
      <li class="yuimenuitem"> 
       <a class="yuimenuitemlabel" href="#" title="Copy"> 
        Copy <em class="helptext">Ctrl + C</em> 
       </a> 
      </li> 
      <li class="yuimenuitem"> 
       <a class="yuimenuitemlabel" href="#" title="Paste"> 
        Paste <em class="helptext">Ctrl + V</em> 
       </a> 
      </li> 
     </ul>    
    </div> 
</div>

來源

2011-04-13 17:38:40 daniellmb

如何在鼠標指針位於YUI上下文菜單項上時顯示工具提示

回答

相關問題