jquery工具提示与链接

我想要一个jQuery插件，它可以支持工具提示上的链接。我找不到一个。jquery工具提示与链接

2009-11-28 San

BeautyTips支持工具提示中的HTML内容（包括链接）：

http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html

编辑

BeautyTips与HoverIntent工作给予及时向用户点击提示链接。看到这个例子：

<html> 
<head> 
<script language="javascript" src="http://f.work/layout/jqueryui/js/jquery-1.3.2.min.js"></script> 
<script language="javascript" src="http://f.work/layout/js/beautytips/other_libs/jquery.hoverIntent.minified.js" charset="utf-8"></script> 
<script language="javascript" src="http://f.work/layout/js/beautytips/other_libs/bgiframe_2.1.1/jquery.bgiframe.min.js" charset="utf-8"></script> 
<!--[if IE]><script src="http://f.work/layout/js/beautytips/other_libs/excanvas_r3/excanvas.js" type="text/javascript" charset="utf-8"></script><![endif]--> 
<script language="javascript" src="http://f.work/layout/js/beautytips/jquery.bt.js" charset="utf-8"></script> 
<script src="http://f.work/layout/js/beautytips/other_libs/jquery.easing.1.3.js" type="text/javascript" charset="utf-8"></script> 
</head> 
<body> 
<img src="/layout/images/logo.png" id="example3" /> 

<script> 

$('#example3').bt(
'<a href="javascript:alert(\'Update the image\')">Change Image</a>', 
{ 
    cssStyles: {color: 'white', fontWeight: 'bold'}, 
    shrinkToFit: true, 
    padding: 20, 
    cornerRadius: 10, 
    spikeLength: 15, 
    spikeGirth: 5, 
    positions: ['left', 'right', 'bottom'], 
    hoverIntentOpts: { 
    timeout: 5000 
    } 
}); 

</script> 
</body> 
</html>

来源

2009-11-28 04:18:41 leepowers

它的工作原理，但我必须做一些调整，使其正常工作。 – San 2009-11-28 05:23:03

滚动到[脚本打开/关闭]（http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html#scripting） – mplungjan 2011-02-08 12:49:39

这一个可以让你有在工具提示几乎所有的东西（HTML /文）：
http://jquery.bassistance.de/tooltip/demo/

我对你的问题。工具提示通常应该能够在悬停文本/元素时出现，并且在不悬停时消失。所以如果你有一个传统的工具提示行为，工具提示链接将在你的鼠标移动到点击之前消失。

你可能需要实现一些东西来处理它。延迟消失或工具提示重叠或仅与元素相邻。：P

来源

2009-11-28 04:21:23

其实我想要一个图像上的链接说“更改图像” ，链接应该只在用户悬停在图片上时才会出现。你知道这样做的插件吗？ – San 2009-11-28 04:29:57

好了，看看如何点击链接 – kingchris 2009-11-28 04:31:57

jquery工具提示与链接

回答

相关问题