ToolTip 通过Js实现代替超链接中的title效果
发布时间：2024-07-20 11:02:40
标签：超链接,title
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>自定义Tooltip特效</title> <style type="text/css"> body ul { list-style: none; } body li { margin: 60px; } div { border: 1px solid #CCC; padding: 10px; background: #dff5ff; margin-left: 30px; } </style> <script language="javascript" type="text/javascript"> function initEvent() { var links = document.getElementsByTagName("a"); for (var i = 0; i < links.length; i++) { var link = links[i]; link.onmouseover = linkOnMouseOver; link.onmouseout = linkOnMouseOut; } } function linkOnMouseOver() { var newdiv = document.createElement("div"); newdiv.className = "Tooltip"; newdiv.style.position = "absolute"; newdiv.style.top = window.event.clientY; newdiv.style.left = window.event.clientX; newdiv.innerHTML = "我是自定义的Tooltip，用来代替超链接中的title"; document.body.appendChild(newdiv); } function linkOnMouseOut() { var divs = document.getElementsByTagName("div"); for (var i = 0; i < divs.length; i++) { var newdiv = divs[i]; if (newdiv.className == "Tooltip") { document.body.removeChild(newdiv); } } } </script> </head> <body onload="initEvent()"> <ul> <li>百度</li> <li>腾讯</li> <li>新浪</li> <li>搜狐</li> </ul> </body> </html>
0
投稿猜你喜欢
- 目前我使用到的python中执行cmd的方式有三种使用os.system("cmd")
本文主要介绍了IDEA配置连接MYSQL数据库遇到Failed这个问题解决，分享给大家，具体如下： &nb- 使用场景我有两个GPU卡。我希望我两个GPU能并行运行两个网络模型。代码错误代码1：#对于0号GPUos.environ['CUDA
- async官方DOC介绍node安装npm install async --save使用var async = require('a
- 看到类似C:\>是在Windows提供的命令行模式，看到>>>是在Python交互式环境下。在命令行模式下，可以执行
- 执行时间方法1import datetimestarttime = datetime.datetime.now()#long running
- 本文实例为大家分享了python图片插入文字的具体代码，供大家参考，具体内容如下问题如何在图片中插入大量文字并且自动换行效果原始图效果图注明
- 一。存储过程的创建和使用 1.创建程序包，并在程序中创建存储过程 create or replace PACKAGE NCS_ICP_TJ
- 实现的功能：通过代码定时给手机推送短信，短信内容可以自定义文字，当然你也可以去别的网站爬取每日心灵鸡汤，天气预报或其它信息进行推送。关于爬取
- mmh3安装方法哈希方法主要有MD、SHA、Murmur、CityHash、MAC等几种方法。mmh3全程murmurhash3,是一种非加
- MVC设计模式MVC (Model-View-Controller) 是软件工程中常用的软件架构模式，它是一种分离业务逻辑与显示界面的设计方
- RegExp就是建立正则的对像。如:Set regEx = New RegExp regE
- 公司的一个项目中，有许多地方需要延时执行一些可重复性的函数（动作），就写了下面这段函数。 呵呵，不知道取什么意思更为确切些，就定为了：Loo
- 模块的相关概念 1. 什么是模块模块就好比是工具包，要想使用这个工具包中的工具(就好比函数)，就需要导入这个模块模块的英文名叫：
- 一、备份数据库 1、打开SQL企业管理器，在控制台根目录中依次点开Microsoft SQL Server
- 本文实例讲述了Python解决走迷宫问题算法。分享给大家供大家参考，具体如下：问题：输入n * m 的二维数组 表示一个迷宫数字0表示障碍
- 先从String的扩展开始吧，后面有一部分的扩展要依赖这里扩展的方法。为了更加清晰和详细，我会一个方法一个方法地贴出来，你完全可以把所有的方
- 1、简介在python自动化中，我们传递一些参数是需要从文件中读取过来的，读取过来的字典并非python对象数据类型而是string类型。这
- 最近在学习仿站内容，需要用到phpstudy，在下载phpstudy后想要启动MySQL服务，但是总是无法启动。主要原因是之前已经在本地安装
- 之前看到很多人一直都问CSS 中DIV垂直居中的问题，看来对此的需求还不少。现在就把我经验拿出来分享一下，希望大家鼓鼓掌。因为在 CSS 中
