设计Javascript+css的网页效果

当鼠标在某一个图标上停留超过一定时间，该朋友的信息将显示在上方，包括名字，大一点的照片，一行介绍（不超过40字）。点名字，照片可以打开该朋友的页面链接（您随便放一个就好了）。这些不同种类的内容均需要定义不同的css格式。我们修改内容的时候可以直接在您提供的示例上改就好了。

其他要求：

1、直接点击小图将直接连至其页面

2、上方用于显示的区域一开始有一个缺省的画面

3、切换显示内容的时候最好有一点效果，比如fade in+fade out（渐变效果）

4、如果鼠标移走（不是移到另一个图上），显示内容要停留一会（大概3秒）

提供html+css文件，如果有单独的js文件请一起打包，规范取名。这样我们打开以后可以直接运行看效果。