徘徊文本爲完整形式

當我將鼠標懸停在立方體下面的文本..... 我需要顯示一個小窗口，其中有文字.... 我從js得到的文本，但不知道如何與懸停功能整合.... 你能告訴我如何實現它.... 提供下面我的代碼..... 當我將鼠標懸停在CRM它應該顯示客戶關係管理..... 提供下面我的代碼... 懸停功能工作正常，當我將鼠標懸停在文本框中.... 但我不知道如何獲得立方體下面的文字...... 我有包括onmouseover和onmouseout功能..... 但我不知道如何實現E對於立方體下面的文本徘徊文本爲完整形式

$('document').ready(function() { 
    window.setTimeout(function() { 
     $('.cubeCell').each(function() { 
      var htmlText = $(this).attr('data-text'); 
      $(this).append('<div class="cubeTextStyle">' + htmlText + '</div>'); 
     }); 
    }, 600); 
}); 

<script type="text/javascript"> 
       function showStock(ii) { 
        var sh = $(ii).parent().find($('.divStock')); 
        var sharrow = $(ii).parent().find($('.stockarrow')); 
        sh.show(); 
        sharrow.show(); 

       } 
       /** 
       * hide stock 
       */ 
       function hideStock(ii) { 
        var shs = $(ii).parent().find($('.divStock')); 
        var sharrows = $(ii).parent().find($('.stockarrow')); 
        shs.hide(); 
        sharrows.hide(); 
       } 
       </script>

HTML：

<div class="cubeCell" data-text="CRM" class="desktopContactImage cubeCell" 
         data-caption="&lt;a style='padding-left: 40px; font-size: 14px; color: grey;' href='/Inventory/Partnumber/?ps=list' &gt;Register&lt;/a&gt; &lt;div&gt; &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' href='/Bom/Bom/?ps=list' &gt;Demo&lt;/a&gt; &lt;/div&gt; &lt;a style='padding-left: 40px; font-size: 14px; color: grey;' &gt;Reports&lt;/a&gt;" 
         data-image="http://intra.defie.co/images/Desktop_icons_02.07.13/guest.png"></div>

來源

2013-03-12 user2045025

您的jsfiddle形式不正確。按照jsfiddle的建議和去除不需要的元素（JavaScript包括，CSS包括等）。 – Lowkase 2013-03-12 19:45:02

看到Lowkase所指的是什麼，點擊TidyUp按鈕。 – isherwood 2013-03-12 19:46:21

你不需要'window.setTimeout（函數（）{' – dfsq 2013-03-12 19:46:51

首先請不要提供像that..ever小提琴，不同的語言分成了有關框，並使用資源選項卡鏈接到文件。它使事情變得更清晰，我們可以提供幫助。

其次不包括不相關的代碼，例如谷歌分析腳本，是的，它將需要更多的時間來格式化小提琴作爲例子，但你會得到更快的迴應。

如果你只需要CSM懸停，並具有「客戶關係管理」下出現，那麼你可以不喜歡下面。

$('.cubeTextStyle').hover(
    function(){ 
     $(this).append('<span>Customer Relationship Management</span>'); 
    }, 
    function(){ 
     $('.cubeTextStyle span').remove(); 
    } 
);

我沒有用你的小提琴，因爲我不會在所有代碼的篩選，但請看到這個new basic fiddle。

來源

2013-03-13 12:50:33 dev

徘徊文本爲完整形式

回答

相關問題