当前位置: 编程技术>WEB前端
一点小小的创意css鼠标放上去则显示电话号码
来源: 互联网 发布时间:2014-09-06
本文导语: 1, default: 2,鼠标移上去:来源: 今天在同事的手机的电话薄里面发现的,发现他存的电话号码都是显示名字,然后只要往下移动,就能显示这个人的相应的号码。 然后自己就在想,这还满不错的嘛。于是就想到...
1, default:
2,鼠标移上去:
来源: 今天在同事的手机的电话薄里面发现的,发现他存的电话号码都是显示名字,然后只要往下移动,就能显示这个人的相应的号码。 然后自己就在想,这还满不错的嘛。于是就想到以前好象收藏过类似的效果。 稍微改下。 总结:生活中的发现无处不在,能够善于发现,然后勤于思考、联想,这样的确是个优点
来源: 今天在同事的手机的电话薄里面发现的,发现他存的电话号码都是显示名字,然后只要往下移动,就能显示这个人的相应的号码。 然后自己就在想,这还满不错的嘛。于是就想到以前好象收藏过类似的效果。 稍微改下。 总结:生活中的发现无处不在,能够善于发现,然后勤于思考、联想,这样的确是个优点
。
comasp's blog
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;
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。