兼容FF和IE的tooltip 鼠标提示框

Posted 杰的记事本——javascript.shop

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了兼容FF和IE的tooltip 鼠标提示框相关的知识,希望对你有一定的参考价值。

原文发布时间为:2009-09-07 —— 来源于本人的百度文章 [由搬家工具导入]

http://www.walterzorn.de/tooltip/tooltip.htm 【请见该页面】

技术分享Download
wz_tooltip.js 5.31, Lizenz LGPL:
wz_tooltip.zip (16 KB)

2. In die HTML-Datei einbinden
Folgende Zeilen innerhalb des BODY-Bereichs, am besten nach dem öffnenden <body>-Tag einfügen: <script type="text/javascript" src="wz_tooltip.js"></script> Gegebenenfalls muss der Pfad src="wz_tooltip.js" zur JavaScript-Datei angepasst werden.
Einbinden am Anfang des BODY-Bereichs stellt sicher, dass die Tooltips nahezu sofort funktionieren, lange bevor der Ladevorgang der Seite abgeschlossen ist.

3. Tooltips in HTML-Tags definieren

Die Tags benötigen je ein onmouseover- und ein onmouseout-Attribut: <a href="index.htm" onmouseover="Tip('Some text')" onmouseout="UnTip()">Homepage </a>








以上是关于兼容FF和IE的tooltip 鼠标提示框的主要内容,如果未能解决你的问题,请参考以下文章

js实现短暂提示框

tooltip提示框组件

toolTips抖动问题解决 echarts 鼠标放上去显示提示框属性详解!

IE7+ 中的 CSS Tooltips 渲染问题

为啥设置了pageX和pageY创建的提示框不会随着鼠标移动

echarts中tooltip提示框位置控制