原文发布时间为：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 鼠标提示框的更多相关文章

  1. Tooltip浮动提示框效果（掌握里面的小知识）

    使用原生JavaScript设计和实现Tooltip浮动提示框特效,了解代码简化.事件绑定.事件冒泡等技巧和知识. 特效四个关键点:显示:鼠标移到ToolTip超链接上时,ToolTip提示框可以显示 ...

  2. 【JS学习笔记】第一个JS效果——鼠标提示框

    分析效果实现原理--鼠标提示框 样式:div的display 事件:onmouseover,onmouseout 编写JS的流程 布局:HTML+CSS 属性:确定需要修改哪些属性 事件:确定用户做哪 ...

  3. EasyUI 学习(1)-Tooltip（提示框）

    一.创建组件 Tooltip不依赖其他组件 1.使用class加载 <a href="#" class="easyui-tooltip" title=&q ...

  4. jQuery EasyUI 教程-Tooltip（提示框）

    <!DOCTYPE html> <html> <head> <title>jQuery Easy UI</title> <meta c ...

  5. EasyUI系列学习(六)-Tooltip（提示框）

    一.创建组件 0.Tooltip不依赖其他组件 1.使用class加载 <a href="#" class="easyui-tooltip" title= ...

  6. tooltip（提示框）组件

    一.class加载方式 <span id="pos" class="easyui-tooltip" title="这是提示内容"> ...

  7. Echarts 地图（map）插件之 鼠标HOVER和tooltip自定义提示框

    [自行修改 "引号"] 一.鼠标HOVER时的事件: 参照官方文档解释, 可以看出这款插件有丰富的鼠标事件可供选择: 调用鼠标HOVER事件的方法很简单,只需把以下代码放到char ...

  8. JS鼠标提示框效果

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  9. 原生js实现tooltip提示框的效果

    在js的世界里面,每一个小的特效都那么微不足道,却又那么的令人向往与好奇.前端工程师的任务特别高大上,因为他们的一个小小的设计就会激发别人的求知欲.比如说我,只是随机一瞟,便看到了这个tooltip的 ...

随机推荐

  1. java util - 时间工具包 PrettyTime

    需要 prettytime-3.2.3.Final.jar 包 代码例子 package cn.java.prettytime; import java.util.Date; import java. ...

  2. U盘装系统之winpe中常用安装win7的方法和备份（2013-01-15-bd 写的日志迁移

    首先到网上去下一个制作U盘启动的的软件比如老毛桃.大白菜.电脑城制作u盘启动软件[其实他们的装机界面和工具那些都差不多], 我是用的老毛桃至于制作流程你可以看它的视频你往下拉就可以看见,或者看说明,自 ...

  3. awk速查手册

    简介awk是一个强大的文本分析工具,相对于grep的查找,sed的编辑,awk在其对数据分析并生成报告时,显得尤为强大.简单来说awk就是把文件逐行的读入,以空格为默认分隔符将每行切片,切开的部分再进 ...

  4. Roads in the North POJ - 2631

    Roads in the North POJ - 2631 Building and maintaining roads among communities in the far North is a ...

  5. L1-049 天梯赛座位分配 （20 分)

    天梯赛每年有大量参赛队员,要保证同一所学校的所有队员都不能相邻,分配座位就成为一件比较麻烦的事情.为此我们制定如下策略:假设某赛场有 N 所学校参赛,第 i 所学校有 M[i] 支队伍,每队 10 位 ...

  6. 如何拿到半数面试公司Offer——我的Python求职之路（转）

    从八月底开始找工作,短短的一星期多一些,面试了9家公司,拿到5份Offer,可能是因为我所面试的公司都是些创业性的公司吧,不过还是感触良多,因为学习Python的时间还很短,没想到还算比较容易的找到了 ...

  7. 66、fastJson 解析json数据时，如果key值不同怎么处理？

    在某些场景,你可能需要定制序列化输出,比如说,希望序列化采用之后采用"ID",而不是"id",你可以使用@JSONField这个Annotation. publ ...

  8. 【Gas Station】cpp

    题目: There are N gas stations along a circular route, where the amount of gas at station i is gas[i]. ...

  9. Bug的类型

    美国计算机科学家.图灵奖获得者詹姆斯·尼古拉·格雷(Jim Gray),在他的著名的论文“Why do computers stop and what can be done about it?”中首 ...

  10. MFC定时关机程序的实现1

    写个定时关机程序自用,界面简单实用,最终界面如下 第一步,新建一个MFC对话框应用程序,拖几个控件过来, 界面如下: 然后给下拉列表框,复选按钮绑定变量,以方便进行操作. CComboBox m_co ...