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. nginx 安装禅道
  2. python 将excel文件转换为txt文件_python利用pandas将excel文件转换为txt文件的方法
  3. [C语言]一个很实用的服务端和客户端进行UDP通信的实例
  4. 在web网页中正确使用图片格式
  5. git maven 一键部署_Jenkins Git Maven搭建自动化部署项目环境 邮件通知
  6. Go语言的flag库、os库、strconv库
  7. CCNA学习笔记12-NAT
  8. android播放网页视频播放器下载,超酷网页视频播放器
  9. zigbee网关 CC2530 zstack用手机显示终端传来的lm75a温度传感器的值
  10. centos 使用iptables实现只允许中国IP访问服务器或者禁止访问
  11. 2017 年终总结 --- 忙碌而又颇有意义的一年
  12. 【Linux】一步一步学Linux——VMware Workstation 15 Pro安装图解教程(06)
  13. 腾讯自研HIDS「洋葱」后台上云架构演进实践
  14. 企业微信收款后可以进行退款吗?如何操作?
  15. 企业做网络推广和软文发布都有哪些营销渠道?
  16. 什么是3G工程师,3G工程师知识储备
  17. 手把手教你使用Python抓取QQ音乐数据!
  18. png转jpg具体操作方法
  19. Android 4.4 如何修改WiFi热点的默认SSID和密码
  20. 字节主管工程师年薪中位数 56.4 万美元,排世界第 7,2022 全球程序员收入报告出炉!...

热门文章

  1. php mongodb 视频教程,燕十八mongodb视频资料分享
  2. k-means算法的matlab代码实现_MATLAB遗传算法及其实现
  3. 学习OpenVINO笔记之Inference Engine
  4. 【PyTorch】eval() ==>主要是针对某些在train和predict两个阶段会有不同参数的层,比如Dropout层和BN层
  5. 计算机网络3-DNS域名解析系统
  6. WampServer + phpcms 开发中,浏览器 localhost 出现 Cannot to connect to mySQL server 的原因分析和解决办法?
  7. WordPress插件-Wordfence Security v7.4汉化版-可更新
  8. netty并发量一般多少_Netty框架简介
  9. SkyCaiji蓝天数据采集发布系统源码v2.3
  10. 网站随机动态密码代码