0

当我将鼠标悬停在立方体下方的文本时.....我需要显示一个带有文本的小窗口....我从 js 得到文本但不知道如何与悬停功能集成....可以你告诉我如何实现它......在下面提供我的代码......当我将鼠标悬停在 CRM 上时，它应该显示客户关系管理......在下面提供我的代码......当我悬停功能工作正常时将鼠标悬停在文本框上......但我不知道如何获取立方体下方的文本......我已经包含了 onmouseover 和 onmouseout 功能......但我不知道如何实现立方体下方的文字

$('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>
4

1 回答 1

0

首先，请不要提供这样的小提琴......永远，将不同的语言分成相关的框，并使用资源选项卡链接到文件。它使我们的帮助变得更加清晰。

其次，不要包含不相关的代码，例如谷歌分析脚本，是的，您需要更多时间来格式化小提琴以用作示例，但您会得到更快的响应。

如果您只需将鼠标悬停在 CSM 上并在其下方显示“客户关系管理”，那么您可以执行以下操作。

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

我没有使用你的小提琴，因为我不会筛选你所有的代码，但请看这个新的基本小提琴。

于 2013-03-13T12:50:33.470 回答