徘徊文本为完整形式

当我将鼠标悬停在立方体下面的文本..... 我需要显示一个小窗口，其中有文字.... 我从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

徘徊文本为完整形式

回答

相关问题