Question

我环顾四周，似乎找不到这个琐碎问题的答案。我使用JQDock创建了一个鱼眼菜单但是我不确定如何最初显示每个图标的标签。

当我将鼠标悬停在图标上时，我只能显示并操纵标签，我想最初显示图标的标签，然后当图标悬停在<时，可能会改变它的css / p>

感谢您的回复

Answer 1

上显示的示例

如果您使用此代码，您将获得显示的标签：

$("#jqDock0").find(".jqDockLabel").each(function(){
   $(this).attr('style', 'display:block');
});

更新（@ 15:20 GMT）：

使用您的标记后，我有以下内容：

HTML：

<div id='page'>
    <div id='menu'>
        <img src='SubMenu_item_1_a.png' title="Link 1" alt='SubMenu_item_1_b.png' />
        <img src='SubMenu_item_1_a.png' title="Link 2" alt='SubMenu_item_1_b.png' />
        <img src='SubMenu_item_1_a.png' title="Link 3" alt='SubMenu_item_1_b.png' />
        <img src='SubMenu_item_1_a.png' title="Link 4" alt='SubMenu_item_1_b.png' />
        <img src='SubMenu_item_1_a.png' title="Link 5" alt='SubMenu_item_1_b.png' />
    </div>
</div>

jQuery的：

$("#menu").find("img").each(function(){
    $("<span>"+$(this).attr('title')+"</span>").insertAfter($(this))
});

点击此处查看 - http://jsfiddle.net/YZ4CW/

更新（格林尼治标准时间15:53）：

jsfiddle.net/vwbfP（不确定我是否正确插入但是全部那里） - 凯文格雷18分钟前

我已经更新了您的示例，现在正在运行。 http://jsfiddle.net/vwbfP/1/

Answer 2

http://www.wizzud.com/jqDock/index.php?dt=0&pg=examples#permanent_labels（链接中的图片，需要v1.7 +）或http://www.wizzud.com/jqDock/index.php?dt=0&pg=examples#permanent_labels2（仅限图片，需要v1.8）？

JQuery JQDock标签始终可见

2 个答案: