css显示电话号码

转载 2007年10月14日 01:39:00
1, default:
2,鼠标移上去:
来源: 今天在同事的手机的电话薄里面发现的,发现他存的电话号码都是显示名字,然后只要往下移动,就能显示这个人的相应的号码。
      然后自己就在想,这还满不错的嘛。于是就想到以前好象收藏过类似的效果。 稍微改下。
      总结:生活中的发现无处不在,能够善于发现,然后勤于思考、联想,这样的确是个优点。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title>comasp's blog</title>
<style type="text/css">
a{
    color: #FFFF99;
    text-decoration: none;
}
a:hover{
    color: #FFFFFF;
    text-decoration: underline;
}
   
#nav{
    padding: 10px 10px 0;
    font-size: 12px;
    font-weight: bold;
    margin: 1em 0 0;
    list-style:none;
}
.bi{
    position: relative;
    z-index: 0;
}
.bi:hover{
    z-index: 99;
}
.bi:hover span{
    visibility: visible;
    top: 0;
    left: 0;
    cursor: pointer;
}
.bi span{
    position: absolute;
    left: -999em;
    visibility: hidden;
}
#nav li a,.bi:hover span{
    line-height: 20px;
    text-decoration: none;
    background: #DDDDDD;
    color: #666666;
    display: block;
    width: 80px;
    text-align: center;
}
#nav li a:hover,.bi:hover span{
    color: #FFFFFF;
    background: #DC4E1B;
}
.bi:hover span{
    padding-top: 2px;
}

</style>
</head>
<body>
    <ul id="nav">
      <li><a class="bi" href="index.html">张三<span>13011111111</span></a></li>
      <li><a class="bi" href="about.html">李四<span>13022222222</span></a></li>
      <li><a class="bi" href="products.html">王五<span>13033333333</span></a></li>
      <li><a class="bi" href="services.html">赵六<span>13044444444</span></a></li>
      <li><a class="bi" href="contact.html">什么七去了<span>13055555555</span></a></li>
    </ul>
</body>
</html>
 

android 切换到阿拉伯语电话号码+号显示在右侧及顺序错乱的处理

1.来电通知栏电话号码+号显示在右侧的修改 位置:packages/apps/InCallUI/src/com/android/incallui/StatusBarNotifier.java 刚开始修...
  • chen920629
  • chen920629
  • 2016年11月12日 11:31
  • 1793

Android 获取来电号码和去电号码

转载请注明出处: http://blog.csdn.net/like_program/article/details/52662942 这篇博客将讲解 Android 如何获取来电号码和去电号码。...
  • like_program
  • like_program
  • 2016年09月25日 16:51
  • 3567

Android显示来去电归属地

最近老是被什么基金原油的电话骚扰,但是手机没显示归属地,搞得我有时以为是快递电话之类的就接了..然后各种烦..所以打算做一个来去电显示归属地的小软件,碰到某些城市的陌生号码就直接挂掉,既然要做就顺便写...
  • lxzmmd
  • lxzmmd
  • 2016年03月02日 09:15
  • 2665

Android中自制通讯录中显示出数据库中的姓名和电话号码进行打电话

其中建库和增删改查操作请参考前几篇文章的具体介绍:   /** * * @author chrp * *显示出数据库中的用户名和电脑号码 */ public class M...
  • chrp99
  • chrp99
  • 2013年06月06日 20:31
  • 2939

XEditText:带删除功能的EditText;可设置自动添加分隔符分割电话号码、银行卡号等;支持禁止Emoji表情符号输入;自定义右边显示图标作功能选项;仿iOS输入框风格

继承EditText封装了一个多项功能的XEditText,具体非常实用的功能。具有如下特点: 自带清除功能图标,点击清除输入内容 输入时手机号时自动分割:138 0000 0000,提高用户体验,轻...
  • u013724061
  • u013724061
  • 2015年10月20日 11:55
  • 1655

Android 2.3.5 设置邮件中电话号码高亮显示

事情的起因是这样的,因为需要在Email的显示界面中为电话号码添加高亮显示,从而提高用户体验。我想用过google自带邮箱的朋友都知道,当我们的收到邮件的内容中含有网址,邮箱地址时,会在显示界面中以超...
  • yihongyuelan
  • yihongyuelan
  • 2012年04月20日 11:24
  • 5216

关于电话号码的分割(包括显示与输入两方面)

--------------------------------- 题记 话不多说,直接上代码。 --------------------------------- 代码...
  • u011483012
  • u011483012
  • 2014年04月11日 11:17
  • 492

Android项目:手机安全卫士(10)—— 电话号码归属地显示

Android项目:手机安全卫士(10)—— 电话号码归属地显示 1 概述 前一篇文章已经提供了电话号码的归属地查询功能,现在要做的,就是在打电话和来电显示的时候,显示一个电话归属地提示框...
  • chuyouyinghe
  • chuyouyinghe
  • 2017年06月27日 16:38
  • 304

从技术角度深入剖析:改号软件,电话号码任意显示,伪造来电显示

作者真的写得好好
  • u014576894
  • u014576894
  • 2014年09月02日 00:04
  • 5313

android 切换到阿拉伯语电话号码+号显示在右侧及顺序错乱的处理

1.来电通知栏电话号码+号显示在右侧的修改 位置:packages/apps/InCallUI/src/com/android/incallui/StatusBarNotifier.java 刚开...
  • qq_30427341
  • qq_30427341
  • 2016年11月23日 13:58
  • 533
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css显示电话号码
举报原因:
原因补充:

(最多只允许输入30个字)