2010-04-14 111 views
2

我想要使用http://onehackoranother.com/projects/jquery/tipsy/http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/,我想知道是否可以说我的页面上有一个div,它有一个'item_info'类。jquery tooltip显示div的内容

我可以让我的创建工具提示输出工具提示内的div,并根据我的css正确格式吗?

是否有另一个插件,我应该看看?

谢谢。我希望这很清楚。

+2

你在找什么是一个工具提示,可以包括html contnet。 http://flowplayer.org/tools/demos/tooltip/any-html.html – Enrique 2010-04-14 20:08:45

+0

感谢这个伟大的作品。 – jim 2010-04-14 21:18:14

回答

2

http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/允许你指定你的提示造型额外的CSS类以及显示“动态”数据的文本。看看下面的例子。

主要领域:bodyHandler指定哪个文本在你的工具提示显示(这将DIV返回的HTML),extraClass指定css样式提出申请。希望有所帮助。

$("#your_tooltip_element").tooltip(
    { 
     bodyHandler: function() { 
      return $("#your_div").html(); 
     }, 
     showURL: false, 
     track: true, 
     delay: 0, 
     showURL: false, 
     opacity: 1, 
     fixPNG: true, 
     extraClass: "item_info", 
     top: -15, 
     left: 5, 
     cursor: "hand" 
     } 
);