?
Facebook本身有 一個(gè)不錯(cuò)的IM軟件，這個(gè)組件教你怎么模仿faceback的樣式實(shí)現(xiàn)一個(gè)在線聊天框。
?
?
?
2. 仿 Twitter Ajax搜索
?
幫你建立以個(gè)仿Twitter風(fēng)格的搜索引擎效果。
?
?
?
3. 仿Facebook Mootools模態(tài)彈出框
?
?
Facebook中到處可以的模態(tài)彈出框組件。
?
?
?
?
?
同上，不過是jQuery實(shí)現(xiàn)。
?
?
?
Twitter 的下拉注冊(cè)框組件。
?
?
?
實(shí)現(xiàn)類似dZone 投票系統(tǒng)的組件。
?
?
?
?
?
Facebook的輸入框設(shè)計(jì)非常不錯(cuò)，這個(gè)教程教你如何實(shí)現(xiàn)類似效果。
?
?
?
這個(gè)是Digg上每篇文章后面都有的一個(gè)分享提示框，這個(gè)教程教你如何實(shí)現(xiàn)一個(gè)類似效果的組件。
?
?
?
Facebook的自動(dòng)提示輸入組件。
?
?
?
10. Twitter Load “More” Widget With Mootools
這是另外一個(gè)Twitter的ajax應(yīng)用，在點(diǎn)擊“more”鏈接的時(shí)候會(huì)載入更多的內(nèi)容，這個(gè)教程教你如何用Mootools實(shí)現(xiàn)類似效果。
?
?
?
很喜歡Twitter的提示框，非常醒目。
?
?
?
?
Digg?網(wǎng)頁的頭部做得很好，雖然不是很驚艷但是效果很不錯(cuò)。
?
?
?
13. Twitter Follow &Unfollow System
Twitter的Follow和Unfollow設(shè)計(jì)。
?
?
14. Facebook 風(fēng)格Mootools輸入框
?
跟上面提到的類似，這個(gè)是用Mootools實(shí)現(xiàn)。
?
?
15. Twitter Mootools字符數(shù)計(jì)算組件
?
Twitter的時(shí)候會(huì)有的可輸入字符數(shù)計(jì)算。
?
?
16.
重現(xiàn) Twitter
這個(gè)完整的教程會(huì)教你如何利用Mootools、PHP、MYSQL等建立一個(gè)仿Twitter全新網(wǎng)站。
?
?
英文原文： http://www.devwords.com/16-javascript-tutorials-inspired-by-social-networking-sites/
?
?
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長非常感激您！手機(jī)微信長按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
