鼠标放在链接出现一个小框框的提示信息_html-js-css

概述鼠标放在链接出现一个小框框的提示信息

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家，也给大家做个参考。

<!DOCTYPE HTML PUBliC "-//W3C//DTD xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Transitional.dtd"><HTML xmlns="http://www.w3.org/1999/xhtml"><head><Meta http-equiv="Content-Type" content="text/HTML; charset=gb2312" /><Title>鼠标放在链接出现一个小框框的提示信息</Title><style type="text/CSS"><!--.tooltip {position: relative;}/*定义tooltip类的定位类型为相对*/a.tooltip span {display: none;}/*定义tooptip类链接对象元素span显示为不显示*/a.tooltip:hover span {    /*定义鼠标放在链接元素上的显示*/ display: block;         /*显示块状*/ position: absolute;    /*显示定位类型为绝对*/ top:1em; /*距离顶部1em*/ left:2em;/*距离左边距离2em*/Font-family: Arial,Helvetica,sans-serif; Font-weight: normal; color: #FFFFFF; background-color: #999999; text-decoration: none; height: auto; wIDth: 150px; border: 1px solID #cccccc; Font-size: 12px;}a.tooltip:hover{/*这段就是奇怪的代码咯：设置鼠标放在链接上显示文字大小为100%*/Font-size: 100%;}--></style></head><body><p><a href="http://www.bitefu.net" >Farflight<span>名称:比特福<br>电话</span></a></p></body></HTML>

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容，希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的鼠标放在链接出现一个小框框的提示信息全部内容，希望文章能够帮你解决鼠标放在链接出现一个小框框的提示信息所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1090695.html