一点小小的创意css鼠标放上去则显示电话号码

2014-06-03  来源:本站原创  分类:经验交流  人气:1 

1, default:

一点小小的创意css鼠标放上去则显示电话号码

2,鼠标移上去:
一点小小的创意css鼠标放上去则显示电话号码

来源: 今天在同事的手机的电话薄里面发现的,发现他存的电话号码都是显示名字,然后只要往下移动,就能显示这个人的相应的号码。 然后自己就在想,这还满不错的嘛。于是就想到以前好象收藏过类似的效果。 稍微改下。 总结:生活中的发现无处不在,能够善于发现,然后勤于思考、联想,这样的确是个优点

。 comasp's blog

  • 张三13011111111
  • 李四13022222222
  • 王五13033333333
  • 赵六13044444444
  • 什么七去了13055555555

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

相关文章
  • 一点小小的创意css鼠标放上去则显示电话号码 2014-06-03

    1, default: 2,鼠标移上去: 来源: 今天在同事的手机的电话薄里面发现的,发现他存的电话号码都是显示名字,然后只要往下移动,就能显示这个人的相应的号码. 然后自己就在想,这还满不错的嘛.于是就想到以前好象收藏过类似的效果. 稍微改下. 总结:生活中的发现无处不在,能够善于发现,然后勤于思考.联想,这样的确是个优点 . comasp's blog 张三13011111111 李四13022222222 王五13033333333 赵六13044444444 什么七去了130555555

  • 纯CSS实现鼠标放上去改变文字内容 2014-10-05

    这篇文章主要介绍了纯CSS实现鼠标放上去改变文字内容,需要的朋友可以参考下 css样式 .remind span {display:block;margin-top:-22px;} .remind a:hover {padding-top:22px;} .remind a {float:left;overflow:hidden;} .remind{height:22px;line-height:22px;overflow:hidden;padding-left:10px;} html代码 具体实

  • jquery鼠标放上去显示悬浮层即弹出定位的div层 2014-03-01

    这篇文章主要介绍了使用jquery实现的鼠标放上去显示悬浮层即弹出定位的div层,需要的朋友可以参考下 <script language="javascript" src="jquery-1.4.2.min.js"></script> <script> function show(obj,id) { var objDiv = $("#"+id+""); $(objDiv).css("

  • jquery animate实现鼠标放上去显示离开隐藏效果 2014-05-11

    本文为大家介绍下使用jquery animate实现鼠标放上去显示,离开就隐藏的效果,感兴趣的朋友可以参考下哈,希望对大家有所帮助 1.CSS样式: @CHARSET "UTF-8"; * html .showbox,* html .overlay { position: absolute; top: expression(eval(document.documentElement.scrollTop) ); } #AjaxLoading { border: 1px solid #8C

  • jquery预览图片实现鼠标放上去显示实际大小 2014-12-01

    本文为大家介绍的这个示例为jquery实现的预览图片,当鼠标放上去显示实际大小,感兴趣的朋友可以学习下 <!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"

  • jquery 文本上下无缝滚动,鼠标放上去就停止 小例子 2015-03-27

    jquery 文本上下无缝滚动,鼠标放上去就停止 小例子,需要的朋友可以参考一下 <script src="../js/jquery-1.4.2.min.js" type="text/javascript"></script> <script type="text/javascript"> function AutoScroll(obj) { $(obj).find("ul:first").

  • CSS鼠标悬停菜单 图片交换技术实现 2013-11-23

    这是一个使用了图片交换技术制作的CSS鼠标悬停菜单,也就是大家所说的鼠标经过换色,不过本例中的菜单并没有使用纯CSS来实现背景换色,这里将用一幅图片替换了背景色,因为主要是想让大家了解CSS对背景图片控制的技巧 实际上,这里的图片在正常使用时完全可以用CSS代码来定义. 使用图片交换技术制作CSS鼠标悬停菜单 Home About Contact Forum Guestbook [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • CSS鼠标响应事件经过.移动.点击示例介绍 2013-12-25

    本文为大家介绍下CSS 鼠标响应事件:鼠标经过CSS.鼠标移动CSS.鼠标点击CSS以及示例,喜欢的朋友可以参考下 几种鼠标触发CSS事件. 说明: onMouseDown 按下鼠标时触发 onMouseOver 鼠标经过时触发 onMouseUp 按下鼠标松开鼠标时触发 onMouseOut 鼠标移出时触发 onMouseMove 鼠标移动时触 <html> <head> <title>CSS 鼠标响应事件</title> <meta http-eq

  • css鼠标经过显示的样式 2014-10-24

    今天写css鼠标显示手型·哟西··突然忘了··感慨goole了一下··哈哈··和大家分享一下·· 巧合要用到鼠标样式效果,就顺便整理了下十五种CSS 鼠标样式,小例子供大家使用啊.CSS鼠标样式语法如下: 任意标签中插入 style="cursor:*" 例子:<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*"&

  • jquery插件实现鼠标经过图片右侧显示大图的效果(类似淘宝) 2014-12-28

    分享一个jquery插件:实现类似淘宝上鼠标经过图片右侧显示大图的效果,感兴趣的朋友可以研究下,或许对你学习jquery有所帮助,千万不要错过啊 这个插件的名字elevatezoom,网址为http://www.elevateweb.co.uk/image-zoom,在github上的项目首页为https://github.com/elevateweb/elevatezoom,建议去github下载,这个网速比较快. 实现这个效果你需要准备两张图片,一张小的,一张大用于鼠标经过时候显示.然后我们

  • css把超出的部分显示为省略号的方法兼容火狐 2015-03-06

    兼容火狐css控制超出部分用省略号代替 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" c> <title>css把超出的部分显示为省略号的方法兼容火狐_脚本之家_

  • div+css实现鼠标放上去,背景跟图片都会变化. 2014-09-23

    New Document 移动背景变换 移动背景变换 移动背景变换 移动背景变换 移动背景变换 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • js 鼠标放图片上抖动效果 2013-10-28

    闲得无聊,弄了个抖动效果,大家看看有没有值得学习地方 在线演示: 鼠标移至图片后抖动的JS代码 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 创意之处: 调用简单:事件="shake(this,'onmouseout')"; 代码简短:函数主体程序仅仅5行代码 性能高 逻辑清晰,便于二次开发

  • 鼠标放上去超链接的文字逐个加色效果 2014-07-28

    link.htc <public:component> <public:attach event="onmouseover" onevent="domouseover()"> <public:attach event="onmouseout" onevent="domouseout()"> <script language="javascript"> func

  • 鼠标放上去触发一个javascript提示框效果代码 2015-01-09

    这个提示框里面有链接文字与图片(icon)出现.而且鼠标能移上去点击这个链接的 感觉要连接没什么意义- 又不能点击 改这里 //s.appendChild(document.createTextNode(t)); 改动 s.innerHTML = t; 简直要把门槛踏烂.不过这些见菩萨就烧香磕头的信徒中,到底知道佛门是怎么回事的,恐怕不多.今天,在下也来道个究竟.">狼跋其胡,载踬其尾.公孙硕肤,赤舄几几. 找到彻底解脱的办法就是一个死字, [Ctrl+A 全选 注:如需引入外部Js需刷新

  • 鼠标放上去则向上向下滚动的代码 2014-08-13

    xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx xx [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 脚本之家站长修改

  • JS实现鼠标移动到缩略图显示大图的图片放大效果 2014-05-17

    一个网页上用的图片提示效果,当把鼠标移动到图片缩略图的时候,会显示图片大图,似乎在网上这是个很常见的效果,实现方法也比较多,有人用CSS,有人用JavaScript,有人用jQuery,总之,选择自己习惯的方式去实现,就是最棒的. 一个网页上用的图片提示效果,当把鼠标移动到图片缩略图的时候,会显示图片大图,似乎在网上这是个很常见的效果,实现方法也比较多,有人用CSS,有人用JavaScript,有人用jQuery,总之,选择自己习惯的方式去实现,就是最棒的. 图片提示效果 效果 [Ctrl+A

  • PHP+Smarty模板中CSS问题:Firefox下正常显示,而在IE下,显示得很混乱 2012-03-08

    第一个原因是:bom的问题(在页面上输出空信息) [转] 先制作好了页面的模板(用UTF-8编码),当载入Smarty运行的时候,发现在Firefox下正常显示,而在IE下,显示得很混乱!难道 是smarty和CSS结合有问题?PHP+Smarty时显示混乱,而不用Smarty转而采用原始的PHP+HTML混写的时候则无此现象,查阅代 码,无法找出任何破绽,因此开始怀疑Smarty有问题. 根据以往的经验,我开始怀疑是当PHP输出HTML的时候向其中加入了额外的不可见代码,于是将PHP输出的内容

  • Js+CSS 文字渐隐渐现显示 2013-10-03

    JavaScript文字渐隐渐现显示,更专业的说法叫淡入淡出,最开始用于视频蒙太奇制作及Flash动画上,现在用到文字上也不是什么稀罕事了. 这段代码实现的淡入淡出还算可以吧,比较平滑,同样出自JavaScript+CSS两者的配合. JavaScript文字渐隐渐现显示 您知道吗?脚本之家就是Jb51.NET [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

  • 鼠标放在图片上显示大图的JS代码 2013-11-12

    将图片查询出来之后,还需要加一个查看大图的功能,于是就用js写了一个方法,然后在image的onmouseover事件中调用此方法,这样在鼠标悬浮在小图上面的时候,其大图就会自动的显示出来. 显示大图和隐藏大图的js代码: <script type="text/javascript"> //显示图片 function over(imgid,obj,imgbig) { //大图显示的最大尺寸 4比3的大小 400 300 maxwidth=400; maxheight=300