我正在寻找轻量级的轻量级工具提示轻量级jQuery脚本,并且可以方便地与图像映射一起使用......理想情况下,它会自动将每个区域标记的“标题”作为提示。这是一个问题的原因是我有数百个区域(它是一个世界地图),并且每个工具提示的一行代码很快就会以文件大小加起来。jQuery轻量级工具提示脚本推荐
qTip可以做到这一点......但它的38kb ......这甚至比jQuery本身还要多。任何建议?
我正在寻找轻量级的轻量级工具提示轻量级jQuery脚本,并且可以方便地与图像映射一起使用......理想情况下,它会自动将每个区域标记的“标题”作为提示。这是一个问题的原因是我有数百个区域(它是一个世界地图),并且每个工具提示的一行代码很快就会以文件大小加起来。jQuery轻量级工具提示脚本推荐
qTip可以做到这一点......但它的38kb ......这甚至比jQuery本身还要多。任何建议?
不知道是否是你寻找什么,但检查出醉意:
http://onehackoranother.com/projects/jquery/tipsy/
9 KB解压缩
4 KB精缩
我使用富有想象力的“jQuery Tooltip”:demo here。适用于图像映射,并且可以使用CSS轻松定制。
(巧合的是,我尝试qTip与图像映射,并与Map Hilight插件结合时发现了一个奇怪的错误)。
Phew ...我使用的地图Hilight插件太:D ...你可能为我节省了很多时间 – Mark 2010-01-07 12:47:41
@Mark:如果你有兴趣,这就是我用它建立的 - http:// www.simpsoncrazy.com/characters/poster – DisgruntledGoat 2010-01-20 12:34:09
vTip可能是一个很好的候选人(见demo)。这有点过时了,但它很简单,应该可以工作。
您只需在其上添加class =“vtip”来标记您的DOM元素,例如,
<a href="#" title="Tooltip content" class="vtip">Tooltip test</a>
未压缩的JS文件只有4KB。
如果您想以更动态的方式处理您的工具提示,请考虑creating your own simple tooltips。
http://stevenbenner.github.io/jquery-powertip/
PowerTip采用了非常灵活的设计,很容易定制
http://onehackoranother.com/projects/jquery/tipsy/
它使用Twitter的,Github上,Slideshare的和到位桶,等等。
感谢您在这个3岁老问题中的更新,powertip就是我需要的:) – s3m3n 2013-05-13 23:03:33
研究没有回答这个问题的大后给了我满意。
我需要一个解决方案,是轻量级,不放弃的是醉了(最后更新年前,笔者忽略63 bug修复拉请求),我可以使用作为典型的工具提示为线索对悬停表单字段,但也为动态字段验证表单提交后。
真是好一个是前面提到的PowerTip,但它最大的问题:你只能有一个明显的提示一次。对我来说,它的取消资格,我检查资源,这是笔者的基本假设 - 只有一个提示一次,对所有的提示等
失去一个小时,我发现解决方案之后,是正是我需要的:Tooltipster。这真的很容易实现(非常类似于PowerTip),但它可以让你准备并立即显示出许多提示。另一个优点是完全不使用图像的事实,这只是JS(〜12K)和CSS。
希望这可以节省很多小时的研究给某人。
我真的很喜欢这一款的外观......而且它的重量非常轻 – Mark 2010-01-07 20:41:03