2010-01-07 66 views
14

我正在寻找轻量级的轻量级工具提示轻量级jQuery脚本,并且可以方便地与图像映射一起使用......理想情况下,它会自动将每个区域标记的“标题”作为提示。这是一个问题的原因是我有数百个区域(它是一个世界地图),并且每个工具提示的一行代码很快就会以文件大小加起来。jQuery轻量级工具提示脚本推荐

qTip可以做到这一点......但它的38kb ......这甚至比jQuery本身还要多。任何建议?

回答

1

我使用富有想象力的“jQuery Tooltip”:demo here。适用于图像映射,并且可以使用CSS轻松定制。

(巧合的是,我尝试qTip与图像映射,并与Map Hilight插件结合时发现了一个奇怪的错误)。

+0

Phew ...我使用的地图Hilight插件太:D ...你可能为我节省了很多时间 – Mark 2010-01-07 12:47:41

+2

@Mark:如果你有兴趣,这就是我用它建立的 - http:// www.simpsoncrazy.com/characters/poster – DisgruntledGoat 2010-01-20 12:34:09

2

vTip可能是一个很好的候选人(见demo)。这有点过时了,但它很简单,应该可以工作。

您只需在其上添加class =“vtip”来标记您的DOM元素,例如,

<a href="#" title="Tooltip content" class="vtip">Tooltip test</a> 

未压缩的JS文件只有4KB。

如果您想以更动态的方式处理您的工具提示,请考虑creating your own simple tooltips

2

PowerTip

http://stevenbenner.github.io/jquery-powertip/

PowerTip采用了非常灵活的设计,很容易定制

  • 支持静态提示以及提示跟随鼠标
  • 能够让用户鼠标在工具提示上并与其内容交互
  • 鼠标跟随工具提示有限制斯内德浏览器窗口
  • 轻量级JS〜10KB,CSS〜2KB

醉意

http://onehackoranother.com/projects/jquery/tipsy/

它使用Twitter的,Github上,Slideshare的和到位桶,等等。

  • 轻量级JS〜10KB,CSS〜2KB
+0

感谢您在这个3岁老问题中的更新,powertip就是我需要的:) – s3m3n 2013-05-13 23:03:33

0

研究没有回答这个问题的大后给了我满意。

我需要一个解决方案,是轻量级,不放弃的是醉了(最后更新年前,笔者忽略63 bug修复拉请求),我可以使用作为典型的工具提示为线索对悬停表单字段,但也为动态字段验证表单提交后。

真是好一个是前面提到的PowerTip,但它最大的问题:你只能有一个明显的提示一次。对我来说,它的取消资格,我检查资源,这是笔者的基本假设 - 只有一个提示一次,对所有的提示等

一个单一的DOM对象Tooltipster

失去一个小时,我发现解决方案之后,是正是我需要的:Tooltipster。这真的很容易实现(非常类似于PowerTip),但它可以让你准备并立即显示出许多提示。另一个优点是完全不使用图像的事实,这只是JS(〜12K)和CSS。

希望这可以节省很多小时的研究给某人。