10个实用的jQuery交互/通信插件和教程
在网站或应用程序中添加交互或通信功能,可以为用户带来非常棒的使用体验。本文整理了10个非常实用的jQuery插件和教程,可以帮助你在网站或应用中整合交互或通信功能,如新闻预览、显示最近日志的小部件、友情链接侧边栏等。
1. 使用jQuery、CSS3和PHP实现图片趣味处理
在本教程中,将实现一个在线应用程序,可以为图片添加各种有趣的部件(如胡须、眼镜和嘴唇等),使用jQuery和jQuery UI来实现部件的拖动和大小调整。
![](http://dl.iteye.com/upload/attachment/0062/4392/b0b1a96a-8516-317c-a16b-9fc0ed430fb9.jpg)
源码 / 演示
2. 基于jQuery的小型新闻预览器
在本教程中,你将学习如何创建一个新闻预览器,以显示你的最新文章或新闻。
![](http://dl.iteye.com/upload/attachment/0062/4394/d7180f57-c104-333d-ad7e-f74ba662d2cc.jpg)
源码 / 演示
3. Ajax IM
这是一个基于浏览器的即时消息客户端,它使用Ajax来创建一个基本实时的环境,可用于社区、企业局域网和社交网站中。
![](http://dl.iteye.com/upload/attachment/0062/4396/1b74d1e0-3921-37b7-8701-be915d4fbc1a.jpg)
源码/演示
4. 使用jQuery和CSS3创建相关文章滑出部件
在本教程中,你将学习如何创建一个用于显示网站中相关文章的小部件,点击该部件时,将以滑出的方式显示。
![](http://dl.iteye.com/upload/attachment/0062/4398/84bd7782-8e38-3208-94bc-55a1ca9c5094.jpg)
源码 / 演示
5. Twitte引用部件
这是一个jQuery插件,可以将Twitter中@你的推文整合到你的博客中,该插件非常容易定制。
![](http://dl.iteye.com/upload/attachment/0062/4400/c41c26d4-17bd-3903-a6f9-3b34b3f437cd.jpg)
源码 / 演示
6. 使用SimplePie和jQuery实现的动态友情链接
传统的友情链接只是在侧边栏提供了一个简单的列表。本教程带来了一个全新的友情链接,除了显示链接外,还会显示这些网站中最新的文章标题,并且使用jQuery动画来显示。
![](http://dl.iteye.com/upload/attachment/0062/4402/a8123a07-1dd4-3b56-847c-a2ee643d28b6.jpg)
源码 / 演示
7. 最新日志——基于jQuery和PHP
在本教程中,你将学习如何创建一个博客日志链接部件,以显示你最喜爱的博客最后发表的文章,该部件使用jQuery、PHP和XSL来实现。
![](http://dl.iteye.com/upload/attachment/0062/4404/5f5894ab-9c89-336d-a353-4687cb8d64a7.jpg)
源码 / 演示
8. 基于jQuery的Digg风格日志共享工具
该教程帮助你创建一个类似Digg的社交书签工具。
![](http://dl.iteye.com/upload/attachment/0062/4406/256954dc-1fe5-3778-94b9-70eddf252978.jpg)
源码 / 演示
9. OpenSocial jQuery Mixi Platform
这是一个基于jQuery的简洁的JavaScript库,主要针对快速OpenSocial(OpenSocial可为跨多个网站的社交应用程序定义通用API)应用开发。通过jQuery mixi Platform,你可以使用Mixi(日本最大的社交网站)的扩展。
![](http://dl.iteye.com/upload/attachment/0062/4408/c3b66cb6-d7c9-3c84-963b-8a8dbc086f78.jpg)
源码/演示
10. 动画形式的分享栏
通过使用JavaScript与jQuery,让分享栏动起来。
![](http://dl.iteye.com/upload/attachment/0062/4410/ecc17ec1-2a17-354f-9fd4-33fdaef65b72.jpg)