1. Facebook jQuery聊天框。


Facebook本身有 一个不错的IM软件,这个组件教你怎么模仿faceback的样式实现一个在线聊天框。

Demo     Download

2. 仿Twitter Ajax搜索

帮你建立以个仿Twitter风格的搜索引擎效果。

 

Demo   Download

3. 仿Facebook Mootools模态弹出框

Facebook中到处可以的模态弹出框组件。

Demo  Download

4. 仿Facebook jQuery模态弹出框

同上,不过是jQuery实现。

Demo  Download

5. Twitter jQuery下拉注册框

Twitter 的下拉注册框组件。

Demo   Download

6. dZone 投票系统

实现类似dZone 投票系统的组件。

Demo   Download

7. Facebook Prototype输入框

Facebook的输入框设计非常不错,这个教程教你如何实现类似效果。

Demo  Download

8. Digg   jQuery “Share” 提示框

这个是Digg上每篇文章后面都有的一个分享提示框,这个教程教你如何实现一个类似效果的组件。

Demo  Download

9. Facebook Auto Complete

Facebook的自动提示输入组件。

Download

10. Twitter Load “More” Widget With Mootools

这是另外一个Twitter的ajax应用,在点击“more”链接的时候会载入更多的内容,这个教程教你如何用Mootools实现类似效果。

Demo  Download

11. 仿Twitter  jQuery Alert框

很喜欢Twitter的提示框,非常醒目。

Demo  Download

12. Digg Header With jQuery

Digg 网页的头部做得很好,虽然不是很惊艳但是效果很不错。

Demo  Download

13. Twitter Follow &Unfollow System

Twitter的Follow和Unfollow设计。

Demo  Download

14. Facebook 风格Mootools输入框

跟上面提到的类似,这个是用Mootools实现。

Demo   Source

15. Twitter Mootools字符数计算组件

Twitter的时候会有的可输入字符数计算。

Demo Source

16. 重现 Twitter
这个完整的教程会教你如何利用Mootools、PHP、MYSQL等建立一个仿Twitter全新网站。

英文原文:http://www.devwords.com/16-javascript-tutorials-inspired-by-social-networking-sites/

16个SNS网站常用JS组件相关推荐

  1. 【Springboot 入门培训】# 17 WebJars + BootStrap5 常用JS组件应用

    在传统的前后一体项目开发中,大部分人会使用到BootStrap加其它JS组件的配合方式来完成页面UI功能的实现.下面介绍几种常用的JS库的使用方法.代码例子下载 目录 1 树形组件 1.1 TreeJ ...

  2. 高德地图api 常用JS组件

    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.6&key=你自 ...

  3. vue.js组件的练习_由Vue.js开发的电阻器颜色练习网站

    vue.js组件的练习 ResisColor (ResisColor) ⚡ A resistor color practice website develop by Vue.js. ⚡电阻器颜色练习网 ...

  4. 16款优秀的Vue UI组件库推荐

    16款优秀的Vue UI组件库推荐 Vue 是一个轻巧.高性能.可组件化的MVVM库,API简洁明了,上手快.从Vue推出以来,得到众多Web开发者的认可. 在公司的Web前端项目开发中,多个项目采用 ...

  5. VUE.JS 组件化开发实践

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 前言 公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子.后来接到一个基于模 ...

  6. 【分享】常用JS(2)

    ============================================== 1.文本框焦点问题 onBlur:当失去输入焦点后产生该事件 onFocus:当输入获得焦点后,产生该文件 ...

  7. JS组件Bootstrap实现弹出框和提示框效果代码

    前言:对于Web开发人员,弹出框和提示框的使用肯定不会陌生,比如常见的表格新增和编辑功能,一般常见的主要有两种处理方式:行内编辑和弹出框编辑.在增加用户体验方面,弹出框和提示框起着重要的作用,如果你的 ...

  8. 推荐几个web中常用js图表插件

    推荐几个web中常用js图表插件 作者:zccst 我自己用过fusioncharts和highchart. jQuery插件有: TufteGraph flot js charts jqchart ...

  9. Vue.js组件化开发实践

    Vue.js组件化开发实践 前言 公司目前制作一个H5活动,特别是有一定统一结构的活动,都要码一个重复的轮子.后来接到一个基于模板的活动设计系统的需求,便有了一下的内容.首先会对使用Vue进行开发的一 ...

最新文章

  1. 运动想象脑机接口中迁移学习的完整流程
  2. 【计算理论】计算复杂性 ( P 类 | 有效算法函数 | NP 直觉 | NP 简介 | NP 类严格数学定义 )
  3. 2011年5月19日盘后分析:把握行情运行主线 静待大盘明确信号
  4. AUTOSAR从入门到精通100讲(三十五)-AUTOSAR BswM三部曲-概念实践代码分析
  5. linux proc文件 write的原子性,linux - Linux中writev()系统调用的原子性 - 堆栈内存溢出...
  6. java2组随机数的共通数_java随机数产生-指数分布 正态分布 等
  7. testNG单元测试学习
  8. Unity应用架构设计(10)——绕不开的协程和多线程(Part 1)
  9. STM32工作笔记0086---UCOSIII信号量和互斥信号量(下)
  10. 安卓平台中的动态加载技术分析
  11. js中获取当前项目名等
  12. 03-CSS样式表和选择器
  13. Opmanager研究笔记
  14. 电脑自动安装软件、各种弹窗广告、中病毒等问题解决方案
  15. html设置字体为小型大写字母,css – 启用小型大写字母
  16. python/sympy求解矩阵方程
  17. 学习这篇总结后,你也能做出天天快报一样的推荐系统
  18. docker之win安装gitlab
  19. 【无标题】scp的使用
  20. COSELF 次元秀场伦敦时装周预告 #虚拟时尚

热门文章

  1. 信息学奥赛一本通C++语言——1024:保留3位小数的浮点数
  2. SAP MM模块-实施顾问岗位-面试手册-面试准备
  3. 带栩字的优美古诗句_带栩字的名字_以栩字起名-尚名网
  4. OpenVINO 获取计算棒计算结果
  5. 【Pytorch】tensorboardX==》数据可视化
  6. mysql cleaned up_MySQL数据库无法启动的简单排错
  7. PC端页面调用QQ聊天 - 封装篇
  8. 怎么判断机械硬盘要多大_秋天要多吃芋头,买芋头是买大的还是小的?学学广西大妈怎么买...
  9. 通信系统的monte carl仿真_深国电公司电力物联仿真检测系统建成投运
  10. PHP导航猫导航系统源码