Twitter Bootstrap:html地图区域的工具提示

时间:2012-07-27 07:34:50

标签: twitter-bootstrap tooltip area

来自twiiter bootstrap的工具提示很棒,但是他们没有使用< area>标签:( 我该如何解决?

我注意到js工作,创建了tooltip元素,但它的位置是错误的。

我做了一个小例子。 http://jsfiddle.net/dhkFN/1/

2 个答案:

答案 0 :(得分:9)

我喜欢Twitter bootstrap但是有些js插件在当前形式下有点简单。

结帐qTip 2 - http://qtip2.com/

所有内容都包括图片地图 - http://qtip2.com/demos/#imagemaps

你可以将输出类调整为自举类。

答案 1 :(得分:0)

经过一天的搜索并考虑如何解决项目的工具提示(使用区域的地图图像)后,我发现这个http://www.xing.net.au/blogs/displaying-page-in-jquery-tooltip在定制要显示的内容时,这比JSFiddle更灵活。

JSFiddle中的示例依赖于区域的ALT属性,而Jtip可以使用其他页面进行自定义。

一切顺利!