当前位置:  编程技术>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需刷新才能执行]

    
 
 

您可能感兴趣的文章:

 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • 关于硕士毕业选题的问题,请有创意或者建议的热心人给点指点,谢谢。
  • 我有一个创意,是关于手机,掌上电脑等小型设备的,有高手可以与我联系,共同开发
  • 关于filter滤镜应用于图片的两种创意
  • css创意ul+li实现的细线表格实现代码


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3