jQuery工具提示与链接 [英] jquery tooltip with links on it
本文介绍了jQuery工具提示与链接的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想要一个jquery插件，它可以支持工具提示上的链接. 我找不到一个.
I wanted a jquery plugin which can support links on the tooltip. I couldnt found one.
推荐答案
BeautyTips在工具提示中支持HTML内容(包括链接):
BeautyTips supports HTML content (including links) within tooltips:
http://www.lullabot.com/files /bt/bt-latest/DEMO/index.html
修改
BeautyTips与HoverIntent配合使用，使用户有时间单击工具提示链接.参见以下示例:
BeautyTips works with HoverIntent to give time to the user to click on the tooltip link. See this example:
<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>
这篇关于jQuery工具提示与链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
