本文介绍了一系列模仿知名社交网站如Facebook、Twitter和Digg等的UI组件实现教程，涵盖聊天框、搜索框、模态弹出框等多种交互元素。
Facebook本身有 一个不错的IM软件，这个组件教你怎么模仿faceback的样式实现一个在线聊天框。
2. 仿Twitter Ajax搜索
帮你建立以个仿Twitter风格的搜索引擎效果。
Facebook中到处可以的模态弹出框组件。
同上，不过是jQuery实现。
Twitter 的下拉注册框组件。
6. dZone 投票系统
实现类似dZone 投票系统的组件。
Facebook的输入框设计非常不错，这个教程教你如何实现类似效果。
这个是Digg上每篇文章后面都有的一个分享提示框，这个教程教你如何实现一个类似效果的组件。
Facebook的自动提示输入组件。
10. Twitter Load “More” Widget With Mootools
这是另外一个Twitter的ajax应用，在点击“more”链接的时候会载入更多的内容，这个教程教你如何用Mootools实现类似效果。
很喜欢Twitter的提示框，非常醒目。
Digg 网页的头部做得很好，虽然不是很惊艳但是效果很不错。
13. Twitter Follow &Unfollow System
Twitter的Follow和Unfollow设计。
跟上面提到的类似，这个是用Mootools实现。
Twitter的时候会有的可输入字符数计算。
16. 重现 Twitter
这个完整的教程会教你如何利用Mootools、PHP、MYSQL等建立一个仿Twitter全新网站。
英文原文：http://www.devwords.com/16-javascript-tutorials-inspired-by-social-networking-sites/
扫一扫
1408
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
