使用xHTML+CSS高仿QQ空间实例

案例先晒了效果图:

QQ上的好多效果都漂亮,今天就实例当中一个小的功能!

看似简单的效果,我整整花了3个小时!

结果还不是完美。

兼容性没有处理,有兴趣的同学可以尝试一下!

知识点:

1,浮动与定位布局?。

2,小三角的CSS实现方式?。

3,通过jquery实现切换效果?。

4,jquery用到的知识:

? ???a,jquery选择器

? ???b,筛选(find(),siblings(),end(),eq())

? ???c,each()遍历

? ???d,click()单击事件

? ???e,效果(显示/隐藏,滑入/滑出)

? ???f,css属性操作(addClass(),removeClass())

技术要在了解理论的前提下不断的实践才能更好的提升自己!!加油!!

Seo先生博客转载WEB前端开发,案例预览地址:http://seosir.cc/demo/qzone/index.html

讨论区