10个实用的jQuery交互/通信插件和教程

在网站或应用程序中添加交互或通信功能,可以为用户带来非常棒的使用体验。本文整理了10个非常实用的jQuery插件和教程,可以帮助你在网站或应用中整合交互或通信功能,如新闻预览、显示最近日志的小部件、友情链接侧边栏等。

1.  使用jQuery、CSS3和PHP实现图片趣味处理

在本教程中,将实现一个在线应用程序,可以为图片添加各种有趣的部件(如胡须、眼镜和嘴唇等),使用jQuery和jQuery UI来实现部件的拖动和大小调整。

源码 / 演示

2.  基于jQuery的小型新闻预览器

在本教程中,你将学习如何创建一个新闻预览器,以显示你的最新文章或新闻。

源码 / 演示

3.  Ajax IM

这是一个基于浏览器的即时消息客户端,它使用Ajax来创建一个基本实时的环境,可用于社区、企业局域网和社交网站中。

源码/演示

4.  使用jQuery和CSS3创建相关文章滑出部件

在本教程中,你将学习如何创建一个用于显示网站中相关文章的小部件,点击该部件时,将以滑出的方式显示。

源码 / 演示

5.  Twitte引用部件

这是一个jQuery插件,可以将Twitter中@你的推文整合到你的博客中,该插件非常容易定制。

源码 / 演示

6.  使用SimplePie和jQuery实现的动态友情链接

传统的友情链接只是在侧边栏提供了一个简单的列表。本教程带来了一个全新的友情链接,除了显示链接外,还会显示这些网站中最新的文章标题,并且使用jQuery动画来显示。

源码 / 演示

7.  最新日志——基于jQuery和PHP

在本教程中,你将学习如何创建一个博客日志链接部件,以显示你最喜爱的博客最后发表的文章,该部件使用jQuery、PHP和XSL来实现。

源码 / 演示

8.  基于jQuery的Digg风格日志共享工具

该教程帮助你创建一个类似Digg的社交书签工具。

源码 / 演示

9.  OpenSocial jQuery Mixi Platform

这是一个基于jQuery的简洁的JavaScript库,主要针对快速OpenSocial(OpenSocial可为跨多个网站的社交应用程序定义通用API)应用开发。通过jQuery mixi Platform,你可以使用Mixi(日本最大的社交网站)的扩展。

源码/演示

10.  动画形式的分享栏

通过使用JavaScript与jQuery,让分享栏动起来。

源码 / 演示

英文原文:jquery4u

金牌狙击手

52html5是一个web前端|html5资源平台,为广大html5开发者及爱好者提供html5相关的教程、资讯、html5游戏、html5教程等,并涉及css3、javascript前端知识。