基于项目的需要，需要制作出如下的一种页面效果：当用户鼠标经过好友列表中好友头像时，显示该好友的基本资料，其实也就是类似QQ客户端的那种功能。
网上找了很多代码，基本都实现了鼠标悬浮之后弹出div，离开之后马上就消失了。还有些纯CSS的代码实现了这样的效果，但是对我没用，我需要的是JS的（因为我的数据还要通过Ajax取得），并且鼠标离开后不能马上隐藏，这个div上还有功能入口...
分类：
Web程序 时间：
2014-07-02 09:33:27
阅读次数：
260
1 /* create an arrow that points up */ 2 div.arrow-up { 3 width:0px; 4 height:0px; 5 border-left:5px solid transparent; /* left arrow slant */...
分类：
Web程序 时间：
2014-07-01 16:53:30
阅读次数：
183
当前产品设计和开发的一个主要技术趋势除了响应式外，还有尽量使用CSS/HTML5技术替代图片，这样可以获得很好的设计扩展性和页面访问性能。本文是对一个使用纯CSS构建卡通人物肖像技术的介绍，非常酷的设计和效果。...
分类：
Web程序 时间：
2014-06-29 23:33:43
阅读次数：
294
小菜偶然在某网站中看到一款非常华丽的按钮特效，感觉十分有必要抄袭下来，以备日后使用。 简单描述一下按钮的效果：鼠标移到按钮上的时候，会出现灯光闪过的效果，非常的高端。 但遗憾的，这么牛逼的效果，仅仅兼容谷歌浏览器，连火狐都识别不了。 因为这个效果没有用图片，更没有用js，纯css打造，因此...
分类：
其他好文 时间：
2014-06-26 15:18:32
阅读次数：
207
分享一个纯css制作的动画化，在网页（手机）加载等的时候可以引用！...
分类：
移动开发 时间：
2014-06-26 13:55:41
阅读次数：
329
使用纯CSS+html写出方向箭头，贴出来就能够用，100%原创 ...
分类：
Web程序 时间：
2014-06-25 21:37:21
阅读次数：
236
tootip这个东西，真是什么地方都用得着，这段时间就不可避免的遇到了。首先考虑一下tooltip的基本表现： 移动到某个元素上就会弹出的元素这应该是最简单的tooltip了...
分类：
Web程序 时间：
2014-06-24 15:02:38
阅读次数：
236
http://www.zhangxinxu.com/wordpress/?p=794一、前言利用CSS的border属性可以生成一些图形，例如三角或是圆角。纯粹的CSS2的内容，没有兼容性的问题，我之前在纯CSS实现各类气球泡泡对话框效果一文中算是比较详细的讲述了CSS border属性生成三角的原...
分类：
Web程序 时间：
2014-06-17 19:43:34
阅读次数：
253
今天偶然发现电脑里面还有这样的一个例子，感觉效果还不错，不记得啥时候下载的了，也好久没上w3cfuns了，怀念学习前台的日子，给大家分享下。
效果图：
效果是不是还是很不错的，最主要的是没有使用一行js，这才是亮点。
先看html文件：
纯CSS3相册效果...
分类：
Web程序 时间：
2014-06-16 18:36:19
阅读次数：
312
