<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>我想网 &#187; Plugin</title>
	<atom:link href="http://www.iwanna.cn/topics/develope/plugin-develope/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.iwanna.cn</link>
	<description></description>
	<lastBuildDate>Sat, 31 Jul 2010 15:12:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>21个演示展示强大的jQuery特效</title>
		<link>http://www.iwanna.cn/archives/2010/07/23/4691/</link>
		<comments>http://www.iwanna.cn/archives/2010/07/23/4691/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 14:18:33 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=4691</guid>
		<description><![CDATA[就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一！自从Ipad诞生, 并且不支持 Flash Player,  加速了web开发中使用其他技术代替flash，比如 jQuery, Ajax 还有其它。
尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,web设计师习惯于用flash完成一些特效，但这些都能用jQuery轻松实现！下面有 21 个在线的演示来显示jQuery在制作高级特效和交互方面的强大能力，可以媲美Flash！
1. Flip! 一个 jQuery 插件
这个演示 模仿流行的卡片翻转的效果，可以360度旋转自身，x或y维度！


2. jQuery Quicksand 插件
这是一个强大的插件用来在页面上排序数组的元素/图标,有酷的渐入 /渐出和动画特效！

3. ImageFlow
这个图像浏览器和苹果的CoverFlow界面很相似，让用户能够很熟悉他们的产品和应用！

4. 用jQuery代替flash建立一个交互性地图
这个演示展示了jQuery用ajax技术创造迷人的界面的强大能力！

5. 用jQuery &#38; CSS3滑出消息
点击+号用漂亮的光滑的动画效果展示附加的信息！

6. Zoomer Gallery
在这个演示中看起来静态的画廊被multi-layer zoom特效变得富有交互性，当移到图像上时会产生缩放！

7. jQuery Circulate
这个演示展示了滚球的粒子效果，所有的特效都是用jQuery

8. Photo Zoom Out Effect
这个也是一个图像伸缩的特效，看起来静止的画面，会随着你的鼠标移过而变得富有生机！

9. Sliding Boxes and Captions with jQuery
这里我们可以看到原本只能被flash开发者创造的过渡特效，现在使用jQuery一样可以办到！

10. CSS3 Lightbox Gallery
这个插件看起来是为媒体展示图片特别制作的，你可以任意拖拽图片达到图片拼接的效果，你还可以单击放大图片！这是一个强大的图片展示特效！你还可以  用API使用ajax技术让人们分享图片到Flickr，twitter，Facebook或者其他网站！当然中国的新浪微博、人人网、开心网也能！

11. 用jQuery和CSS3创造一个拍照效果！
一眼看去这个演示像游戏狙击，乍一看居然是拍照功能！这是一个很强大的工具，当用AJAX或者HTML5本地存储时，用来对付特别大的图像！

12. Awesome Bubble Navigation-可怕的泡沫导航效果
开发者用色彩变换和动画创造出一个非常吸引人的并且富有交互性的菜单！

13. Beautiful Background Image Navigation
酷炫的图片展示特效，用来做导航会有惊人的效果！

14. [...]]]></description>
			<content:encoded><![CDATA[<p>就在不久之前, Flash 是被web设计师用来为网站添加交互的重要技术之一！自从Ipad诞生, 并且不支持 Flash Player,  加速了web开发中使用其他技术代替flash，比如 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>, Ajax 还有其它。<br />
尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,web设计师习惯于用flash完成一些特效，但这些都能用<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>轻松实现！下面有 <strong><a href="http://www.iwanna.cn/archives/2010/07/23/4691/" title="21个演示展示强大的jQuery特效">21 个在线的演示来显示jQuery在制作高级特效</a></strong>和交互方面的强大能力，可以媲美Flash！</p>
<p><strong>1. Flip! 一个 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 插件</strong></p>
<p>这个演示 模仿流行的卡片翻转的效果，可以360度旋转自身，x或y维度！</p>
<p><a href="http://lab.smashup.it/flip/"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-11.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a><br />
<span id="more-4691"></span><br />
<strong>2. <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> Quicksand 插件</strong></p>
<p>这是一个强大的插件用来在页面上排序数组的元素/图标,有酷的渐入 /渐出和动画特效！</p>
<p><a href="http://razorjack.net/quicksand/"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-2.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>3. ImageFlow</strong></p>
<p>这个图像浏览器和苹果的CoverFlow界面很相似，让用户能够很熟悉他们的产品和应用！</p>
<p><a href="http://imageflow.finnrudolph.de/"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-3.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>4. 用<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>代替flash建立一个交互性地图</strong></p>
<p>这个演示展示了<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>用ajax技术创造迷人的界面的强大能力！</p>
<p><a href="http://www.gethifi.com/blog/a-jquery-plugin-for-zoomable-interactive-maps"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-4.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="398" /></a></p>
<p><strong>5. 用<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> &amp; CSS3滑出消息</strong></p>
<p>点击+号用漂亮的光滑的动画效果展示附加的信息！</p>
<p><a href="http://demo.tutorialzine.com/2010/04/slideout-context-tips-jquery-css3/demo.html"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-5.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>6. Zoomer Gallery</strong></p>
<p>在这个演示中看起来静态的画廊被multi-layer zoom特效变得富有交互性，当移到图像上时会产生缩放！</p>
<p><a href="http://addyosmani.com/blog/zoomer-gallery-a-jquery-plugin-for-displaying-images-with-flash-like-zooming-effects/"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-6.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="405" /></a></p>
<p><strong>7. <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> Circulate</strong></p>
<p>这个演示展示了滚球的粒子效果，所有的特效都是用<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></p>
<p><a href="http://css-tricks.com/examples/Circulate/"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-7.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>8. Photo Zoom Out Effect</strong></p>
<p>这个也是一个图像伸缩的特效，看起来静止的画面，会随着你的鼠标移过而变得富有生机！</p>
<p><a href="http://www.tympanus.net/Tutorials/PhotoZoomOutEffect/"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-8.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="405" /></a></p>
<p><strong>9. Sliding Boxes and Captions with <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></strong></p>
<p>这里我们可以看到原本只能被flash开发者创造的过渡特效，现在使用<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>一样可以办到！</p>
<p><a href="http://images.uheed.com/iwanna/2010/07/23/jquery/image-9.jpg"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-9.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>10. CSS3 Lightbox Gallery</strong></p>
<p>这个插件看起来是为媒体展示图片特别制作的，你可以任意拖拽图片达到图片拼接的效果，你还可以单击放大图片！这是一个强大的图片展示特效！你还可以  用API使用ajax技术让人们分享图片到Flickr，twitter，Facebook或者其他网站！当然中国的新浪微博、人人网、开心网也能！</p>
<p><a href="http://demo.tutorialzine.com/2009/11/hovering-gallery-css3-jquery/demo.php"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-10.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>11. 用<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>和CSS3创造一个拍照效果！</strong></p>
<p>一眼看去这个演示像游戏狙击，乍一看居然是拍照功能！这是一个很强大的工具，当用AJAX或者HTML5本地存储时，用来对付特别大的图像！</p>
<p><a href="http://images.uheed.com/iwanna/2010/07/23/jquery/image-111.jpg"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-111.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>12. Awesome Bubble Navigation-可怕的泡沫导航效果</strong></p>
<p>开发者用色彩变换和动画创造出一个非常吸引人的并且富有交互性的菜单！</p>
<p><a href="http://tympanus.net/Tutorials/BubbleNavigation/"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-12.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="404" /></a></p>
<p><strong>13. Beautiful Background Image Navigation</strong></p>
<p>酷炫的图片展示特效，用来做导航会有惊人的效果！</p>
<p><a href="http://images.uheed.com/iwanna/2010/07/23/jquery/image-13.jpg"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-13.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>14. AviaSlider</strong></p>
<p>AviaSlider采用经典的类似Flash的过渡效果，以强化滑块界面。</p>
<p><a href="http://images.uheed.com/iwanna/2010/07/23/jquery/image-14.jpg"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-14.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="402" /></a></p>
<p><strong>15. Background Image Slideshow</strong></p>
<p>动画背景的地方flash用来支配的网页设计之一。这里有一个例子使用<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>代替。</p>
<p><a href="http://demo.marcofolio.net/bgimg_slideshow/"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-15.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>16. Panning Slideshow</strong></p>
<p>另一个独特采取典型幻灯片界面。在这里，笔者增加了对角线导航的接口，并使其脱颖而出。</p>
<p><a href="http://s3.amazonaws.com/buildinternet/live-tutorials/panning-slideshow/panning-slideshow.htm"><img title="image (16)" src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-16.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="400" /></a></p>
<p><strong>17. jqFancyTransitions</strong></p>
<p>这个插件可以用来显示作为一个具有奇特法拉盛般的幻灯片过渡效果的照片。</p>
<p><a href="http://workshop.rs/projects/jqfancytransitions/"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-17.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="405" /></a></p>
<p><strong>18. iCarousel – Horizontal images slider</strong></p>
<p>另一个幻灯片，添加了缓和的过渡和真的挺身而出。这也难怪他们选择在此演示，展示性感的Mac产品。</p>
<p><a href="http://zendold.lojcomm.com.br/icarousel/example6.asp"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-18.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>19. Making an Interactive Picture with <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></strong></p>
<p>该演示可用于拍摄的网站那里有很多优势的屏幕空间。该网站上发现的第一个模式框点击它显示更多关于点击部分的信息。</p>
<p><a href="http://static.buildinternet.com/live-tutorials/interactive-picture/index.html"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-19.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>20. Cloud Zoom</strong></p>
<p>一个插件，看起来好像是在考虑电子商务设计。云缩放易于实现，能真正提高用户的体验。</p>
<p><a href="http://www.professorcloud.com/mainsite/cloud-zoom.htm"><img title="image (20)" src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-20.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><strong>21. Apple-like Retina Effect</strong></p>
<p>任何人谁使用了一iPhone，iPod的触摸，或ipad，将扩大在屏幕上时，你碰了长时间的面积小面积熟悉。此演示实现这个桌面效果。</p>
<p><a href="http://images.uheed.com/iwanna/2010/07/23/jquery/image-21.jpg"><img src="http://images.uheed.com/iwanna/2010/07/23/jquery/image-21.jpg" alt="21个演示展示强大的jQuery特效 | iwanna.cn 我想网" width="500" height="406" /></a></p>
<p><em>专为WDD编译 <a href="http://www.designtopx.com/" target="_blank">Kalim 舰队,</a> 。他是一个专业网站设计者和博客与超过6年的经验。这个网站是他的激情,他自己的时间写博客的分裂,软件的发展和社会的媒体。他喜欢使用和开发新的应用网 络、移动、桌面。</em></p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/07/23/4691/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/07/23/4691/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/07/23/4691/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/07/23/4691/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/07/23/4691/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/topics/ui/javascript/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/07/11/4460/" title="推荐8个独特应用的JQuery拖放插件 (2010年07月11日)">推荐8个独特应用的JQuery拖放插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/23/811/" title="FCBKcomplete v 2.02 (2009年04月23日)">FCBKcomplete v 2.02</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/01/1621/" title="6个jQuery图标插件的应用程序 (2009年06月1日)">6个jQuery图标插件的应用程序</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/08/4164/" title="50个表单功能，验证，安全和自定义化的jQuery插件 (2010年07月8日)">50个表单功能，验证，安全和自定义化的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/08/2812/" title="30个最好的jQuery表单插件 (2010年05月8日)">30个最好的jQuery表单插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/01/26/2474/" title="30+ 新鲜惊奇的 jQuery 插件与教程 (2010年01月26日)">30+ 新鲜惊奇的 jQuery 插件与教程</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/14/2913/" title="2010年4月：最佳的jQuery插件 (2010年05月14日)">2010年4月：最佳的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/07/4401/" title="10+个jQuery图片滚动插件介绍 (2010年07月7日)">10+个jQuery图片滚动插件介绍</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/26/3379/" title="10 个帮助你处理Web页面层布局的jQuery插件 (2010年05月26日)">10 个帮助你处理Web页面层布局的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/07/3765/" title="简单的JQuery聚光灯效果教程 (2010年06月7日)">简单的JQuery聚光灯效果教程</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/07/23/4691/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>50个表单功能，验证，安全和自定义化的jQuery插件</title>
		<link>http://www.iwanna.cn/archives/2010/07/08/4164/</link>
		<comments>http://www.iwanna.cn/archives/2010/07/08/4164/#comments</comments>
		<pubDate>Thu, 08 Jul 2010 14:16:17 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Translate]]></category>
		<category><![CDATA[翻译]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=4164</guid>
		<description><![CDATA[http://speckyboy.com/2010/06/22/50-jquery-plugins-for-form-functionality-validation-security-and-customisation/
http://www.iwanna.cn/archives/2010/06/23/4164/
说实话，填写表单总是件很痛苦的事。那么对于开发者而言呢？可以创建一份表单说他们而言是件更为痛苦的事。没有人真正会喜欢他们，对于开发者而言，当涉及到表单开发时最困难的挑战并非仅仅在于创建一份简单且快速为用户所接受使用，但也必须是尽可能地方便且使用。这的确是相当的不容易啊。
本篇文章中，我们已经收集了50个JQuery插件以帮助您建立强大的表单。今后如果您碰到任何关于表单的解决方案，想必您会从这里找到您JQuery方案。
表单功能插件
Elastic – Make your  textareas grow
这个jQuery插件让你textareas表单域增长和缩小，以适应它的内容。它的灵感来自于Facebook 的 textareas 域。
Elastic – Make your  textareas grow »

jQuery  “Highlight” Plugin
高亮区可以提高表单的可用性，突出页面上的交互元素。其主要是在表单中使用，但它也可用于表格，列表，或任何您指定的元素。
jQuery  “Highlight” Plugin »
Autotab: jQuery  Auto-Tabbing and Filtering
Autotab是一个jQuery插件，它提供的自动切换和过滤表单域中的文本域。一旦输入的字符串达到了已定义的文本长度，它会自动切换到自动设置的目标元素。
Autotab: jQuery  Auto-Tabbing and Filtering »
Ajax  Fancy Captcha
Ajax  Fancy Captcha通过新页面帮助您保护页面远离机器人及垃圾邮件发送者的攻击，仅仅是通过很“人性化的验证”实现。这是通过将指定项拖拽到一个圆圈中实现的。
Ajax  Fancy Captcha »
jQuery  NobleCount
NobleCount可以动态地将textarea域中剩余字符的数目显示在本文中，Twitter风格。
jQuery  NobleCount »
Password  Strength Indicator and Generator
Password [...]]]></description>
			<content:encoded><![CDATA[<p>http://speckyboy.com/2010/06/22/50-<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jquery</a>-plugins-for-form-functionality-validation-security-and-customisation/</p>
<p>http://www.iwanna.cn/archives/2010/06/23/4164/</p>
<p>说实话，填写表单总是件很痛苦的事。那么对于开发者而言呢？可以创建一份表单说他们而言是件更为痛苦的事。没有人真正会喜欢他们，对于开发者而言，当涉及到表单开发时最困难的挑战并非仅仅在于创建一份简单且快速为用户所接受使用，但也必须是尽可能地方便且使用。这的确是相当的不容易啊。</p>
<p>本篇文章中，我们已经收集了<strong><a href="http://www.iwanna.cn/archives/2010/06/23/4164/" title="50个表单功能，验证，安全和自定义化的jQuery插件">50个JQuery插件</a></strong>以帮助您建立强大的表单。今后如果您碰到任何关于表单的解决方案，想必您会从这里找到您<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">JQuery</a>方案。</p>
<h1>表单功能插件</h1>
<h2><a href="http://www.unwrongest.com/projects/elastic/" target="_blank">Elastic – Make your  textareas grow</a></h2>
<p><a href="http://www.unwrongest.com/projects/elastic/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_01.jpg" alt="Elastic – Make your textareas grow - jQuery Form Plugin" width="320" height="226" /></a>这个<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件让你textareas表单域增长和缩小，以适应它的内容。它的灵感来自于Facebook 的 textareas 域。<br />
<a href="http://www.unwrongest.com/projects/elastic/" target="_blank">Elastic – Make your  textareas grow »</a><br />
<span id="more-4164"></span></p>
<h2><a href="http://www.keyframesandcode.com/code/development/javascript/jquery-highlight-plugin/" target="_blank">jQuery  “Highlight” Plugin</a></h2>
<p><a href="http://www.keyframesandcode.com/code/development/javascript/jquery-highlight-plugin/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_02.jpg" alt="jQuery “Highlight” Plugin - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.keyframesandcode.com/code/development/javascript/jquery-highlight-plugin/" target="_blank">高亮区</a>可以提高表单的可用性，突出页面上的交互元素。其主要是在表单中使用，但它也可用于表格，列表，或任何您指定的元素。<br />
<a href="http://www.keyframesandcode.com/code/development/javascript/jquery-highlight-plugin/" target="_blank">jQuery  “Highlight” Plugin »</a></p>
<h2><a href="http://www.lousyllama.com/sandbox/jquery-autotab" target="_blank">Autotab: jQuery  Auto-Tabbing and Filtering</a></h2>
<p><a href="http://www.lousyllama.com/sandbox/jquery-autotab" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_03.jpg" alt="Autotab: jQuery Auto-Tabbing and Filtering - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.lousyllama.com/sandbox/jquery-autotab" target="_blank">Autotab</a>是一个<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件，它提供的自动切换和过滤表单域中的文本域。一旦输入的字符串达到了已定义的文本长度，它会自动切换到自动设置的目标元素。<br />
<a href="http://www.lousyllama.com/sandbox/jquery-autotab" target="_blank">Autotab: jQuery  Auto-Tabbing and Filtering »</a></p>
<h2><a href="http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin" target="_blank">Ajax  Fancy Captcha</a></h2>
<p><a href="http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_04.jpg" alt="Ajax Fancy Captcha - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin" target="_blank">Ajax  Fancy Captcha</a>通过新页面帮助您保护页面远离机器人及垃圾邮件发送者的攻击，仅仅是通过很“人性化的验证”实现。这是通过将指定项拖拽到一个圆圈中实现的。<br />
<a href="http://www.webdesignbeach.com/beachbar/ajax-fancy-captcha-jquery-plugin" target="_blank">Ajax  Fancy Captcha »</a></p>
<h2><a href="http://tpgblog.com/2010/03/23/noblecount-jquery-character-count-plugin/" target="_blank">jQuery  NobleCount</a></h2>
<p><a href="http://tpgblog.com/2010/03/23/noblecount-jquery-character-count-plugin/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_05.jpg" alt="jQuery NobleCount - jQuery Form Plugin" width="320" height="226" /></a><a href="http://tpgblog.com/2010/03/23/noblecount-jquery-character-count-plugin/" target="_blank">NobleCount</a>可以动态地将textarea域中剩余字符的数目显示在本文中，Twitter风格。<br />
<a href="http://tpgblog.com/2010/03/23/noblecount-jquery-character-count-plugin/" target="_blank">jQuery  NobleCount »</a></p>
<h2><a href="http://benjaminsterling.com/password-strength-indicator-and-generator/" target="_blank">Password  Strength Indicator and Generator</a></h2>
<p><a href="http://benjaminsterling.com/password-strength-indicator-and-generator/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_06.jpg" alt="Password Strength Indicator and Generator - jQuery Form Plugin" width="320" height="226" /></a><a href="http://benjaminsterling.com/password-strength-indicator-and-generator/" target="_blank">Password  Strength Indicator and Generator</a> 插件允许您设置元素的类，这样您就可以图形化显示密码的强度。<br />
<a href="http://benjaminsterling.com/password-strength-indicator-and-generator/" target="_blank">Password  Strength Indicator and Generator »</a></p>
<h2><a href="http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx" target="_blank">FormToWizard  Plugin</a></h2>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_07.jpg" alt="FormToWizard Plugin - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx" target="_blank">FormToWizard</a> 插件允许您以“依次向左”的步骤实现表单信息提交。<br />
<a href="http://www.jankoatwarpspeed.com/post/2009/09/28/webform-wizard-jquery.aspx" target="_blank">FormToWizard  Plugin »</a></p>
<h2><a href="http://www.csskarma.com/blog/sliding-labels-v2/" target="_blank">Sliding Labels –  jQuery Form Plugin</a></h2>
<p><a href="http://www.csskarma.com/blog/sliding-labels-v2/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_08.jpg" alt="Sliding Labels - jQuery Form Plugin" width="320" height="226" /></a><br />
<a href="http://www.csskarma.com/blog/sliding-labels-v2/" target="_blank">Sliding Labels –  jQuery Form Plugin »</a></p>
<h2><a href="http://jquery.kuzemchak.net/toggleval.php" target="_blank">ToggleVal</a></h2>
<p><a href="http://jquery.kuzemchak.net/toggleval.php" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_09.jpg" alt="ToggleVal - jQuery Form Plugin" width="320" height="226" /></a><a href="http://jquery.kuzemchak.net/toggleval.php" target="_blank">ToggleVal</a>会让您选择以不同的方式来填充表单文本字段（某些不同的方式），当接收和失去焦点的时候会自动切换至默认值。<br />
<a href="http://jquery.kuzemchak.net/toggleval.php" target="_blank">ToggleVal »</a></p>
<h2><a href="http://itgroup.com.ph/alphanumeric/" target="_blank">jQuery  AlphaNumeric</a></h2>
<p><a href="http://itgroup.com.ph/alphanumeric/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_10.jpg" alt="jQuery AlphaNumeric - jQuery Form Plugin" width="320" height="226" /></a><a href="http://itgroup.com.ph/alphanumeric/" target="_blank">jQuery  AlphaNumeric</a> is a javascript control plugin that allows you to limit  what characters a user can enter on textboxes or textareas.<br />
<a href="http://itgroup.com.ph/alphanumeric/" target="_blank">jQuery  AlphaNumeric »</a></p>
<h1>Form Encyription and Password  Security</h1>
<h2><a href="http://www.dreamcss.com/2009/08/javascript-html-form-encryption-plugin.html" target="_blank">jCryption</a></h2>
<p><a href="http://www.dreamcss.com/2009/08/javascript-html-form-encryption-plugin.html" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_11.jpg" alt="jCryption - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.dreamcss.com/2009/08/javascript-html-form-encryption-plugin.html" target="_blank">jCryption</a> is a JavaScript <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>-Form encryption plugin, which encrypts the  POST/GET data submitted by forms.<br />
Normally, when you submit a form,  data will be sent in plain text if no SSL is used. But SSL is not  supported by every webhost nor it’s easy to install/apply at times. So  in this situation the jCryption plugin helps you to encrypt your data  with ease.<br />
<a href="http://www.dreamcss.com/2009/08/javascript-html-form-encryption-plugin.html" target="_blank">jCryption  »</a></p>
<h2><a href="http://bassistance.de/jquery-plugins/jquery-plugin-password-validation/" target="_blank">Password  Validation Plugin</a></h2>
<p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-password-validation/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_12.jpg" alt="Password Validation Plugin - jQuery Form Plugin" width="320" height="226" /></a>This plugin offers a function that rates passwords for  factors like mixed upper/lower case, mix of characters (digits, special  characters), length and similarity to a username (optional) and gives a  custom method for the validation plugin that uses the rating function to  display a password strength meter, requiring the field to have a “good”  rating.<br />
<a href="http://bassistance.de/jquery-plugins/jquery-plugin-password-validation/" target="_blank">Password  Validation Plugin »</a></p>
<h2><a href="http://www.unwrongest.com/projects/password-strength/" target="_blank">Password  Strength – Estimates brute force time</a></h2>
<p><a href="http://www.unwrongest.com/projects/password-strength/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_13.jpg" alt="Password Strength – Estimates brute force time - jQuery Form  Plugin" width="320" height="226" /></a><a href="http://www.unwrongest.com/projects/password-strength/" target="_blank">Password  Strength</a> tries to calculate how many possibilities the hacker needs  to try to guess your password. It makes the assumption that it is  possible to test 2800 million passwords per second.<br />
<a href="http://www.unwrongest.com/projects/password-strength/" target="_blank">Password  Strength »</a></p>
<h2><a href="http://phiras.wordpress.com/2009/07/29/password-strength-meter-v-2/" target="_blank">Password  Strength Meter v2</a></h2>
<p><a href="http://phiras.wordpress.com/2009/07/29/password-strength-meter-v-2/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_14.jpg" alt="Password Strength Meter v2 - jQuery Form Plugin" width="320" height="226" /></a>The <a href="http://phiras.wordpress.com/2009/07/29/password-strength-meter-v-2/" target="_blank">Password  Strength Meter</a> works by presenting a global variable score and at  the end of the algorithm the plugin will decide the passwords strength  according to the score value.<br />
<a href="http://phiras.wordpress.com/2009/07/29/password-strength-meter-v-2/" target="_blank">Password  Strength Meter v2 »</a></p>
<h1>Form Mask Plugin</h1>
<h2><a href="http://digitalbush.com/projects/masked-input-plugin/" target="_blank">Masked Input  Plugin</a></h2>
<p><a href="http://digitalbush.com/projects/masked-input-plugin/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_15.jpg" alt="Masked Input Plugin - jQuery Form Plugin" width="320" height="226" /></a>The  <a href="http://digitalbush.com/projects/masked-input-plugin/" target="_blank">Masked Input</a> Plugin allows a user to easily enter fixed width input fields where you  would like them to enter the data in a certain format (dates,phone  numbers, etc).<br />
<a href="http://digitalbush.com/projects/masked-input-plugin/" target="_blank">Masked Input  Plugin »</a></p>
<h2><a href="http://decorplanit.com/plugin/" target="_blank">autoNumeric()</a></h2>
<p><a href="http://decorplanit.com/plugin/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_16.jpg" alt="autoNumeric() - jQuery Form Plugin" width="320" height="226" /></a><a href="http://decorplanit.com/plugin/" target="_blank">autoNumeric()</a> is a flexible International numeric formatter, that will automatically  place a thousand separator as you type and supports nine different  rounding methods.<br />
<a href="http://decorplanit.com/plugin/" target="_blank">autoNumeric() »</a></p>
<h1>Form  Upload Plugins</h1>
<h2><a href="http://valums.com/ajax-upload/" target="_blank">AJAX Upload</a></h2>
<p><a href="http://valums.com/ajax-upload/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_17.jpg" alt="AJAX Upload - jQuery Form Plugin" width="320" height="226" /></a><a href="http://valums.com/ajax-upload/" target="_blank">AJAX Upload</a> allows you to easily upload multiple files without refreshing the page  and can use any element to show the file selection window.<br />
<a href="http://valums.com/ajax-upload/" target="_blank">AJAX Upload »</a></p>
<h2><a href="http://pixeline.be/experiments/jqUploader/" target="_blank">jqUploader:  jQuery Plugin for File Upload and Progressbar</a></h2>
<p><a href="http://pixeline.be/experiments/jqUploader/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_18.jpg" alt="jqUploader: jQuery Plugin for File Upload and Progressbar - jQuery  Form Plugin" width="320" height="226" /></a><a href="http://pixeline.be/experiments/jqUploader/" target="_blank">jqUploader</a> is a  plugin that substitutes the <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">html</a> file input fields with a flash-based  file upload widget, allowing you to display a progressbar and  percentage.<br />
<a href="http://pixeline.be/experiments/jqUploader/" target="_blank">jqUploader »</a></p>
<h2><a href="http://www.uploadify.com/" target="_blank">Uploadify</a></h2>
<p><a href="http://www.uploadify.com/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_19.jpg" alt="Uploadify - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.uploadify.com/" target="_blank">Uploadify</a> is a  plugin that allows the easy integration of a multiple (or single) file  uploads on your <a href="http://www.iwanna.cn/tags/website/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Website">website</a>.  It requires Flash and any backend development  language.  An array of options allow for full customization for advanced  users, but basic implementation is so easy that even coding novices can  do it.<br />
<a href="http://www.uploadify.com/" target="_blank">Uploadify  »</a></p>
<h2><a href="http://nixbox.com/demos/jquery-uploadprogress.php" target="_blank">jQuery  Uploadprogress Plugin</a></h2>
<p><a href="http://nixbox.com/demos/jquery-uploadprogress.php" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_20.jpg" alt="jQuery Uploadprogress Plugin - jQuery Form Plugin" width="320" height="226" /></a>This plugin will augment a standard file upload form  with a transparent background upload and add a progress meter that will  keep you graphically informed.<br />
<a href="http://nixbox.com/demos/jquery-uploadprogress.php" target="_blank">jQuery  Uploadprogress »</a></p>
<h1>Form Skinning and Customisation</h1>
<h2><a href="http://widowmaker.kiev.ua/checkbox/" target="_blank">jQuery  Checkbox</a></h2>
<p><a href="http://widowmaker.kiev.ua/checkbox/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_21.jpg" alt="jQuery Checkbox - jQuery Form Plugin" width="320" height="226" /></a>The  <a href="http://widowmaker.kiev.ua/checkbox/" target="_blank">jQuery  Checkbox</a> plugin is a lightweight custom styled checkbox  implementation that can also work with radio buttons.<br />
<a href="http://widowmaker.kiev.ua/checkbox/" target="_blank">jQuery  Checkbox »</a></p>
<h2><a href="http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/" target="_blank">Jqtransform  – jQuery form plugin</a></h2>
<p><a href="http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_22.jpg" alt="Jqtransform - jQuery form plugin - jQuery Form Plugin" width="320" height="226" /></a>This plugin is a <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> styling plugin  which allows you to skin form elements with relative ease.<br />
<a href="http://www.dfc-e.com/metiers/multimedia/opensource/jqtransform/" target="_blank">Jqtransform  »</a></p>
<h2><a href="http://fuelyourcoding.com/scripts/infield/" target="_blank">In-Field Labels jQuery  Plugin</a></h2>
<p><a href="http://fuelyourcoding.com/scripts/infield/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_23.jpg" alt="In-Field Labels jQuery Plugin - jQuery Form Plugin" width="320" height="226" /></a>This is a simple plugin that turns properly formatted  <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a> forms into forms with in-field label support. Labels fade when the  field is focussed and disappear when text entry begins. Clearing a field  and leaving brings back the label.<br />
<a href="http://fuelyourcoding.com/scripts/infield/" target="_blank">In-Field Labels jQuery  Plugin »</a></p>
<h2><a href="http://www.emblematiq.com/lab/niceforms/" target="_blank">Niceforms</a></h2>
<p><a href="http://www.emblematiq.com/lab/niceforms/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_24.jpg" alt="Niceforms - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.emblematiq.com/lab/niceforms/" target="_blank">Niceforms</a> is a script that will replace the most commonly used form elements with  custom designed ones. You can either use the default theme that is  provided or you can even develop your own look with minimal effort.<br />
<a href="http://www.emblematiq.com/lab/niceforms/" target="_blank">Niceforms  »</a></p>
<h2><a href="http://plugins.jquery.com/project/jNice" target="_blank">jNice</a></h2>
<p><a href="http://plugins.jquery.com/project/jNice" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_26.jpg" alt="jNice - jQuery Form Plugin" width="320" height="226" /></a><a href="http://plugins.jquery.com/project/jNice" target="_blank">jNice</a> makes it easy to style rough and simple <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">html</a> forms into beautiful web  forms, checkboxes, input elements and selectboxes by creating custom  looking form elements, that function just like normal form elements.<br />
<a href="http://plugins.jquery.com/project/jNice" target="_blank">jNice  »</a></p>
<h2><a href="http://pixelmatrixdesign.com/uniform/#" target="_blank">Uniform – Sexy forms with  jQuery</a></h2>
<p><a href="http://pixelmatrixdesign.com/uniform/#" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_27.jpg" alt="Uniform - Sexy forms with jQuery - jQuery Form Plugin" width="320" height="226" /></a><a href="http://pixelmatrixdesign.com/uniform/#" target="_blank">Uniform</a> masks your  standard form controls with custom themed controls. It works in sync  with your real form elements to ensure accessibility and compatibility.<br />
<a href="http://pixelmatrixdesign.com/uniform/#" target="_blank">Uniform  »</a></p>
<h2><a href="http://www.no-margin-for-errors.com/projects/prettyCheckboxes/" target="_blank">prettyCheckboxes</a></h2>
<p><a href="http://www.no-margin-for-errors.com/projects/prettyCheckboxes/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_28.jpg" alt="prettyCheckboxes - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.no-margin-for-errors.com/projects/prettyCheckboxes/" target="_blank">prettyCheckboxes</a> is for developers who wants to maintain a consistent style for  checkboxes across all browsers. By using this script you wont loose any  regular input usability.<br />
<a href="http://www.no-margin-for-errors.com/projects/prettyCheckboxes/" target="_blank">prettyCheckboxes  »</a></p>
<h1>Form Select and Combo Boxes</h1>
<h2><a href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx" target="_blank">jquery.combobox</a></h2>
<p><a href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_29.jpg" alt="jquery.combobox - jQuery Form Plugin" width="320" height="226" /></a><a href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx" target="_blank">jquery.combobox</a> is an unobtrusive way of creating a <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a> type combobox from a existing  <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a> Select element(s).<br />
<a href="http://jquery.sanchezsalvador.com/page/jquerycombobox.aspx" target="_blank">jquery.combobox  »</a></p>
<h2><a href="http://www.marghoobsuleman.com/jquery-image-dropdown" target="_blank">JavaScript  Image Combobox</a></h2>
<p><a href="http://www.marghoobsuleman.com/jquery-image-dropdown" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_30.jpg" alt="JavaScript Image Combobox - jQuery Form Plugin" width="320" height="226" /></a>The fully skinnable <a href="http://www.marghoobsuleman.com/jquery-image-dropdown" target="_blank">Image  Combobox</a> plugin allows you to add an icon with each option that  works with your existing &#8220;select&#8221; element.<br />
<a href="http://www.marghoobsuleman.com/jquery-image-dropdown" target="_blank">JavaScript  Image Combobox »</a></p>
<h2><a href="http://mypocket-technologies.com/jquery/SelectBoxPlugin/" target="_blank">SelectBox  Plug-in</a></h2>
<p><a href="http://mypocket-technologies.com/jquery/SelectBoxPlugin/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_31.jpg" alt="SelectBox Plug-in - jQuery Form Plugin" width="320" height="226" /></a><a href="http://mypocket-technologies.com/jquery/SelectBoxPlugin/" target="_blank">SelectBox  Plug-in »</a></p>
<h2><a href="http://www.stevefenton.co.uk/Content/Jquery-Two-Sided-Multi-Selector/" target="_blank">Two  Sided Multi Selector</a></h2>
<p><a href="http://www.stevefenton.co.uk/Content/Jquery-Two-Sided-Multi-Selector/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_32.jpg" alt="jQuery Two Sided Multi Selector - jQuery Form Plugin" width="320" height="226" /></a>This plugin converts a multi select list into a  two-sided multi-select list. This means you display a list of options in  the left hand box and items you select are moved into the right hand  box.<br />
<a href="http://www.stevefenton.co.uk/Content/Jquery-Two-Sided-Multi-Selector/" target="_blank">Two  Sided Multi Selector »</a></p>
<h2><a href="http://rmm5t.github.com/jquery-flexselect/" target="_blank">flexselect</a></h2>
<p><a href="http://rmm5t.github.com/jquery-flexselect/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_33.jpg" alt="flexselect - jQuery Form Plugin" width="320" height="226" /></a><a href="http://rmm5t.github.com/jquery-flexselect/" target="_blank">flexselect</a> takes the select box, and creates a hidden input element to track the  associated value and creates a text input for the selection. It uses the  LiquidMetal  scoring algorithm to narrow the selection.<br />
<a href="http://rmm5t.github.com/jquery-flexselect/" target="_blank">flexselect  »</a></p>
<h1>Form Time and Date Pickers</h1>
<h2><a href="http://haineault.com/media/jquery/ui-timepickr/page/" target="_blank">jQuery.timepickr.js</a></h2>
<p><a href="http://haineault.com/media/jquery/ui-timepickr/page/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_34.jpg" alt="jQuery.timepickr.js - jQuery Form Plugin" width="320" height="226" /></a><a href="http://haineault.com/media/jquery/ui-timepickr/page/" target="_blank">jQuery.timepickr.js</a> has been developed in a attempt to make the process of inputing time in  a form as easy and natural as possible.<br />
<a href="http://haineault.com/media/jquery/ui-timepickr/page/" target="_blank">jQuery.timepickr.js  »</a></p>
<h2><a href="http://www.eyecon.ro/datepicker/" target="_blank">DatePicker</a></h2>
<p><a href="http://www.eyecon.ro/datepicker/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_35.jpg" alt="DatePicker - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.eyecon.ro/datepicker/" target="_blank">DatePicker</a> is a feature rich and easy to customize plugin that allows for single,  multiple or range selection dates.<br />
<a href="http://www.eyecon.ro/datepicker/" target="_blank">DatePicker »</a></p>
<h2><a href="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/" target="_blank">jQuery  datePicker</a></h2>
<p><a href="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_36.jpg" alt="jQuery datePicker - jQuery Form Plugin" width="320" height="226" /></a>This  is a clean, flexible and unobtrusive plugin for <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> which allows you  to easily add date inputing functionality to your web forms and pages.<br />
<a href="http://www.kelvinluck.com/assets/jquery/datePicker/v2/demo/" target="_blank">jQuery  datePicker »</a></p>
<h2><a href="http://wiki.github.com/robmonie/jquery-week-calendar/" target="_blank">jQuery Week  Calendar</a></h2>
<p><a href="http://wiki.github.com/robmonie/jquery-week-calendar/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_37.jpg" alt="jQuery Week Calendar - jQuery Form Plugin" width="320" height="226" /></a>The <a href="http://wiki.github.com/robmonie/jquery-week-calendar/" target="_blank">jQuery Week  Calendar</a> plugin provides a simple and flexible way of including a  weekly calendar in your application and has been inspired by other  online weekly calendars such as Google calendar.<br />
<a href="http://wiki.github.com/robmonie/jquery-week-calendar/" target="_blank">jQuery Week  Calendar »</a></p>
<h1>Form Auto-Suggest</h1>
<h2><a href="http://code.drewwilson.com/entry/autosuggest-jquery-plugin" target="_blank">AutoSuggest</a></h2>
<p><a href="http://code.drewwilson.com/entry/autosuggest-jquery-plugin" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_38.jpg" alt="AutoSuggest - jQuery Form Plugin" width="320" height="226" /></a><a href="http://code.drewwilson.com/entry/autosuggest-jquery-plugin" target="_blank">AutoSuggest</a> is a lightweight <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> plugin that will will dynamically create all  the <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a> elements that is needed for turning any regular text input  box  into an auto-complete box.<br />
<a href="http://code.drewwilson.com/entry/autosuggest-jquery-plugin" target="_blank">AutoSuggest  »</a></p>
<h2><a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/" target="_blank">Autocomplete</a></h2>
<p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_39.jpg" alt="Autocomplete - jQuery Form Plugin" width="320" height="226" /></a>By  giving an autocompleted field focus or entering something into it, the  plugin starts searching for matching entries and displays a list of  values to choose from. By entering more characters, the user can filter  down the list to better matches.<br />
<a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/" target="_blank">Autocomplete  »</a></p>
<h2><a href="http://www.devbridge.com/projects/autocomplete/jquery/" target="_blank">Ajax  Autocomplete</a></h2>
<p><a href="http://www.devbridge.com/projects/autocomplete/jquery/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_40.jpg" alt="Ajax Autocomplete for jQuery - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.devbridge.com/projects/autocomplete/jquery/" target="_blank">Ajax  Autocomplete</a> allows you to easily create autocomplete/autosuggest  boxes for text input fields with every query result being cached and  pulled from local cache for the same repeating query. If there are no  results for a particular query it stops sending requests to the server  for other queries with the same root.<br />
<a href="http://www.devbridge.com/projects/autocomplete/jquery/" target="_blank">Ajax  Autocomplete »</a></p>
<h2><a href="http://www.web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/" target="_blank">FaceBook  Like – jQuery and autosuggest Search Engine</a></h2>
<p><a href="http://www.web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_41.jpg" alt="FaceBook Like – jQuery and autosuggest Search Engine - jQuery Form  Plugin" width="320" height="226" /></a><a href="http://www.web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/" target="_blank">FaceBook  Like</a> is a powerful <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> plugin that transform an input field into  a real time autocompletion search engine, designed, as the name  suggests, similiar to the one on  Facebook.<br />
<a href="http://www.web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/" target="_blank">FaceBook  LikePlugin »</a></p>
<h1>Form Validation Plugins</h1>
<h2><a href="http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/" target="_blank">A  jQuery inline form validation, because validation is a mess</a></h2>
<p><a href="http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_42.jpg" alt="A jQuery inline form validation, because validation is a mess -  jQuery Form Plugin" width="320" height="226" /></a>When an error needs to  be displayed, this script creates a div and positions it in the top  right corner of the input. This way you don’t have to worry about your  <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a> form structure. The rounded corners and shadows are pure CSS3 and  degrade well in non compliant browsers.</p>
<h2><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" target="_blank">Validation</a></h2>
<p><a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_43.jpg" alt="Validation - jQuery Form Plugin" width="320" height="226" /></a>The <a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" target="_blank">Validation</a> plugin is one of the oldest <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> plugins (started in July 2006)  available that has proved itself due to reliabilty, ease of use and  extensive docs.<br />
<a href="http://bassistance.de/jquery-plugins/jquery-plugin-validation/" target="_blank">Validation  »</a></p>
<h2><a href="http://www.webdeveloperjuice.com/2010/03/22/highly-customizable-yet-simple-form-validation-jquery-plugin/" target="_blank">Highly  Customizable Yet Simple Form Validation</a></h2>
<p><a href="http://www.webdeveloperjuice.com/2010/03/22/highly-customizable-yet-simple-form-validation-jquery-plugin/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_44.jpg" alt="Highly Customizable Yet Simple Form Validation - jQuery Form  Plugin" width="320" height="226" /></a>With this highly customizable  plugin the user can set his own class to define the rule, set events  onError and OnValid for a particular class and you can also add their  own effects, may be <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jquery</a> animate().<br />
<a href="http://www.webdeveloperjuice.com/2010/03/22/highly-customizable-yet-simple-form-validation-jquery-plugin/" target="_blank">Highly  Customizable Form Validation »</a></p>
<h2><a href="http://livevalidation.com/" target="_blank">LiveValidation – Validation as you  type</a></h2>
<p><a href="http://livevalidation.com/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_45.jpg" alt="LiveValidation - Validation as you type - jQuery Form Plugin" width="320" height="226" /></a><a href="http://livevalidation.com/" target="_blank">LiveValidation</a> is a small open  source javascript <a href="http://www.iwanna.cn/tags/library/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Library">library</a> for making client-side validation quick, easy,  and powerful. It comprises of two main parts. Firstly, it provides  developers with a rich set of core validation methods, which can also be  used outside the context of forms. Secondly, it provides your visitors  with real-time validation information as they fill out forms, helping  them to get it right first time.<br />
<a href="http://livevalidation.com/" target="_blank">LiveValidation »</a></p>
<h2><a href="http://demos.usejquery.com/ketchup-plugin/index.html" target="_blank">Ketchup  Plugin</a></h2>
<p><a href="http://demos.usejquery.com/ketchup-plugin/index.html" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_46.jpg" alt="Ketchup Plugin - jQuery Form Plugin" width="320" height="226" /></a><a href="http://demos.usejquery.com/ketchup-plugin/index.html" target="_blank">Ketchup  Plugin</a> is a slim <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> Plugin that validates your forms. It aims to  be very flexible and extendable for its appearance and functionality.<br />
<a href="http://demos.usejquery.com/ketchup-plugin/index.html" target="_blank">Ketchup  Plugin »</a></p>
<h2><a href="http://www.codylindley.com/blogstuff/js/jtip/" target="_blank">jTip – The Jquery  Tool Tip</a></h2>
<p><a href="http://www.codylindley.com/blogstuff/js/jtip/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_47.jpg" alt="jTip - The Jquery Tool Tip - jQuery Form Plugin" width="320" height="226" /></a>jTip pulls content into a tool tip using the  HttpXMLRequest object. By adding a class attribute value of “jTip” to a  link element you can create a tooltip from the content found in the file  the href is pointing too.<br />
<a href="http://www.codylindley.com/blogstuff/js/jtip/" target="_blank">jTip »</a></p>
<h2><a href="http://www.geektantra.com/2009/09/jquery-live-form-validation/" target="_blank">jQuery  Live Form Validation</a></h2>
<p><a href="http://www.geektantra.com/2009/09/jquery-live-form-validation/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_49.jpg" alt="jQuery Live Form Validation - jQuery Form Plugin" width="320" height="226" /></a>This plugin helps you to easily create form validations  with high flexibility and is a packaged with a huge set of options.<br />
<a href="http://www.geektantra.com/2009/09/jquery-live-form-validation/" target="_blank">jQuery  Live Form Validation »</a></p>
<h2><a href="http://www.unwrongest.com/projects/valid8/" target="_blank">Valid8 – An input  field validation plugin</a></h2>
<p><a href="http://www.unwrongest.com/projects/valid8/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_50.jpg" alt="Valid8 – An input field validation plugin for Jquery - jQuery Form  Plugin" width="320" height="226" /></a><a href="http://www.unwrongest.com/projects/valid8/" target="_blank">Valid8</a> solves both  simple and complex validation scenarios. Everything from a basic  required field to regular expressions, ajax requests and arbitrary  javascript functions.<br />
<a href="http://www.unwrongest.com/projects/valid8/" target="_blank">Valid8 – An input  field validation plugin »</a></p>
<h2><a href="http://www.overset.com/2008/07/31/jval-jquery-form-field-validation-plugin/" target="_blank">jVal  – jQuery Form Field Validation Plugin</a></h2>
<p><a href="http://www.overset.com/2008/07/31/jval-jquery-form-field-validation-plugin/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/06/jquery_form_plugin_51.jpg" alt="jVal - jQuery Form Field Validation Plugin - jQuery Form Plugin" width="320" height="226" /></a><a href="http://www.overset.com/2008/07/31/jval-jquery-form-field-validation-plugin/" target="_blank">jVal</a> is a <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> form field validation plugin that provides an appealing  animated message flyout that doesn&#8217;t impede form layout/design while  being user-friendly.<br />
<a href="http://www.overset.com/2008/07/31/jval-jquery-form-field-validation-plugin/" target="_blank">jVal  »</a></p>
<h1>The Original <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> Plugin</h1>
<h2><a href="http://www.malsup.com/jquery/form/#getting-started" target="_blank">jQuery Form  Plugin</a></h2>
<p><a href="http://www.malsup.com/jquery/form/" target="_blank"><img style="float:left;margin:0 5px 10px 0;" src="http://speckyboy.com/wp-content/uploads/2010/06/jquery_form_plugin_50.jpg" alt="jQuery Form Plugin - jQuery Form Plugin" width="320" height="226" /></a>And  if all of the rest of the plugins on this page can’t help, you can  always rely on the original <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> form plugin: <a href="http://www.malsup.com/jquery/form/#getting-started" target="_blank">jQuery Form  Plugin »</a></p>
<div style="clear:both;"></div>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/07/08/4164/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/07/08/4164/#comments">1条评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/07/08/4164/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/07/08/4164/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/07/08/4164/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/topics/ui/javascript/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/tags/translate/" title="Translate" rel="tag nofollow">Translate</a>, <a href="http://www.iwanna.cn/topics/iwanna/translate-iwanna/" title="Translate" rel="tag nofollow">Translate</a>, <a href="http://www.iwanna.cn/tags/translates/" title="翻译" rel="tag nofollow">翻译</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/05/08/2812/" title="30个最好的jQuery表单插件 (2010年05月8日)">30个最好的jQuery表单插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/17/1828/" title="用jQuery和CSS构建下拉菜单 (2009年06月17日)">用jQuery和CSS构建下拉菜单</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/23/811/" title="FCBKcomplete v 2.02 (2009年04月23日)">FCBKcomplete v 2.02</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/22/4147/" title="25个优秀的jQuery滑块教程和插件 (2010年06月22日)">25个优秀的jQuery滑块教程和插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/17/3115/" title="11 个优秀的制作移动友好网站的解决方案 (2010年05月17日)">11 个优秀的制作移动友好网站的解决方案</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/07/05/1923/" title="转换设计原图 PSD 为 HTML (2009年07月5日)">转换设计原图 PSD 为 HTML</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3294/" title="深色调社交图标：免费且高质量的社交媒体图标集 (2010年05月22日)">深色调社交图标：免费且高质量的社交媒体图标集</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/11/4460/" title="推荐8个独特应用的JQuery拖放插件 (2010年07月11日)">推荐8个独特应用的JQuery拖放插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/18/3210/" title="如何正确购买一个已经存在的域名(SEO友好) (2010年05月18日)">如何正确购买一个已经存在的域名(SEO友好)</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/05/27/1176/" title="如何备份所有的浏览器 &#8211; 5 个小贴士(Google Chrome, Firefox, Safari, Internet Explorer, and Opera) (2009年05月27日)">如何备份所有的浏览器 &#8211; 5 个小贴士(Google Chrome, Firefox, Safari, Internet Explorer, and Opera)</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/07/08/4164/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>10+个jQuery图片滚动插件介绍</title>
		<link>http://www.iwanna.cn/archives/2010/07/07/4401/</link>
		<comments>http://www.iwanna.cn/archives/2010/07/07/4401/#comments</comments>
		<pubDate>Wed, 07 Jul 2010 12:57:14 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=4401</guid>
		<description><![CDATA[前阵子为大家奉献上的是5个jquery图片画廊插件，继续此类风格，本次为大家收集的是10+个jQuery图片滚动插件，希望对您的日常工作会有很大的帮助，在页面的最后奉献的是用jQuery插件实现图片滚动的几个站点，希望您会喜欢！！
1、jCarousel

这款jquery图片滚动插件用的人很多，功能上颇为强大，你可以控制是水平滚动还是垂直滚动。

2、jCarousel Lite

这款插件优势在于小巧，只有2K的js，当然功能上会差些。
3、jQuery Carousel

更像一个幻灯片，你可以控制图片滑动方向。
4、jQuery Infinite Carousel

5、LoopedCarousel

6、MovingBoxes

点此下载
7、infinite-carousel

点此下载
8、Agile Carousel


查看示例
点此下载


（注：请从服务器端启动，不然无法正确运行）
9、jMyCarousel


查看示例
点此下载

10、easyslider1.7

点此下载
想要把图片滚动应用到你的站点中，不可避免要对这些jquery图片滚动插件的样式进行重写，接下来来推荐几个漂亮的应用图片滚动的站点。
1、Branded07

2、Deluge   Studios

3、Golf Working

4、Dazzle Cat

5、Bret Glassett

6、What Is XV


© 我想网 Akon 所有 , 2010. &#124;
永久链接 &#124;
没有评论 &#124;
提交到
Google Reader
鲜果
抓虾


	标签：JQuery, JQuery, Plugin, Plugin

	您可能会感兴趣的其他文章
	
	推荐8个独特应用的JQuery拖放插件 
	FCBKcomplete v 2.02 
	6个jQuery图标插件的应用程序 
	50个表单功能，验证，安全和自定义化的jQuery插件 
	30个最好的jQuery表单插件 
	30+ 新鲜惊奇的 jQuery 插件与教程 
	21个演示展示强大的jQuery特效 
	2010年4月：最佳的jQuery插件 
	10 个帮助你处理Web页面层布局的jQuery插件 
	简单的JQuery聚光灯效果教程 



Feed enhanced by Better Feed from  Ozh
]]></description>
			<content:encoded><![CDATA[<p>前阵子为大家奉献上的是<strong><a href="http://www.iwanna.cn/archives/2010/06/21/4129/" title="5个jquery图片画廊插件">5个jquery图片画廊插件</a></strong>，继续此类风格，本次为大家收集的是<strong><a href="http://www.iwanna.cn/archives/2010/07/07/4401/" title="10+个jQuery图片滚动插件介绍">10+个jQuery图片滚动插件</a></strong>，希望对您的日常工作会有很大的帮助，在页面的最后奉献的是用<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件实现图片滚动的几个站点，希望您会喜欢！！</p>
<h4>1、<a href="http://sorgalla.com/projects/jcarousel/" target="_blank">jCarousel</a></h4>
<p><img title="jcarousel" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/jcarousel.png" alt="" width="456" height="296" /></p>
<p>这款<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jquery</a>图片滚动插件用的人很多，功能上颇为强大，你可以控制是水平滚动还是垂直滚动。<br />
<span id="more-4401"></span></p>
<h4>2、<a href="http://www.gmarwaha.com/jquery/jcarousellite/" target="_blank">jCarousel Lite</a></h4>
<p><img title="lite-jquery-carousel-plugins-resources-tutorials-examples" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/lite-jquery-carousel-plugins-resources-tutorials-examples.jpg" alt="" width="570" height="269" /></p>
<p>这款插件优势在于小巧，只有2K的js，当然功能上会差些。</p>
<h4>3、<a href="http://thomlx.free.fr/jquery/jquery_carousel.htm" target="_blank">jQuery Carousel</a></h4>
<p><img title="great-jquery-carousel-plugins-resources-tutorials-examples" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/great-jquery-carousel-plugins-resources-tutorials-examples.jpg" alt="" width="570" height="350" /></p>
<p>更像一个幻灯片，你可以控制图片滑动方向。</p>
<h4>4、<a href="http://jqueryfordesigners.com/demo/infinite-carousel.html" target="_blank">jQuery Infinite Carousel</a></h4>
<p><img title="screencast-tutorial-jquery-carousel-plugins-resources-tutorials-examples" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/screencast-tutorial-jquery-carousel-plugins-resources-tutorials-examples.jpg" alt="" width="458" height="234" /></p>
<h4>5、<a href="http://github.com/nathansearles/loopedCarousel/" target="_blank">LoopedCarousel</a></h4>
<p><img title="loopedcarousel" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/loopedcarousel.png" alt="" width="537" height="242" /></p>
<h4>6、<a title="点击查看—&gt;MovingBoxes-JQ图片滚动插件" rel="bookmark" href="http://www.36ria.com/319">MovingBoxes</a></h4>
<p><img src="http://www.36ria.com/wp-content/uploads/snap1.jpg" alt="" width="583" height="177" /><br />
<a class="btn-download" title="名称：MovingBoxes，文件大小：786.4 KB" href="http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=28">点此下载</a></p>
<h4>7、<a href="http://www.36ria.cn/?p=316">infinite-carousel</a></h4>
<p><img src="http://www.36ria.com/wp-content/uploads/2009/08/snap23.jpg" alt="" width="338" height="169" /><br />
<a class="btn-download" title="名称：jquery-infinite-carousel，文件大小：" href="http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=27">点此下载</a></p>
<h4>8、<a href="http://www.agilecarousel.com/">Agile Carousel</a></h4>
<p><img title="agilecarousel" src="http://www.36ria.com/wp-content/uploads/agilecarousel.jpg" alt="agilecarousel" width="370" height="138" /></p>
<ul>
<li><a target="_blank" class="btn-view-demo" href="http://www.agilecarousel.com/examples/full_example">查看示例</a></li>
<li class="l"><a class="btn-download" title="名称：agile_carousel，文件大小：79.05 KB" href="http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=62">点此下载</a>
</li>
</ul>
<p>（注：请从服务器端启动，不然无法正确运行）</p>
<h4>9、<a href="http://www.enova-tech.net/lab/jMyCarousel/">jMyCarousel</a></h4>
<p><img title="jmycarousel" src="http://www.36ria.com/wp-content/uploads/jmycarousel.jpg" alt="jmycarousel" width="482" height="105" /></p>
<ul class="tow-columns clearfix">
<li class="l"><a target="_blank" class="btn-view-demo" href="http://www.enova-tech.net/eng/lab/jMyCarousel/1">查看示例</a></li>
<li class="l"><a class="btn-download" title="名称：jMyCarousel，文件大小：470.65 KB" href="http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=63">点此下载</a></li>
</ul>
<h4>10、<a href="http://www.36ria.cn/312">easyslider1.7</a></h4>
<p><img src="http://www.36ria.cn/wp-content/uploads/2009/08/snap16.jpg" alt="" width="568" height="345" /><br />
<a class="btn-download" title="名称：easyslider1.7，文件大小：" href="http://www.36ria.com/wp-content/plugins/download-monitor/download.php?id=26">点此下载</a></p>
<p>想要把图片滚动应用到你的站点中，不可避免要对这些<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jquery</a>图片滚动插件的样式进行重写，接下来来推荐几个漂亮的应用图片滚动的站点。</p>
<h4>1、<a href="http://www.branded07.com/" target="_blank">Branded07</a></h4>
<p><img title="branded-07-jquery-carousel-plugins-resources-tutorials-examples" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/branded-07-jquery-carousel-plugins-resources-tutorials-examples.jpg" alt="" width="570" height="350" /></p>
<h4>2、<a href="http://www.delugestudios.com/" target="_blank">Deluge   Studios</a></h4>
<p><img title="deluge-studios-jquery-carousel-plugins-resources-tutorials-examples" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/deluge-studios-jquery-carousel-plugins-resources-tutorials-examples.jpg" alt="" width="570" height="350" /></p>
<h4>3、<a href="http://golfworking.co.uk/" target="_blank">Golf Working</a></h4>
<p><img title="golf-working-jquery-carousel-plugins-resources-tutorials-examples" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/golf-working-jquery-carousel-plugins-resources-tutorials-examples.jpg" alt="" width="570" height="350" /></p>
<h4>4、<a href="http://www.dazzlecat.co.uk/" target="_blank">Dazzle Cat</a></h4>
<p><img title="dazzle-cat-jquery-carousel-plugins-resources-tutorials-examples" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/dazzle-cat-jquery-carousel-plugins-resources-tutorials-examples.jpg" alt="" width="570" height="350" /></p>
<h4>5、<a href="http://bretglassett.com/" target="_blank">Bret Glassett</a></h4>
<p><img title="bret-glassett-jquery-carousel-plugins-resources-tutorials-examples" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/bret-glassett-jquery-carousel-plugins-resources-tutorials-examples.jpg" alt="" width="570" height="350" /></p>
<h4>6、<a href="http://www.whatisxv.com/" target="_blank">What Is XV</a></h4>
<p><img title="what-is-xv-jquery-carousel-plugins-resources-tutorials-examples" src="http://images.uheed.com/iwanna/2010/07/07/jquery-plugin/what-is-xv-jquery-carousel-plugins-resources-tutorials-examples.jpg" alt="" width="570" height="350" /></p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/07/07/4401/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/07/07/4401/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/07/07/4401/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/07/07/4401/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/07/07/4401/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/topics/ui/javascript/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/07/11/4460/" title="推荐8个独特应用的JQuery拖放插件 (2010年07月11日)">推荐8个独特应用的JQuery拖放插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/23/811/" title="FCBKcomplete v 2.02 (2009年04月23日)">FCBKcomplete v 2.02</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/01/1621/" title="6个jQuery图标插件的应用程序 (2009年06月1日)">6个jQuery图标插件的应用程序</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/08/4164/" title="50个表单功能，验证，安全和自定义化的jQuery插件 (2010年07月8日)">50个表单功能，验证，安全和自定义化的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/08/2812/" title="30个最好的jQuery表单插件 (2010年05月8日)">30个最好的jQuery表单插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/01/26/2474/" title="30+ 新鲜惊奇的 jQuery 插件与教程 (2010年01月26日)">30+ 新鲜惊奇的 jQuery 插件与教程</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/23/4691/" title="21个演示展示强大的jQuery特效 (2010年07月23日)">21个演示展示强大的jQuery特效</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/14/2913/" title="2010年4月：最佳的jQuery插件 (2010年05月14日)">2010年4月：最佳的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/26/3379/" title="10 个帮助你处理Web页面层布局的jQuery插件 (2010年05月26日)">10 个帮助你处理Web页面层布局的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/07/3765/" title="简单的JQuery聚光灯效果教程 (2010年06月7日)">简单的JQuery聚光灯效果教程</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/07/07/4401/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>4款WordPress图片缩放插件</title>
		<link>http://www.iwanna.cn/archives/2010/06/24/4181/</link>
		<comments>http://www.iwanna.cn/archives/2010/06/24/4181/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 14:51:01 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=4181</guid>
		<description><![CDATA[今天推荐4款WordPress的图片缩放插件，大家都知道有时候需要插入的图片较大，会拖延网页加载，并打乱文章排版。所以有必要来几个这样的插件，当然凭自己的喜好，有复杂型的也有简 洁型的。这四款插件分别是Lightbox、Highslide，Shadowbox，还有我现在用的WP FancyZoom。
WP FancyZoom
这个就是我博客现在用的，感觉很不错，属于轻量型的。效果也十分漂亮，很有苹果中图标的感觉。使用非常方便，直接到后台搜素这个插件，安装即可。当然如果 你属于不喜欢插件的人，可以到这里看看不用插件的方法。我嫌麻烦，直接插件之。


点击上图，现场体验使用效果。
Lightbox
这个是我第一个用过的，也是最常见的，很多地方用的都是这个效果。下面是官方的说明，因为不好截图，自己的描绘能力实在有限，就只好引用官方的了。
Lightbox”是一个别致且易用的图片显示效果，它可以使图片直接呈现在当前页面之上而不用转到新的窗口。
类似于WinXP操作系统的注销/关机对话框，除去屏幕中心位置的对话框，其他的区域都以淡出的效果逐渐变为银灰色以增加对比度，此时除了对话框内的表单 控件，没有其他区域可以获取焦点。
这里推荐一个介绍该插件的地方，点击这里。如果失效，可以自己Google一下。同样下载方法。
Shadowbox
这个是在A-shun那里看到的，觉得和Lightbox感觉差不多，Shadowbox  对各种浏览器的兼容性也较好，支持图片、视频、网页、flash、FLV等媒体。这里就不多说了，如果想了解效果和功能以及使用的方法，可以到A-shun那里去看看，肯定要比我写的好。
Highslide
这个和第一个一样，同样属于简洁型的，就看自己的口味了，这是兽兽改进的。Lightbox 2 启动后占用的 JS 文件大小高达  200KB，而 Auto HighSlide 插件启动后占用的 JS 文件只有 32 KB，一个 CSS 只有  4KB，属于轻量级的插件。如果感兴趣就到作者那里看看，这里就不演示了。
最后，这些都是给爱折腾的人用的，如果你喜欢简单点，这些插件肯定没啥用，但如果你是个爱酷的人，这些插件用起来感觉是很不错的。

© 我想网 Akon 所有 , 2010. &#124;
永久链接 &#124;
2 条评论 &#124;
提交到
Google Reader
鲜果
抓虾


	标签：Plugin, Plugin, Wordpress, Wordpress

	您可能会感兴趣的其他文章
	
	淘宝开源编辑器 KISSY Editor 
	推荐8个独特应用的JQuery拖放插件 
	排名前7位的 Wordpress 404 插件 
	如何通过 AutoMySQLBackup 备份你的博客数据库 
	如何给WordPress站点添加文章投递功能 
	免费获得12款RichWP WordPress 收费主题 
	三种直接备份 WordPress 博客数据库的方法 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" title="WordPress" src="http://images.uheed.com/iwanna/2010/06/24/wp.gif" alt="" width="88" height="88" />今天推荐<strong><a title="4款WordPress图片缩放插件" href="http://www.iwanna.cn/archives/2010/06/24/4181/">4款WordPress的图片缩放插件</a></strong>，大家都知道有时候需要插入的图片较大，会拖延网页加载，并打乱文章排版。所以有必要来几个这样的插件，当然凭自己的喜好，有复杂型的也有简 洁型的。这四款插件分别是Lightbox、Highslide，Shadowbox，还有我现在用的WP FancyZoom。</p>
<h3>WP FancyZoom</h3>
<p>这个就是我博客现在用的，感觉很不错，属于轻量型的。效果也十分漂亮，很有苹果中图标的感觉。使用非常方便，直接到后台搜素这个插件，安装即可。当然如果 你属于不喜欢插件的人，可以到<a href="http://wordpress.org.cn/thread-62326-1-1.html" target="_blank">这里看看</a>不用插件的方法。我嫌麻烦，直接插件之。</p>
<p><a href="http://images.uheed.com/iwanna/2010/06/24/2007031605033020704.jpg"><img title="印象" src="http://images.uheed.com/iwanna/2010/06/24/2007031605033020704-300x232.jpg" alt="" width="300" height="232" /></a><br />
<span id="more-4181"></span><br />
点击上图，现场体验使用效果。</p>
<h3>Lightbox</h3>
<p>这个是我第一个用过的，也是最常见的，很多地方用的都是这个效果。下面是官方的说明，因为不好截图，自己的描绘能力实在有限，就只好引用官方的了。</p>
<blockquote><p>Lightbox”是一个别致且易用的图片显示效果，它可以使图片直接呈现在当前页面之上而不用转到新的窗口。<br />
类似于WinXP操作系统的注销/关机对话框，除去屏幕中心位置的对话框，其他的区域都以淡出的效果逐渐变为银灰色以增加对比度，此时除了对话框内的表单 控件，没有其他区域可以获取焦点。</p></blockquote>
<p>这里推荐一个介绍该插件的地方，<a href="http://zyxhome.org/wp/network/web/wp/using-lightbox-wp/" target="_blank">点击这里</a>。如果失效，可以自己Google一下。同样下载方法。</p>
<h3>Shadowbox</h3>
<p>这个是在A-shun那里看到的，觉得和Lightbox感觉差不多，Shadowbox  对各种浏览器的兼容性也较好，支持图片、视频、网页、flash、FLV等媒体。这里就不多说了，如果想了解效果和功能以及使用的方法，可以到<a href="http://www.a-shun.com/archives/21365.html" target="_blank">A-shun那里</a>去看看，肯定要比我写的好。</p>
<h3>Highslide</h3>
<p>这个和第一个一样，同样属于简洁型的，就看自己的口味了，这是兽兽改进的。Lightbox 2 启动后占用的 JS 文件大小高达  200KB，而 Auto HighSlide 插件启动后占用的 JS 文件只有 32 KB，一个 CSS 只有  4KB，属于轻量级的插件。如果感兴趣就到<a href="http://zou.lu/auto-hishslide-wordpress-plugin/" target="_blank">作者那里看看</a>，这里就不演示了。</p>
<p>最后，这些都是给爱折腾的人用的，如果你喜欢简单点，这些插件肯定没啥用，但如果你是个爱酷的人，这些插件用起来感觉是很不错的。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/06/24/4181/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/06/24/4181/#comments">2 条评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/06/24/4181/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/06/24/4181/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/06/24/4181/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/php/wordpress-php-develope/" title="Wordpress" rel="tag nofollow">Wordpress</a>, <a href="http://www.iwanna.cn/tags/wordpress-php-develope/" title="Wordpress" rel="tag nofollow">Wordpress</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2009/10/28/2341/" title="淘宝开源编辑器 KISSY Editor (2009年10月28日)">淘宝开源编辑器 KISSY Editor</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/11/4460/" title="推荐8个独特应用的JQuery拖放插件 (2010年07月11日)">推荐8个独特应用的JQuery拖放插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/13/3113/" title="排名前7位的 Wordpress 404 插件 (2010年05月13日)">排名前7位的 Wordpress 404 插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/18/4071/" title="如何通过 AutoMySQLBackup 备份你的博客数据库 (2010年06月18日)">如何通过 AutoMySQLBackup 备份你的博客数据库</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3288/" title="如何给WordPress站点添加文章投递功能 (2010年05月22日)">如何给WordPress站点添加文章投递功能</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/30/4271/" title="免费获得12款RichWP WordPress 收费主题 (2010年06月30日)">免费获得12款RichWP WordPress 收费主题</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/18/4073/" title="三种直接备份 WordPress 博客数据库的方法 (2010年06月18日)">三种直接备份 WordPress 博客数据库的方法</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/21/4109/" title="WordPress调用 PageCookery的方法 (2010年06月21日)">WordPress调用 PageCookery的方法</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/29/4255/" title="WordPress站点性能优化实战 (2010年06月29日)">WordPress站点性能优化实战</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/21/4119/" title="WordPress模板结构及页面函数调用 (2010年06月21日)">WordPress模板结构及页面函数调用</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/06/24/4181/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>30个统计相关的Wordpress插件</title>
		<link>http://www.iwanna.cn/archives/2010/05/27/3419/</link>
		<comments>http://www.iwanna.cn/archives/2010/05/27/3419/#comments</comments>
		<pubDate>Thu, 27 May 2010 07:33:43 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[友情链接]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=3419</guid>
		<description><![CDATA[今天推荐的是Wordpress插件大全系列篇之30个统计相关的Wordpress插件。这些插件让你更清楚了解博客被访问情况。这篇文章中，提到的统计插件主要是涵盖针对管理员及访问者等的插件。
针对管理员
AWStats  Xtended Info – 加强AWStats统计功能。
Backlinks  inbound links counter – 跟踪博客的来源链接。
Bluetrait  Event Viewer (BTEV) – 增强多用户博客安全性，监控用户登录、删除用户、无效用户名等内容。

Bsuite – 跟踪页面浏览、搜索关键词等内容，显示访问量最大的日志以及相关日志。
CountPosts – 统计文章被浏览次数，当你以管理员身份浏览时将不被计数。
DownloadCounter – 统计附件被下载次数。
Dschini Bot  Checker – 获得日志被搜索引擎检索的情况。
Feed  Statistics – 监控Feed被订阅信息。
FeedBurner  SiteStats Enabler – 在博客中安装FeedBurnner统计脚本。
FeedBurner  StandardStats – 添加FeedBurner统计脚本。
FeedStats –  统计Feed订阅情况。
FirStats –  基于AJAX技术的全功能统计插件。
GoStats  web counter – 轻松安装GoStats统计代码。
Lightstats – 生成有关日志、评论、分类等统计数据的条形图或饼图。
Live [...]]]></description>
			<content:encoded><![CDATA[<p>今天推荐的是Wordpress插件大全系列篇之<strong><a title="30个统计相关的Wordpress插件" href="http://www.iwanna.cn/archives/2010/05/27/3419/">30个统计相关的Wordpress插件</a></strong>。这些插件让你更清楚了解博客被访问情况。这篇文章中，提到的统计插件主要是涵盖针对<strong>管理员</strong>及<strong>访问者</strong>等的插件。</p>
<p><strong>针对管理员</strong></p>
<p><a href="http://www.michael-gerard.com/creations/wp-awstats-x" target="_blank">AWStats  Xtended Info</a> – 加强AWStats统计功能。</p>
<p><a href="http://gdymov.com/inbound-links-backlinks-wordpress-plugin/" target="_blank">Backlinks  inbound links counter</a> – 跟踪博客的来源链接。</p>
<p><a href="http://wordpress.org/extend/plugins/bluetrait-event-viewer/" target="_blank">Bluetrait  Event Viewer (BTEV)</a> – 增强多用户博客安全性，监控用户登录、删除用户、无效用户名等内容。<br />
<span id="more-3419"></span><br />
<a href="http://maisonbisson.com/blog/post/11613/" target="_blank">Bsuite</a> – 跟踪页面浏览、搜索关键词等内容，显示访问量最大的日志以及相关日志。</p>
<p><a href="http://djuki.padrino.co.yu/blog/?p=75" target="_blank">CountPosts</a> – 统计文章被浏览次数，当你以管理员身份浏览时将不被计数。</p>
<p><a href="http://n0id.hexium.net/wp-plugins/" target="_blank">DownloadCounter</a> – 统计附件被下载次数。</p>
<p><a href="http://manfred.dschini.org/dschini-botchecker-plugin/" target="_blank">Dschini Bot  Checker</a> – 获得日志被搜索引擎检索的情况。</p>
<p><a href="http://www.chrisfinke.com/wordpress/plugins/feed-statistics/" target="_blank">Feed  Statistics</a> – 监控Feed被订阅信息。</p>
<p><a href="http://www.wordpressmania.it/feedburner_sitestats_plugin/" target="_blank">FeedBurner  SiteStats Enabler</a> – 在博客中安装FeedBurnner统计脚本。</p>
<p><a href="http://bloggerdesign.com/133/fb-standardstats/" target="_blank">FeedBurner  StandardStats</a> – 添加FeedBurner统计脚本。</p>
<p><a href="http://wordpress.org/extend/plugins/feedstats-de/" target="_blank">FeedStats</a> –  统计Feed订阅情况。</p>
<p><a href="http://firestats.cc/" target="_blank">FirStats</a> –  基于AJAX技术的全功能统计插件。</p>
<p><a href="http://counterblog.gostats.com/how-to-place-a-gostats-hit-counter-onto-your-blog" target="_blank">GoStats  web counter</a> – 轻松安装GoStats统计代码。</p>
<p><a href="http://laitsas.com/category/plugins/" target="_blank">Lightstats</a> – 生成有关日志、评论、分类等统计数据的条形图或饼图。</p>
<p><a href="http://www.headzoo.com/live" target="_blank">Live</a> –  实时监控博客被访问情况。</p>
<p><a href="http://www.openwebanalytics.com/" target="_blank">Open Web  Analytics</a> – 统计各种数据并可以通过Google Earth展示访问者。</p>
<p><a href="http://wordpress.org/extend/plugins/postscomments-time/" target="_blank">Posts/Comments  Time</a> – 统计一天中发表最多评论的时段，这样你就可以更有针对性的规划发表日志的时间，以获得更多的评论。</p>
<p><a href="http://gluehwein.junkies.ws/2006/10/16/plugin-search-phrases-anzeige-der-letzten-suchbegriffe/#english" target="_blank">Search  Phrases</a> – 统计来自搜索引擎的关键词。</p>
<p><a href="http://www.chrisfinke.com/wordpress/plugins/social-traffic/" target="_blank">Social  Traffic Monitor</a> – 监视来自多个社会性网站的访问。</p>
<p><a href="http://wordpress.org/extend/plugins/ultimate-google-analytics/" target="_blank">Ultimate  Google Analytics</a> – 更方便的添加Google Analytics统计脚本。</p>
<p><a href="http://www.murraywilliams.com/software/word-count-plugin-for-wordpress/" target="_blank">Word  Count</a> – 获得某篇或全部日志字符数。</p>
<p><a href="http://wordpress.org/extend/plugins/stats/" target="_blank">WordPress.com Stats</a> – Wordpress官方的统计插件，需要Wordpress API Key。</p>
<p><a href="http://faked.org/blog/wp-onlinecounter/" target="_blank">WP  OnlineCounter</a> – 在线用户统计。</p>
<p><a href="http://www.duechiacchiere.it/wp-slimstat/" target="_blank">WP-SlimStat</a> – 提供所有的标准统计数据，而且不会对服务器产生过大的负载。</p>
<p><a href="http://wordpress.org/extend/plugins/wp-stats/" target="_blank">WP-Stats</a> –  非常全面的统计插件。</p>
<p><strong>针对访问者</strong></p>
<p><a href="http://cavemonkey50.com/code/akismet-spam-count/" target="_blank">Akismet Spam  Count</a> – 显示被Akismet过滤的垃圾信息数目。</p>
<p><a href="http://wordpress.org/extend/plugins/alexa-rank/" target="_blank">Alexa Rank</a> –  显示博客的Alexa全球排名。</p>
<p><a href="http://wordpress.org/extend/plugins/generalstats/" target="_blank">GeneralStats</a> – 显示博客用户、分类、日志、评论等数量。</p>
<p><a href="http://wordpress.org/extend/plugins/googlepr/" target="_blank">Google PageRank</a> – 显示Google PR值。</p>
<p><a href="http://immike.net/blog/2007/04/10/impress-your-friends-with-your-blog-stats/" target="_blank">Impress</a> – 显示博客用户、分类、日志、评论等数量。</p>
<p><a href="http://www.jonlee.ca/jons-showoff-rankings/" target="_blank">Jon’s Showoff  Rankings Widget</a> – 显示博客Google PR值、Alexa排名、Technorati排名。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/05/27/3419/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/05/27/3419/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/05/27/3419/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/05/27/3419/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/05/27/3419/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/php/wordpress-php-develope/" title="Wordpress" rel="tag nofollow">Wordpress</a>, <a href="http://www.iwanna.cn/tags/links/" title="友情链接" rel="tag nofollow">友情链接</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/05/13/3113/" title="排名前7位的 Wordpress 404 插件 (2010年05月13日)">排名前7位的 Wordpress 404 插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3288/" title="如何给WordPress站点添加文章投递功能 (2010年05月22日)">如何给WordPress站点添加文章投递功能</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3290/" title="Wordpress 插件 TDo mini form 的一些技巧 (2010年05月22日)">Wordpress 插件 TDo mini form 的一些技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/04/18/2777/" title="6款WordPress聚合[RSS]采集插件 (2010年04月18日)">6款WordPress聚合[RSS]采集插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/03/16/2556/" title="6大必装Wordpress插件 (2010年03月16日)">6大必装Wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/21/736/" title="50个最好的wordpress插件 (2009年04月21日)">50个最好的wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3416/" title="10款提高PR值(搜索引擎排名)的WordPress插件 (2010年05月27日)">10款提高PR值(搜索引擎排名)的WordPress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/03/171/" title="简易Wordpress模板代码帮助手册中文版 (2009年04月3日)">简易Wordpress模板代码帮助手册中文版</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/10/28/2341/" title="淘宝开源编辑器 KISSY Editor (2009年10月28日)">淘宝开源编辑器 KISSY Editor</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/21/733/" title="最受欢迎的50个免费wordpress模板 (2009年04月21日)">最受欢迎的50个免费wordpress模板</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/05/27/3419/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10款提高PR值(搜索引擎排名)的WordPress插件</title>
		<link>http://www.iwanna.cn/archives/2010/05/27/3416/</link>
		<comments>http://www.iwanna.cn/archives/2010/05/27/3416/#comments</comments>
		<pubDate>Thu, 27 May 2010 07:10:33 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Optimize]]></category>
		<category><![CDATA[友情链接]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=3416</guid>
		<description><![CDATA[好的搜索引擎等级可以给你的站点带来更多的“有机”访问。如果你在使用Wordpress，不必担心，它已经帮你把最困难的部分搞定了。但还有一些没在Wordpress核心中实现的SEO特性，你可以很容易地通过安装插件达到目的。
具体需要安装多少插件来达到更好的搜索引擎评级呢？那就看你自己的喜好了，但是请尽量控制插件数量免得让你的服务器崩溃。  今天我们来说说10款提高PR值(搜索引擎排名)的WordPress插件。
1. All in One SEO Pack
这款插件对Wordpress的某些部分进行修改来达到SEO的效果。比如，你可以自定义单篇文章的标题，描述和标签。  另外，该插件后还有一些自动为Wordpress站点生成Cononical地址以及是否索引存档页面的特性。
2. Broken Link Checker
这个插件可监控站点无效的内链与外链以及任何无效图片。 为什么说这个插件是一个必备插件呢，因为如果你写了一篇有链接指向  www.domain.com  的文章，但是这个链接可能在以后失效，其结果是给搜索引擎留下了一个死胡同，这对于SEO是很不利的。通过这个插件你可以立即收到相关提醒并移除这些失效 链接。

3. Google XML Sitemaps Generator
这个插件可为你的Wordpress 博客创建与Google Sitemaps相容的  XML-Sitemap。Sitemap，也就是站点地图，可以帮助搜索引擎蜘蛛抓取你的博客内容。该插件生成的站点地图也支持其他搜索引擎，比如 Yahoo，MSN和Ask.com。
4. SEO Friendly Images
SEO Friendly  Images是一个能自动更新所有图片的title和alt属性的Wordpress插件。通过给图片设置合适的alt和标题标签属性，你可以从 Google图片搜索获得更多的流量。本Blog已经通过使用这个插件从Google图片搜索获得了大量的访问。
5. No Self Pings
尽管站内的内部链接可以帮助访客浏览你的文章，但是它同时会由于站内的ping动作导致页面评级下降。  这个插件可以通过移除所有的内部pingback并只接受来自其他站点的pingback来消除这个效果。
6. Enforce www. Preference
关于搜索引擎一个很重要的事实就是它会将 www.domain.com 和domain.com  作为两个不同的站点对待。你可以利用这个插件很容易地解决该问题。 注意： All in One SEO插件也会处理它，记得要确保选中  Canonical 选项。
7. [...]]]></description>
			<content:encoded><![CDATA[<p>好的搜索引擎等级可以给你的站点带来更多的“有机”访问。如果你在使用Wordpress，不必担心，它已经帮你把最困难的部分搞定了。但还有一些没在Wordpress核心中实现的SEO特性，你可以很容易地通过安装插件达到目的。<br />
具体需要安装多少插件来达到更好的搜索引擎评级呢？那就看你自己的喜好了，但是请尽量控制插件数量免得让你的服务器崩溃。  今天我们来说说<a title="10款提高PR值(搜索引擎排名)的WordPress插件" href="http://www.iwanna.cn/archives/2010/05/27/3416/"><strong>10款提高PR值(搜索引擎排名)的WordPress插件</strong></a>。<br />
<strong>1. All in One SEO Pack</strong><br />
这款插件对Wordpress的某些部分进行修改来达到SEO的效果。比如，你可以自定义单篇文章的标题，描述和标签。  另外，该插件后还有一些自动为Wordpress站点生成Cononical地址以及是否索引存档页面的特性。</p>
<p><strong>2. Broken Link Checker</strong><br />
这个插件可监控站点无效的内链与外链以及任何无效图片。 为什么说这个插件是一个必备插件呢，因为如果你写了一篇有链接指向  www.domain.com  的文章，但是这个链接可能在以后失效，其结果是给搜索引擎留下了一个死胡同，这对于SEO是很不利的。通过这个插件你可以立即收到相关提醒并移除这些失效 链接。<br />
<span id="more-3416"></span><br />
<strong>3. Google XML Sitemaps Generator<br />
</strong>这个插件可为你的Wordpress 博客创建与Google Sitemaps相容的  XML-Sitemap。Sitemap，也就是站点地图，可以帮助搜索引擎蜘蛛抓取你的博客内容。该插件生成的站点地图也支持其他搜索引擎，比如 Yahoo，MSN和Ask.com。</p>
<p><strong>4. SEO Friendly Images</strong><br />
SEO Friendly  Images是一个能自动更新所有图片的title和alt属性的Wordpress插件。通过给图片设置合适的alt和标题标签属性，你可以从 Google图片搜索获得更多的流量。本Blog已经通过使用这个插件从Google图片搜索获得了大量的访问。</p>
<p><strong>5. No Self Pings</strong><br />
尽管站内的内部链接可以帮助访客浏览你的文章，但是它同时会由于站内的ping动作导致页面评级下降。  这个插件可以通过移除所有的内部pingback并只接受来自其他站点的pingback来消除这个效果。</p>
<p><strong>6. Enforce www. Preference</strong><br />
关于搜索引擎一个很重要的事实就是它会将 www.domain.com 和domain.com  作为两个不同的站点对待。你可以利用这个插件很容易地解决该问题。 注意： All in One SEO插件也会处理它，记得要确保选中  Canonical 选项。</p>
<p><strong>7. Platinum SEO Pack</strong><br />
这个插件包含了All in One SEO 插件的所有功能，但是和All in One相比，它还有更多的功能。 比如它可以添加 index,  noindex, follow 或 nofollow, noodp, noydir, noarchive和nosnippet  元标记到任何文章/页面中。 但是我的大多数客户还是更愿意使用All in One SEO包，因为他们已经习惯了这个插件并且不愿意做出改变。</p>
<p><strong>8. SEO Smart Links</strong><br />
SEO Smart Links可以自动给你的文章和评论中得关键词添加指向相应文章，页面，分类和标签的链接。这样可以帮助访客更好地浏览你的站点。  整个互连过程是全自动的，你要做的就是通过管理面板设置一下它。</p>
<p><strong>9. SEO Slugs</strong><br />
在搜索引擎眼里，长一点的URL可能会有更好的页面等级，因为这样的URL包含更多的关键词。但像Google这样的搜索引擎会忽略一些常用关键词，比如 “you”，“a”，“the”和“what”。把这些关键词移除可以提升你的搜索引擎评级。 该插件可全自动移除这些无用的常见关键词。</p>
<p><strong>10. Robots Meta</strong><br />
Robots Meta 可以让用户控制哪些文章/页面可以被索引，哪些不可以。 比如你可能不想让你的搜索结果或是分类页面被检索，  因为搜索引擎会认为这些是重复内容而降低你的页面评级。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/05/27/3416/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/05/27/3416/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/05/27/3416/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/05/27/3416/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/05/27/3416/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/optimize/" title="Optimize" rel="tag nofollow">Optimize</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/php/wordpress-php-develope/" title="Wordpress" rel="tag nofollow">Wordpress</a>, <a href="http://www.iwanna.cn/tags/links/" title="友情链接" rel="tag nofollow">友情链接</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/05/13/3113/" title="排名前7位的 Wordpress 404 插件 (2010年05月13日)">排名前7位的 Wordpress 404 插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3288/" title="如何给WordPress站点添加文章投递功能 (2010年05月22日)">如何给WordPress站点添加文章投递功能</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3290/" title="Wordpress 插件 TDo mini form 的一些技巧 (2010年05月22日)">Wordpress 插件 TDo mini form 的一些技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3503/" title="WordPress title和meta标签的优化 (2010年05月27日)">WordPress title和meta标签的优化</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3499/" title="rel=&#8221;canonical&#8221;和 WordPress url 范式 (2010年05月27日)">rel=&#8221;canonical&#8221;和 WordPress url 范式</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/04/18/2777/" title="6款WordPress聚合[RSS]采集插件 (2010年04月18日)">6款WordPress聚合[RSS]采集插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/03/16/2556/" title="6大必装Wordpress插件 (2010年03月16日)">6大必装Wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/21/736/" title="50个最好的wordpress插件 (2009年04月21日)">50个最好的wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3419/" title="30个统计相关的Wordpress插件 (2010年05月27日)">30个统计相关的Wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/09/18/2254/" title="高效互联网营销的18种技巧 (2009年09月18日)">高效互联网营销的18种技巧</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/05/27/3416/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>15个 Javascript 的Web UI库，框架及工具包</title>
		<link>http://www.iwanna.cn/archives/2010/05/19/3234/</link>
		<comments>http://www.iwanna.cn/archives/2010/05/19/3234/#comments</comments>
		<pubDate>Wed, 19 May 2010 03:13:13 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Tool]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=3234</guid>
		<description><![CDATA[目前，几乎所有的富Web应用程序都依赖一套UI管理，程序库或框架(或工具包)，他们不仅简化了应用程序开发，他们还提供兼容的、可靠的及很强交互性的用户界面。除此之外您会请求哪些呢？
当前，广泛应用的Web用户界面框架已经覆盖了各种不同的语言 － 今天我将目标聚焦在JavaScript的Web用户界面。
并不是所有的库都适合于每一个项目，但大多数的开发者依然是依赖于单一的用户界面框架；然而，最忠实的朋友在必要的时候，他们还是会调转方向的&#8230;
&#8230;所以，如果您正在寻找一个新的用户界面观点，您会在下面看到15个最好的Javascript Web 用户界面；为所有的产品，从不同角度提供解决方案。
LivePipe
LivePipe   UI 基于 Prototype   Javascript 框架，包含了一整套经 严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab,  窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。
LivePipe 首页与下载
LivePipe 演示与示例


UKI
UKI 是一套简单的 JavaScript UI  工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 jQuery 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖  CSS 引用。
UKI 主页与下载
UKI 控件，演示，示例

MochaUI
MochaUI 是 MooTools   Javascript 框架 与  ExplorerCanvas 的一个备受欢迎的扩展，可以用来快速创建 Web 应用，Web 桌面，网站，饰件，独立 Windows，Modal  对话框等等。
MochaUI 主页与下载
MochaUI [...]]]></description>
			<content:encoded><![CDATA[<p>目前，几乎所有的富Web应用程序都依赖一套UI管理，程序库或框架(或工具包)，他们不仅简化了应用程序开发，他们还提供兼容的、可靠的及很强交互性的用户界面。除此之外您会请求哪些呢？</p>
<p>当前，广泛应用的Web用户界面框架已经覆盖了各种不同的语言 － 今天我将目标聚焦在JavaScript的Web用户界面。</p>
<p>并不是所有的库都适合于每一个项目，但大多数的开发者依然是依赖于单一的用户界面框架；然而，最忠实的朋友在必要的时候，他们还是会调转方向的&#8230;</p>
<p>&#8230;所以，如果您正在寻找一个新的用户界面观点，您会在下面看到<strong><a href="http://www.iwanna.cn/archives/2010/05/19/3234/" title="15个 Javascript 的Web UI库，框架及工具包">15个最好的Javascript Web 用户界面</a></strong>；为所有的产品，从不同角度提供解决方案。</p>
<h2>LivePipe</h2>
<p><a href="http://livepipe.net/">LivePipe   UI</a> 基于 <a href="http://www.prototypejs.org/">Prototype   Javascript 框架</a>，包含了一整套经 严格测试并高度可扩展的 UI 控件，拥有很好的文档，在不支持 JavaScript 的环境中，可以无缝降级使用。包括 Tab,  窗体，文本框，多选框，评分控件，进度条，滚动条，右键菜单等多种控件。</p>
<p><a href="http://livepipe.net/"><strong>LivePipe</strong> 首页与下载</a><br />
<a href="http://livepipe.net/control#rating"><strong>LivePipe</strong> 演示与示例</a></p>
<p><a href="http://livepipe.net/control#rating"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_02.jpg" alt="" /></a><br />
<span id="more-3234"></span></p>
<h2>UKI</h2>
<p><a href="http://ukijs.org/">UKI</a> 是一套简单的 JavaScript UI  工具集，用于快速创建桌面风格的 Web 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 <a href="http://jquery.com/">jQuery</a> 的开发者会发现这个工具很容易上手，非常简洁，无需安装框架，不依赖  CSS 引用。</p>
<p><a href="http://ukijs.org/"><strong>UKI</strong> 主页与下载</a><br />
<a href="http://ukijs.org/examples/"><strong>UKI</strong> 控件，演示，示例</a></p>
<p><a href="http://ukijs.org/examples/"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_04.jpg" alt="" /></a></p>
<h2>MochaUI</h2>
<p><a href="http://mochaui.com/">MochaUI</a> 是 <a href="http://mootools.net/">MooTools   Javascript 框架</a> 与  ExplorerCanvas 的一个备受欢迎的扩展，可以用来快速创建 Web 应用，Web 桌面，网站，饰件，独立 Windows，Modal  对话框等等。</p>
<p><a href="http://mochaui.com/"><strong>MochaUI</strong> 主页与下载</a><br />
<a href="http://mochaui.com/demo/"><strong>MochaUI</strong> 控件，演示，示例</a></p>
<p><a href="http://mochaui.com/demo/"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_06.jpg" alt="" /></a></p>
<p>中文编译来源：<a href="http://www.comsharp.com/"><strong>锐商企业CMS</strong> 网站内容管理系统</a> 官方网站</p>
<h2>Sigma  Ajax UI Builder</h2>
<p><a href="http://sourceforge.net/projects/ajaxuibuilder/">SigmaVisual</a> 是一套基于 Web 的，所见即所得的 AJAX UI 创建工具，包含超过40个不见，如 Tab，对话框，树形图，时间线等，基于  JavaScript 和 PHP。</p>
<p><a href="http://sourceforge.net/projects/ajaxuibuilder/"><strong>Sigma   Ajax UI Builder</strong> 主页和下载</a><br />
<a href="http://www.sigmawidgets.com/products/sigma_visual/VisualJS/index.html"><strong>Sigma   Ajax UI Builder</strong> 控件，演示和示例</a></p>
<p><a href="http://www.sigmawidgets.com/products/sigma_visual/VisualJS/index.html"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_08.jpg" alt="" /></a></p>
<h2>JxLib  based MooTools</h2>
<p><a href="http://jxlib.org/">JxLib</a> 是一个基于 <a href="http://mootools.net/">MooTools</a> 的 JavaScript UI 框架，包含多数 Web  程序都需要的基本空间，如按钮，Tab，菜单，树形结构，对话框等等。JxLib 还支持换肤功能。</p>
<p><a href="http://jxlib.org/"><strong>JxLib</strong> 主页与下载</a><br />
<a href="http://jxlib.org/"><strong>JxLib</strong> 控件，演示与示例</a></p>
<p><a href="http://jxlib.org/"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_10.jpg" alt="" /></a></p>
<h2>Dijit  – The Dojo Toolkit</h2>
<p><a href="http://dojotoolkit.org/reference-guide/dijit/index.html">Dijit</a> 基于 <a href="http://www.dojotoolkit.org/">Dojo</a>，也是学习 Dojo  扩展的一个好起点。可以用来创建非常漂亮的 Web 2.0 GUI。支持多语种，甚至支持不同语种的文字书写方向以及本地化数字，日期等等。</p>
<p><a href="http://dojotoolkit.org/reference-guide/dijit/index.html"><strong>Dijit</strong> 主页，下载</a><br />
<a href="http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html"><strong>Dijit</strong> 控件，演示，示例</a></p>
<p><a href="http://archive.dojotoolkit.org/nightly/dojotoolkit/dijit/themes/themeTester.html"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_12.jpg" alt="" /></a></p>
<h2><a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>  TOOLS</h2>
<p><a href="http://flowplayer.org/tools/index.html">jQuery  Tools</a> 是一个非常轻量（2.5kb）的常用 UI 库，支持以下 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 对象，Tabs, 工具提示，滚动条，层，表单以及 Flash 嵌套。</p>
<p><a href="http://flowplayer.org/tools/index.html"><strong>jQuery  TOOLS</strong> 主页与下载</a><br />
<a href="http://flowplayer.org/tools/demos/index.html"><strong>jQuery   TOOLS</strong> 控件，演示，示例</a></p>
<p><a href="http://flowplayer.org/tools/demos/index.html"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_14.jpg" alt="" /></a></p>
<h2><a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>  UI</h2>
<p><a href="http://jqueryui.com/home">jQuery   UI</a> 基于 <a href="http://jquery.com/">jQuery</a>，包含 3 个大类，饰件，一些内置的 UI  对象；效果，对各种网页对象施加动画效果（如爆炸效果）；鼠标交互，如拖放操作。</p>
<p><a href="http://jqueryui.com/home"><strong>jQuery  UI</strong> 首页与下载</a><br />
<a href="http://jqueryui.com/demos/"><strong>jQuery  UI</strong> 控件，演示与示例</a></p>
<p><a href="http://jqueryui.com/demos/"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_16.jpg" alt="" /></a></p>
<h2>Prototype  UI</h2>
<p><a href="http://www.prototype-ui.com/">Prototype  UI</a> 基于 <a href="http://www.prototypejs.org/">Prototype</a> 与 <a href="http://script.aculo.us/">Script.aculo.us</a>，包括多个模块（旋转木马，Modal  窗口，阴影，右键菜单等），每个模块可以单独安装使用。</p>
<p><a href="http://www.prototype-ui.com/"><strong>Prototype  UI</strong> 主页与下载</a><br />
<a href="http://docs.prototype-ui.com/rc0/Window"><strong>Prototype  UI</strong> 控件，演示与示例</a></p>
<p><a href="http://docs.prototype-ui.com/rc0/Window"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201005/webui_18.jpg" alt="" /></a></p>
<h2>Jitsu</h2>
<p><a href="http://www.jitsu.org/jitsu/index.html">Jitsu</a> 功能包括 XML  标记，页面编译，动画引擎，Ajax 以及运行时检测等等，它的 Ajax 功能使消费级 Web  应用的创建变得非常简单，支持客户端数据绑定，还可以将页面编译成 JavaScript，<a href="http://www.jitsu.org/jitsu/index.html">Jitsu</a> 在 Firefox 和 IE  中运行最佳。</p>
<p><a href="http://www.jitsu.org/jitsu/index.html"><strong>Jitsu</strong> 主页与下载</a><br />
<a href="http://www.jitsu.org/jitsu/quicktours/basic_helloworld.html"><strong>Jitsu</strong> 控件，演示与示例</a></p>
<p><a href="http://www.jitsu.org/jitsu/quicktours/basic_helloworld.html"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_20.jpg" alt="" /></a></p>
<h2>Qutensil</h2>
<p><a href="http://qutensil.com/">Qutensil</a> 仍在开发中，但其路线图已经显示出某些引人注目的东西，基于 <a href="http://www.prototypejs.org/">Prototype</a> 与 <a href="http://script.aculo.us/">Scriptaculous</a> ，包含消息，调色板，滑动条，工具提示，可拖放窗口以及警告，确认，提示等窗口。</p>
<p><a href="http://qutensil.com/"><strong>Qutensil</strong> 主页，下载</a><br />
<a href="http://qutensil.com/pages/modules"><strong>Qutensil</strong> 控件，演示，示例</a></p>
<p><a href="http://qutensil.com/pages/modules"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_22.jpg" alt="" /></a></p>
<h2>Script.aculo.us</h2>
<p><a href="http://script.aculo.us/">script.aculo.us</a> 是一个备受欢迎的 UI  工具集，基于 <a href="http://www.prototypejs.org/">Prototype 框架</a>，提供了诸如视觉效 果，UI 控件以及面向 DOM 的工具。</p>
<p><a href="http://script.aculo.us/"><strong>Script.aculo.us</strong> 首页与下载</a></p>
<p><a href="http://wiki.github.com/madrobby/scriptaculous/demos"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_24.jpg" alt="" /></a></p>
<h2>Alloy  UI</h2>
<p><a href="http://alloy.liferay.com/">AlloyUI</a> 是一套功能丰富的 UI 框架，基于 YUI  3，部分基于 YUI 2，包含一套丰富的（超过60）UI 部件，如图片库，对话框，树形结构，面板，自动完成，按钮，日历控件，工具条等。</p>
<p><a href="http://alloy.liferay.com/"><strong>Alloy  UI</strong> 首页和下载</a><br />
<a href="http://alloy.liferay.com/demos.php"><strong>Alloy  UI</strong> 控件，演示与示例</a></p>
<p><a href="http://alloy.liferay.com/demos.php"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_26.jpg" alt="" /></a></p>
<h2>iUI:  iPhone UI 框架</h2>
<p><a href="http://code.google.com/p/iui/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_27.jpg" alt="" /></a></p>
<p><a href="http://code.google.com/p/iui/">IUI</a> 包含一套 JavaScript 库，CSS  式样表及图片，是一个轻量级 iPhone UI 库，包含 iPhone 风格导航菜单，设备方向，iPhone 风格切换等功能，可以为你的  Web 程序带来 iPhone 般的体验。</p>
<p><a href="http://code.google.com/p/iui/"><strong>iUI</strong> 主页与下载</a></p>
<h2>XUI</h2>
<p><a href="http://xuijs.com/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_29.jpg" alt="" /></a></p>
<p><a href="http://xuijs.com/">XUI</a> 是一个用于移动 Web  应用的轻量，极简，高度模块化的框架。它之所以非常轻量的原因是，它只支持移动浏览器，所有跨浏览器支持的代码都被剥离。它面向一线移动 Web  浏览器，如 Webkit，Fennec 以及 Opera，并有意将来对移动 IE 和黑莓提供支持。</p>
<p><a href="http://xuijs.com/"><strong>XUI</strong> 首页，下载</a></p>
<h2>Yahoo!  YUI <a href="http://www.iwanna.cn/tags/library/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Library">Library</a></h2>
<p><a href="http://developer.yahoo.com/yui/"><img src="http://speckyboy.specky.netdna-cdn.com/wp-content/uploads/2010/05/webui_30.jpg" alt="" /></a></p>
<p><a href="http://developer.yahoo.com/yui/">Yahoo!  YUI Library</a> 可谓所有 Web UI 之父，可靠，功能丰富，目前已经发展到第 3 版。它拥有一个很庞大的开发团队，推出了非常丰富的功能，就功能而言，无可匹敌。</p>
<p><a href="http://developer.yahoo.com/yui/"><strong>YUI  Library</strong> 主页与下载</a><br />
<a href="http://developer.yahoo.com/yui/2/"><strong>YUI2 入门</strong></a><br />
<a href="http://developer.yahoo.com/yui/3/"><strong>YUI3 入门</strong></a><br />
<a href="http://developer.yahoo.com/yui/3/"><strong>YUI3</strong> 控件，演示与示例</a></p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/05/19/3234/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/05/19/3234/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/05/19/3234/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/05/19/3234/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/05/19/3234/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/topics/ui/javascript/" title="JavaScript" rel="tag nofollow">JavaScript</a>, <a href="http://www.iwanna.cn/tags/javascript/" title="JavaScript" rel="tag nofollow">JavaScript</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/software/tool/" title="Tool" rel="tag nofollow">Tool</a>, <a href="http://www.iwanna.cn/tags/tool/" title="Tool" rel="tag nofollow">Tool</a>, <a href="http://www.iwanna.cn/tags/web/" title="Web" rel="tag nofollow">Web</a>, <a href="http://www.iwanna.cn/topics/ui/web-ui/" title="WEB" rel="tag nofollow">WEB</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/06/17/4031/" title="多个解压缩JavaScript文件工具 (2010年06月17日)">多个解压缩JavaScript文件工具</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/16/3180/" title="关于交互设计师需要画的线框图 (2010年05月16日)">关于交互设计师需要画的线框图</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/02/4325/" title="做网站常用工具下载与介绍 (2010年07月2日)">做网站常用工具下载与介绍</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/25/4733/" title="WEB日志格式及分析工具 (2010年07月25日)">WEB日志格式及分析工具</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/13/356/" title="Javascript压缩工具(Javascript compressed,Js压缩) (2009年04月13日)">Javascript压缩工具(Javascript compressed,Js压缩)</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/11/06/2366/" title="Google开源JavaScript工具 (2009年11月6日)">Google开源JavaScript工具</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/04/15/2723/" title="8个实用的 JavaScript 测试及效验工具 (2010年04月15日)">8个实用的 JavaScript 测试及效验工具</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/07/09/1956/" title="5个整站下载工具 (2009年07月9日)">5个整站下载工具</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/01/4285/" title="50 个Web 设计师的超便利工具[下] (2010年07月1日)">50 个Web 设计师的超便利工具[下]</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/01/4284/" title="50 个Web 设计师的超便利工具[上] (2010年07月1日)">50 个Web 设计师的超便利工具[上]</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/05/19/3234/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>11 个优秀的制作移动友好网站的解决方案</title>
		<link>http://www.iwanna.cn/archives/2010/05/17/3115/</link>
		<comments>http://www.iwanna.cn/archives/2010/05/17/3115/#comments</comments>
		<pubDate>Mon, 17 May 2010 15:08:07 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[NetSoft]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Tool]]></category>
		<category><![CDATA[Translate]]></category>
		<category><![CDATA[Website]]></category>
		<category><![CDATA[翻译]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=3115</guid>
		<description><![CDATA[看起来，现在几乎每个人都拥有一款自己的手机，随着智能手机日益普及，越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机，如iPhone等拥有自己的浏览器适应正常的网页，一个移动版本的网站可能就意味着更多的好处，如下载速度更快，并确保您的内容可以在更多的手机中访问。
创建一份WDL的移动版本清单在我的代办事件列表中已经有一段事件了，但至今仍然还是没有这个网站的移动版本。当意识到我已经把这件事情搁置太久了，我已经开始为Web Design Ledger寻求最佳的移动方案而展开研究。我发现有很多的解决方案可以帮组您快速实现，但这里展示出来的是11个最佳的解决方案
WPtouch

WPtouch 是一款专门为用 WordPress 搭建站点所使用的手机主题。以苹果的应用商店规格来架构的，加载速度非常快，而且还可以让您的内容显示得非常漂亮，更不会干扰您的网站的正常主题。当从iPhone，iPod touch，Andriod 或 BlachBerry(黑莓)等系统浏览时，WPtouch 都会自动地将您的WordPress 博客自动转化为网络应用的阅历模式。
MoFuse

MoFuse 已经为超过23,000个用户提供他们移动版本的博客。一些比较著名的“大牌”网站如：Mashable 和 读写网等。Mashable会提供给您一些工具来帮助您推动内容，创建及评估您的读者群，甚至是赚钱。

Mippin  Mobilizer

Mippin Mobilizer 通过简单的几个步骤就能帮助您快速建立站点，并替您完全控制品牌和标识。当然，也帮您通过广告来为您的移动网站赢得收入。
Mobify

Mobify 为超过5000个移动设备提供支持，通过CSS就可以为您的移动网站全面提供布局控制。当然也为您提供工具来控制移动广告及分析。
Wirenode

Wirenode 目前拥有近 40,000 个移动页面，而且这些都是像锐步和福特等极受欢迎的品牌。通过 Wirenode，仅仅需要5分钟就可以为您的网站获得一个移动版本并立即运行，提供的功能主要有：移动小工具、简易信息聚合调动、移动民调及档案等。
WPtap

WPtap 提供移动主题/插件等，当用户从iPhone,  iPod Touch, touch-based Blackberry, 和 Android 等智能机上访问时，它会立即将您的WordPress 网站转化为网络应用的阅历模式。WPtap 为您的WordPress网站提供全面的移动主题支持。它配有所有WordPress博客的标准功能：搜索、登录、分类、标签、档案、照片及其他。通过用户友好的WordPress 管理面板，WPtap 也提供很多的自定义功能。
mobiSiteGalore

mobiSiteGalore 是一个移动网站建设者，它让您可以轻松地建立、发布及分享一个全面的移动网站，并且保证在任何移动网站中运行。设计出来的模板也允许您为网站中的每一个页面都是独特的，可以完全自定义页面当中的颜色、字体及布局等。
WordPress  Mobile Pack

WordPress Mobile Pack 是一套帮助动员您的 WordPress 网站和博客的程序改良工具。基于正在访问网站的用户类型，可以切换不同的移动主题；一个手机主题，额外的小工具，适应设备及其中的移动管理面板允许用户随时随地去编辑网站或编写新的专栏。
Zinadoo

Zinadoo 提供网络解决方案，仅需几分钟就可以为您的网站创建一个移动版本。您还可以利用他们特殊的移动小工具，针对 Google 优化关键词及标签。
Winksite

Winksite 是第一个符合标准的移动网站创建者，其中包括RSS驱动的内容部署和包含有社区功能的移动调整(如：论坛、聊天及调查等)。它也允许您在您的移动网站中从占取领先地位的移动广告网络中发布广告。您的收入分成是100%的，Winksite并不会从您的收入当中抽取提成。
MobilePress

MobilePress是一款免费的WordPress插件，当从移动手机访问时，将您的WordPress博客转化为移动友好模式。MobilePress 也允许您针对不同的手持移动设备自定义创建主题，如：iPhone, Opera Mini and  Windows [...]]]></description>
			<content:encoded><![CDATA[<p>看起来，现在几乎每个人都拥有一款自己的手机，随着智能手机日益普及，越来越多的人们开始使用他们的移动设备来访问互联网。尽管有些手机，如iPhone等拥有自己的浏览器适应正常的网页，一个移动版本的网站可能就意味着更多的好处，如下载速度更快，并确保您的内容可以在更多的手机中访问。</p>
<p>创建一份WDL的移动版本清单在我的代办事件列表中已经有一段事件了，但至今仍然还是没有这个网站的移动版本。当意识到我已经把这件事情搁置太久了，我已经开始为Web Design Ledger寻求最佳的移动方案而展开研究。我发现有很多的解决方案可以帮组您快速实现，但这里展示出来的是<a title="11 个优秀的制作移动友好网站的解决方案" href="http://www.iwanna.cn/archives/2010/05/17/3115/">11个最佳的解决方案</a></p>
<h3><a href="http://www.bravenewcode.com/products/wptouch/" target="_blank">WPtouch</a></h3>
<p><a href="http://www.bravenewcode.com/products/wptouch/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_3.jpg" alt="mobile version tools" /></a><br />
WPtouch 是一款专门为用 WordPress 搭建站点所使用的手机主题。以苹果的应用商店规格来架构的，加载速度非常快，而且还可以让您的内容显示得非常漂亮，更不会干扰您的网站的正常主题。当从iPhone，iPod touch，Andriod 或 BlachBerry(黑莓)等系统浏览时，WPtouch 都会自动地将您的WordPress 博客自动转化为网络应用的阅历模式。</p>
<h3><a href="http://www.mofuse.com/a/" target="_blank">MoFuse</a></h3>
<p><a href="http://www.mofuse.com/a/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_2.jpg" alt="mobile version tools" /></a><br />
MoFuse 已经为超过23,000个用户提供他们移动版本的博客。一些比较著名的“大牌”网站如：Mashable 和 读写网等。Mashable会提供给您一些工具来帮助您推动内容，创建及评估您的读者群，甚至是赚钱。<br />
<span id="more-3115"></span></p>
<h3><a href="http://mippin.com/web/maker/mobilize.jsp" target="_blank">Mippin  Mobilizer</a></h3>
<p><a href="http://mippin.com/web/maker/mobilize.jsp" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_11.jpg" alt="mobile version tools" /></a><br />
Mippin Mobilizer 通过简单的几个步骤就能帮助您快速建立站点，并替您完全控制品牌和标识。当然，也帮您通过广告来为您的移动网站赢得收入。</p>
<h3><a href="http://mobify.me/" target="_blank">Mobify</a></h3>
<p><a href="http://mobify.me/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_1.jpg" alt="mobile version tools" /></a><br />
Mobify 为超过5000个移动设备提供支持，通过CSS就可以为您的移动网站全面提供布局控制。当然也为您提供工具来控制移动广告及分析。</p>
<h3><a href="http://www.wirenode.com/" target="_blank">Wirenode</a></h3>
<p><a href="http://www.wirenode.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_10.jpg" alt="mobile version tools" /></a><br />
Wirenode 目前拥有近 40,000 个移动页面，而且这些都是像锐步和福特等极受欢迎的品牌。通过 Wirenode，仅仅需要5分钟就可以为您的网站获得一个移动版本并立即运行，提供的功能主要有：移动小工具、简易信息聚合调动、移动民调及档案等。</p>
<h3><a href="http://www.wptap.com/" target="_blank">WPtap</a></h3>
<p><a href="http://www.wptap.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_4.jpg" alt="mobile version tools" /></a><br />
WPtap 提供移动主题/插件等，当用户从iPhone,  iPod Touch, touch-based Blackberry, 和 Android 等智能机上访问时，它会立即将您的WordPress 网站转化为网络应用的阅历模式。WPtap 为您的WordPress网站提供全面的移动主题支持。它配有所有WordPress博客的标准功能：搜索、登录、分类、标签、档案、照片及其他。通过用户友好的WordPress 管理面板，WPtap 也提供很多的自定义功能。</p>
<h3><a href="http://www.mobisitegalore.com/index.html" target="_blank">mobiSiteGalore</a></h3>
<p><a href="http://www.mobisitegalore.com/index.html" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_9.jpg" alt="mobile version tools" /></a><br />
mobiSiteGalore 是一个移动网站建设者，它让您可以轻松地建立、发布及分享一个全面的移动网站，并且保证在任何移动网站中运行。设计出来的模板也允许您为网站中的每一个页面都是独特的，可以完全自定义页面当中的颜色、字体及布局等。</p>
<h3><a href="http://wordpress.org/extend/plugins/wordpress-mobile-pack/" target="_blank">WordPress  Mobile Pack</a></h3>
<p><a href="http://wordpress.org/extend/plugins/wordpress-mobile-pack/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_5.jpg" alt="mobile version tools" /></a><br />
WordPress <a href="http://www.iwanna.cn/tags/mobile/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Mobile">Mobile</a> Pack 是一套帮助动员您的 WordPress 网站和博客的程序改良工具。基于正在访问网站的用户类型，可以切换不同的移动主题；一个手机主题，额外的小工具，适应设备及其中的移动管理面板允许用户随时随地去编辑网站或编写新的专栏。</p>
<h3><a href="http://www.zinadoo.com/" target="_blank">Zinadoo</a></h3>
<p><a href="http://www.zinadoo.com/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_6.jpg" alt="mobile version tools" /></a><br />
Zinadoo 提供网络解决方案，仅需几分钟就可以为您的网站创建一个移动版本。您还可以利用他们特殊的移动小工具，针对 Google 优化关键词及标签。</p>
<h3><a href="http://winksite.com/site/index.cfm" target="_blank">Winksite</a></h3>
<p><a href="http://winksite.com/site/index.cfm" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_7.jpg" alt="mobile version tools" /></a><br />
Winksite 是第一个符合标准的移动网站创建者，其中包括RSS驱动的内容部署和包含有社区功能的移动调整(如：论坛、聊天及调查等)。它也允许您在您的移动网站中从占取领先地位的移动广告网络中发布广告。您的收入分成是100%的，Winksite并不会从您的收入当中抽取提成。</p>
<h3><a href="http://mobilepress.co.za/" target="_blank">MobilePress</a></h3>
<p><a href="http://mobilepress.co.za/" target="_blank"><img src="http://webdesignledger.com/wp-content/uploads/2010/05/mobile_tools_8.jpg" alt="mobile version tools" /></a><br />
MobilePress是一款免费的WordPress插件，当从移动手机访问时，将您的WordPress博客转化为移动友好模式。MobilePress 也允许您针对不同的手持移动设备自定义创建主题，如：iPhone, Opera Mini and  Windows <a href="http://www.iwanna.cn/tags/mobile/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with Mobile">Mobile</a>等。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/05/17/3115/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/05/17/3115/#comments">5 条评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/05/17/3115/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/05/17/3115/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/05/17/3115/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/topics/develope/mobile/" title="Mobile" rel="tag nofollow">Mobile</a>, <a href="http://www.iwanna.cn/tags/mobile/" title="Mobile" rel="tag nofollow">Mobile</a>, <a href="http://www.iwanna.cn/topics/software/net-soft/" title="NetSoft" rel="tag nofollow">NetSoft</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/software/tool/" title="Tool" rel="tag nofollow">Tool</a>, <a href="http://www.iwanna.cn/tags/tool/" title="Tool" rel="tag nofollow">Tool</a>, <a href="http://www.iwanna.cn/tags/translate/" title="Translate" rel="tag nofollow">Translate</a>, <a href="http://www.iwanna.cn/topics/iwanna/translate-iwanna/" title="Translate" rel="tag nofollow">Translate</a>, <a href="http://www.iwanna.cn/topics/surf/website/" title="Website" rel="tag nofollow">Website</a>, <a href="http://www.iwanna.cn/tags/translates/" title="翻译" rel="tag nofollow">翻译</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/04/15/2723/" title="8个实用的 JavaScript 测试及效验工具 (2010年04月15日)">8个实用的 JavaScript 测试及效验工具</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/03/05/2533/" title="5款免费的制作移动版本的网站的工具 (2010年03月5日)">5款免费的制作移动版本的网站的工具</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/08/4164/" title="50个表单功能，验证，安全和自定义化的jQuery插件 (2010年07月8日)">50个表单功能，验证，安全和自定义化的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/08/2812/" title="30个最好的jQuery表单插件 (2010年05月8日)">30个最好的jQuery表单插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/04/20/2798/" title="18个有效的域名工具及其生成器 (2010年04月20日)">18个有效的域名工具及其生成器</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/03/20/2597/" title="10 个实用的网站分析工具 (2010年03月20日)">10 个实用的网站分析工具</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/07/05/1923/" title="转换设计原图 PSD 为 HTML (2009年07月5日)">转换设计原图 PSD 为 HTML</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/17/1828/" title="用jQuery和CSS构建下拉菜单 (2009年06月17日)">用jQuery和CSS构建下拉菜单</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3294/" title="深色调社交图标：免费且高质量的社交媒体图标集 (2010年05月22日)">深色调社交图标：免费且高质量的社交媒体图标集</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/18/3210/" title="如何正确购买一个已经存在的域名(SEO友好) (2010年05月18日)">如何正确购买一个已经存在的域名(SEO友好)</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/05/17/3115/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>2010年4月：最佳的jQuery插件</title>
		<link>http://www.iwanna.cn/archives/2010/05/14/2913/</link>
		<comments>http://www.iwanna.cn/archives/2010/05/14/2913/#comments</comments>
		<pubDate>Fri, 14 May 2010 13:09:53 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2913</guid>
		<description><![CDATA[2010年4月：最佳的jQuery插件
3D  Cloud Carousel

这是一个可以实现快速的、跨浏览器的三维旋转木马展示图片，看起来非常漂亮，就像是完完全全用Flash来实现。它可以在旋转木马项目中动态创建映象，即使没有JavaScript，也是可以访问的，不降低效果。
jQuery  Slider (Safari style)

jQuery Slider 是易于使用且功能重多的jQuery插件。
TopSlideBox

TopSlideBox 是一款轻量级的，简单易用的jQuery灯箱效果插件，从页面的顶部向下滑动。

SimpleModal

SimpleModal 也是一个轻量级的jQuery插件，通过一个简单的界面来创建模拟对话框。
jQuery  modalBox

jQuery modalBox 是一款简单的，可以自定义多个模拟对话框的jQuery插件。这块插件是在JavaScript的jQuery库之上编写而成，显示内嵌的内容、AJAX方式获取内容服务及图片等。
NavIt

NavIt 是一款强大的插件，可以将HTML列表转换为导航。包含有很多的选项，如：横向导航、垂直导航、手风琴样式系统及下拉菜单系统等等。
Lens  Flares

给您的页面加上漂亮的光晕效果。
DrawBox

DrawBox 可以轻松地为您的站点添加一个可绘制（点击和拖动，触摸和移动）画布元素。我们的本意是为了在网页表单中提供一个可以签名的字段，以便在iPad中查看。
zWeatherFeed  &#8211; Yahoo! Weather plugin for jQuery

这个插件可以帮组您读取Yahoo！中的当前本地的天气预报。他提供HTML结构并结合内置的CSS类来定义样式。
Open  Standard Media Player

The Open Standard Media(开放标准的媒体播放器)是一个集所有功能于一身的网络媒体播放器。这款媒体播放器随着行业的变动而演变，它是为动态传递任何网络媒体而建立的，包括HTML5，YouTube，Vimeo和Flash，基于开源（GPL）媒体播放器。
zLastFM &#8211;  LastFM plugin for jQuery

这款插件是专门为Last.FM用户而开发的，它可以获取到最爱的曲目，最近的曲目，最佳专辑、最佳艺术家及热门歌曲（需要一个API密钥）。提供HTML结构并结合内置的CSS类来定义样式。
jQuery Tiny Watermark Plugin

它可以在任意的input, textarea 和select等元素中应用。只需给需要显示水印的元素指定特定的CSS类，文本就会显示水印效果。
FS.Magnify

jQuery的fsMagnify插件是一个简单的插件，通过点击图像它可以以一定的比例放大。
Star Rating widget

Star Rating 小工具基于jQuery JavaScript库的一个小插件，通过radio按钮或select下拉选项来创建星级显示控制。
Easy  List Splitter Plugin for [...]]]></description>
			<content:encoded><![CDATA[<h2><a title="2010年4月：最佳的jQuery插件" rel="nofollow" href="http://www.ajaxline.com/best-jquery-plugins-april-2010">2010年4月：最佳的jQuery插件</a></h2>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/CloudCarousel" target="_blank">3D  Cloud Carousel</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/CloudCarousel" target="_blank"><img src="http://www.ajaxline.com/files/cloudcar.png" alt="" /></a><br />
这是一个可以实现快速的、跨浏览器的三维旋转木马展示图片，看起来非常漂亮，就像是完完全全用Flash来实现。它可以在旋转木马项目中动态创建映象，即使没有JavaScript，也是可以访问的，不降低效果。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/jslider-safari" target="_blank">jQuery  Slider (Safari style)</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/jslider-safari" target="_blank"><img src="http://www.ajaxline.com/files/saslide.png" alt="" /></a><br />
<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> Slider 是易于使用且功能重多的<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/TopSlideBox" target="_blank">TopSlideBox</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/TopSlideBox" target="_blank"><img src="http://www.ajaxline.com/files/tsbox.png" alt="" /></a><br />
TopSlideBox 是一款轻量级的，简单易用的<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>灯箱效果插件，从页面的顶部向下滑动。<br />
<span id="more-2913"></span></p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/SimpleModal" target="_blank">SimpleModal</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/SimpleModal" target="_blank"><img src="http://www.ajaxline.com/files/basemoddi.png" alt="" /></a><br />
SimpleModal 也是一个轻量级的<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件，通过一个简单的界面来创建模拟对话框。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/modalBox" target="_blank">jQuery  modalBox</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/modalBox" target="_blank"><img src="http://www.ajaxline.com/files/jqmbox.png" alt="" /></a><br />
<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> modalBox 是一款简单的，可以自定义多个模拟对话框的<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件。这块插件是在JavaScript的<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>库之上编写而成，显示内嵌的内容、AJAX方式获取内容服务及图片等。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/navIt" target="_blank">NavIt</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/navIt" target="_blank"><img src="http://www.ajaxline.com/files/jqnavit.png" alt="" /></a><br />
NavIt 是一款强大的插件，可以将<a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>列表转换为导航。包含有很多的选项，如：横向导航、垂直导航、手风琴样式系统及下拉菜单系统等等。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/lensflare" target="_blank">Lens  Flares</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/lensflare" target="_blank"><img src="http://www.ajaxline.com/files/lenflares.png" alt="" /></a><br />
给您的页面加上漂亮的光晕效果。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/drawbox" target="_blank">DrawBox</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/drawbox" target="_blank"><img src="http://www.ajaxline.com/files/drawbox.png" alt="" /></a><br />
DrawBox 可以轻松地为您的站点添加一个可绘制（点击和拖动，触摸和移动）画布元素。我们的本意是为了在网页表单中提供一个可以签名的字段，以便在iPad中查看。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/zWeatherFeed" target="_blank">zWeatherFeed  &#8211; Yahoo! Weather plugin for jQuery</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/zWeatherFeed" target="_blank"><img src="http://www.ajaxline.com/files/yahweather.png" alt="" /></a><br />
这个插件可以帮组您读取Yahoo！中的当前本地的天气预报。他提供<a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>结构并结合内置的CSS类来定义样式。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/osmplayer" target="_blank">Open  Standard Media Player</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/osmplayer" target="_blank"><img src="http://www.ajaxline.com/files/osmplayer.png" alt="" /></a><br />
The Open Standard Media(开放标准的媒体播放器)是一个集所有功能于一身的网络媒体播放器。这款媒体播放器随着行业的变动而演变，它是为动态传递任何网络媒体而建立的，包括HTML5，YouTube，Vimeo和Flash，基于开源（GPL）媒体播放器。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/zLastFM" target="_blank">zLastFM &#8211;  LastFM plugin for jQuery</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/zLastFM" target="_blank"><img src="http://www.ajaxline.com/files/zlastfm.png" alt="" /></a><br />
这款插件是专门为Last.FM用户而开发的，它可以获取到最爱的曲目，最近的曲目，最佳专辑、最佳艺术家及热门歌曲（需要一个API密钥）。提供<a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>结构并结合内置的CSS类来定义样式。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/TinyWatermark" target="_blank">jQuery Tiny Watermark Plugin</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/TinyWatermark" target="_blank"><img src="http://www.ajaxline.com/files/jqwater.png" alt="" /></a><br />
它可以在任意的input, textarea 和select等元素中应用。只需给需要显示水印的元素指定特定的CSS类，文本就会显示水印效果。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/fsmagnify" target="_blank">FS.Magnify</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/fsmagnify" target="_blank"><img src="http://www.ajaxline.com/files/magn.png" alt="" /></a><br />
<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>的fsMagnify插件是一个简单的插件，通过点击图像它可以以一定的比例放大。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/Star_Rating_widget" target="_blank">Star Rating widget</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/Star_Rating_widget" target="_blank"><img src="http://www.ajaxline.com/files/jqstarrate.png" alt="" /></a><br />
Star Rating 小工具基于<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> JavaScript库的一个小插件，通过radio按钮或select下拉选项来创建星级显示控制。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/easyListSplitter" target="_blank">Easy  List Splitter Plugin for jQuery</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/easyListSplitter" target="_blank"><img src="http://www.ajaxline.com/files/easlsplitt.png" alt="" /></a><br />
该插件将会得到您的清单包装进一个容器层，生成许多您要求的列表，并均匀地将列表分到不同的列表项当中。如果列表不够均匀地分布到所有的列当中，那么它就会隐藏多于的列。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/uplift" target="_blank">Halal IT  Uplift JQuery Plugin</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/uplift" target="_blank"><img src="http://www.ajaxline.com/files/halal.png" alt="" /></a></p>
<p>Halal IT has developed a <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> Effect Plugin for our site to show  our testimonials. This is a rocking plugin which lifts the last element  of a parent element to top and slowly takes other elements down.</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/multi-ddm" target="_blank">Multi  Level Drop Down Menu</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/multi-ddm" target="_blank"><img src="http://www.ajaxline.com/files/mlddm.png" alt="" /></a></p>
<p>Multi Level Drop Down Menu (multi-ddm) takes an existing group of  nested lists and activates it into a drop down menu.</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/jquerymultipleselectbox" target="_blank">jQuery Multiple Select Box Plugin</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/jquerymultipleselectbox" target="_blank"><img src="http://www.ajaxline.com/files/multselbox.png" alt="" /></a></p>
<p>Replace browser&#8217;s default multiple select box with overflow: auto.  Select Automatically when dragging and scrolling.</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/CropZoom" target="_blank">CropZoom</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/CropZoom" target="_blank"><img src="http://www.ajaxline.com/files/czoom.png" alt="" /></a></p>
<p>CropZoom is a plugin that let you select an area of an image to crop,  also you can zoom in or zoom out, drag and also rotate. this plugins  needs ui.droppable, ui.resizable, ui.slider from <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">JQuery</a> UI.</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/bookmark" target="_blank">Bookmark</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/bookmark" target="_blank"><img src="http://www.ajaxline.com/files/jabm.png" alt="" /></a></p>
<p>A <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> plugin  that sets a div to allow sharing of your page on  various bookmarking sites.</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/pagination" target="_blank">Pagination</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/pagination" target="_blank"><img src="http://www.ajaxline.com/files/jqpagplug.png" alt="" /></a></p>
<p>When you have a a large list of items (e.g. search results or news  articles), you can display them grouped in pages and present navigational elements  to move from one page to another. This plugin creates these navigational  elements.</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/formmap" target="_blank">jFormMap  Web forms</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/formmap" target="_blank"><img src="http://www.ajaxline.com/files/jformmap.png" alt="" /></a></p>
<p>jFormMap is a plugin that creates fully functional formularies based  on javascript objects definitions or JSON files. It renders fully  integrated JSON data including both master and details.</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/nthFix" target="_blank">nthFix</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/nthFix" target="_blank"><img src="http://www.ajaxline.com/files/ntfix.png" alt="" /></a></p>
<p>The nthFix plugin is used to modify CSS any values of the &#8216;nth&#8217;  occurrence of siblings with the same class. One implementation of this  could be trim the right hand margin of the side of an element so as to  allow all of those elements to line up neatly in a grid. Once the grid  has been established you can then modify the bottom row of the grid to  remove the bottom margin for instance.</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/speedometer" target="_blank">Speedometer</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/speedometer" target="_blank"><img src="http://www.ajaxline.com/files/speedmeter.png" alt="" /></a></p>
<p>A widget for displaying a percentage through a needle on a  speedometer image. Despite use of canvas elements, this plugin works in  Internet Explorer 7 through use of modified excanvas and jqcanvas files.</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/shadows" target="_blank">IE CSS  shadows</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/shadows" target="_blank"><img src="http://www.ajaxline.com/files/multtextsh.png" alt="" /></a></p>
<p>Plugin emulate CSS3 text-shadow and box-shadow properties for  Internet Explorer using proprietary filters.</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/dynamicEditable" target="_blank">dynamic  editable</a></h3>
<p>Dynamic editable allows edit context by clicking on it.</p>
<ol>
<li>//For example:</li>
<li>$(&#8216;#foo&#8217;).simpleDynamicEditable({defaultValue: &#8216;hello&#8217;})</li>
<li>// replace $(&#8216;#foo&#8217;) with &lt;span id=&#8221;foo&#8221;&gt;hello&lt;/span&gt;. After mouse click $(&#8216;#foo&#8217;) is</li>
<li>//&lt;input type=&#8221;text&#8221; value=&#8221;hello&#8221; id=&#8221;foo&#8221;&gt;.</li>
</ol>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/evenIfHidden" target="_blank"><br />
EvenIfHidden  &#8211; Get layout information of hidden DOM elements</a></h3>
<p>evenIfHidden is a <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> plugin able to get layout information about a  DOM element even in the case the element, or one of its containers, is  hidden.</p>
<ol>
<li>$(&#8216;#box&#8217;).evenIfHidden( function(element) {</li>
<li> alert( element.width() );</li>
<li>});</li>
<li>&lt;textarea&gt;</li>
<li>&lt;h3&gt;&lt;a href=&#8221;http://plugins.<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jquery</a>.com/project/py-format&#8221; rel=&#8221;nofollow&#8221;&gt;$.format &#8212; Python-style string formatting&lt;/a&gt;&lt;/h3&gt;</li>
<li>&lt;p&gt;An attempt to replicate, to some degree, python&#8217;s percent-style string formatting.&lt;/p&gt;</li>
<li>&lt;textarea class=&#8221;js&#8221; cols=&#8221;60&#8243; rows=&#8221;30&#8243; name=&#8221;code&#8221;&gt;</li>
<li>num = 0; fruit = &#8220;bananas&#8221;</li>
<li>&#8220;Yes, we have %d %s&#8221; % (num, fruit)</li>
<li>//Would normally have to be written in javascript as</li>
<li>//num = 0; fruit = &#8220;bananas&#8221;</li>
<li>&#8220;Yes, we have &#8220;+num+&#8221; &#8220;+fruit</li>
<li>//With this plugin, this becomes</li>
<li>num = 0; fruit = &#8220;bananas&#8221;</li>
<li>$.format(&#8220;Yes, we have %d %s&#8221;, [num, fruit])</li>
</ol>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/EnhancedAttributeSelectors" target="_blank">Enhanced Attribute Selectors</a></h3>
<p>This plugin adds some extra non-standard functionality to the  selector engine&#8217;s attribute filter. It can slow down attribute selection  by about 10-50% but if you don&#8217;t need all the extra functionality feel  free to edit it.</p>
<ol>
<li>// filter by css styles:</li>
<li><a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>(&#8216;div[~display=block]&#8216;);</li>
<li><a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>(&#8216;div&#8217;).filter(&#8216;[~padding=2px]&#8216;);</li>
<li>// by stored data:</li>
<li><a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>(&#8216;div[:mydata&gt;=123]&#8216;);</li>
</ol>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/morsecode" target="_blank"></a></p>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/morsecode" target="_blank">jQuery  Morse Code</a></h3>
<p>Encodes strings (characters) into Morse Code characters, and vice  versa.</p>
<ol>
<li> $.morse(&#8216;test&#8217;, &#8216;encode&#8217;); // to decode a string just change the second argument to &#8216;decode&#8217;</li>
<li>//or:</li>
<li>$.morse(&#8216;test&#8217;); // &#8216;encode&#8217; is default</li>
<li>//Returns:</li>
<li>//- . &#8230; -</li>
</ol>
<h2>Text Link Ads</h2>
<p><a id="seo" href="http://www.dvigear.com/" target="_blank">HDMI Switchers</a></p>
<p>内容太多了，我也是懒人一个，不译了，个自领会吧，哈哈</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/05/14/2913/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/05/14/2913/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/05/14/2913/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/05/14/2913/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/05/14/2913/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/topics/ui/javascript/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/07/11/4460/" title="推荐8个独特应用的JQuery拖放插件 (2010年07月11日)">推荐8个独特应用的JQuery拖放插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/23/811/" title="FCBKcomplete v 2.02 (2009年04月23日)">FCBKcomplete v 2.02</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/01/1621/" title="6个jQuery图标插件的应用程序 (2009年06月1日)">6个jQuery图标插件的应用程序</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/08/4164/" title="50个表单功能，验证，安全和自定义化的jQuery插件 (2010年07月8日)">50个表单功能，验证，安全和自定义化的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/08/2812/" title="30个最好的jQuery表单插件 (2010年05月8日)">30个最好的jQuery表单插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/01/26/2474/" title="30+ 新鲜惊奇的 jQuery 插件与教程 (2010年01月26日)">30+ 新鲜惊奇的 jQuery 插件与教程</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/23/4691/" title="21个演示展示强大的jQuery特效 (2010年07月23日)">21个演示展示强大的jQuery特效</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/07/4401/" title="10+个jQuery图片滚动插件介绍 (2010年07月7日)">10+个jQuery图片滚动插件介绍</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/26/3379/" title="10 个帮助你处理Web页面层布局的jQuery插件 (2010年05月26日)">10 个帮助你处理Web页面层布局的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/07/3765/" title="简单的JQuery聚光灯效果教程 (2010年06月7日)">简单的JQuery聚光灯效果教程</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/05/14/2913/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>排名前7位的 Wordpress 404 插件</title>
		<link>http://www.iwanna.cn/archives/2010/05/13/3113/</link>
		<comments>http://www.iwanna.cn/archives/2010/05/13/3113/#comments</comments>
		<pubDate>Thu, 13 May 2010 14:16:14 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[友情链接]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=3113</guid>
		<description><![CDATA[404页通常会在因为一个拼写错误，或已被删除的网址时出现错误。如果这个404页展示出来的很丑陋，那么肯定就会吓坏您的访问者。您可能很想知道“我该如何修复，并且是在没有手动弄乱PHP代码的情况下达成的？”为了帮组您，我们四处查找，收集了WordPress中最好的 404 插件。确认这些插件，以便找到最适合您需要的那款。在创建404页面之前，您可以从 40 个能启发您想象力的 404 页面40  Creative 404 Pages 获取一些设计灵感。此外，从WordPress 创建个性化404错误页面您会获得一些404页面创建的知识。
1. 404 SEO Plugin
提要自己的SEO水平。这款简单的插件允许您自己做自定义设置“页面没有找到(404)”错误信息。它会自动选择展示一些统URL中的关键词相关的页面链接。安装这款插件对SEO(搜索引擎优化)而言是非常有益的，因为它会在您的网站是显示一些相关的页面，哪怕这些地址在您的网站中是没有实际存在的。这会增加您的搜索引擎等级。
2. Google  404
Google 404 是一款可以通过快速且简单的方式嵌入自定义 404 页面到搜索框的小工具，旨在提供有用的信息给用户。如果可以，Google 小工具还会提供一些建议给用户，以便找到他们所需要的信息，因此而为您带来更多的可能性，确保他们会继续浏览您的网站。
3. Smart 404
当一个页面无法找到的时候，Smart 404 会利用当前浏览器地址，尝试匹配查找相关的资料，并自动转向到该页面。在使用404.php 模板页面时，如何不能即时匹配文章，Smart 404 也提供了一个如何标记模板的建议清单。
4. 404  Notifier
如果您已决定把周围的东西在您的网站，你可能会忽略一些重定向和一些破碎的网址结束了。这将帮助你抓住那些让你可以照顾他们。
如果您已决定将网站周边东西作一些转移，您很可能会忽略一些重定向和标记一些未结束的网址标签。这款工具会帮组您解决这个问题，好好处理他们吧！
5. Redirection  Plugin
Redirection 是一款管理您网站中可能存在的301重定向、跟踪404错误及清理任何不精确的结束标签的WordPress插件。如果您正在将旧的网站中的页面转移出来，或恰好改变了下WordPress的安装路径来说，这尤其有用。
6. Useful 404s
创造更多的有用的404错误页面，包括电子邮件通知不良链接等。
7. JH 404 Logger
JH 404 Logger 是一款简单的WordPress小工具插件，显示最近被访问过的404错误页面。主面板小工具通常都是简单、快速和由Ajax驱动的。

© 我想网 Akon 所有 , 2010. &#124;
永久链接 &#124;
1条评论 &#124;
提交到
Google Reader
鲜果
抓虾


	标签：Plugin, [...]]]></description>
			<content:encoded><![CDATA[<p>404页通常会在因为一个拼写错误，或已被删除的网址时出现错误。如果这个404页展示出来的很丑陋，那么肯定就会吓坏您的访问者。您可能很想知道“我该如何修复，并且是在没有手动弄乱PHP代码的情况下达成的？”为了帮组您，我们四处查找，收集了WordPress中最好的 404 插件。确认这些插件，以便找到最适合您需要的那款。在创建404页面之前，您可以从 <strong><a href="http://inspirationfeed.com/design/2010/03/40-creative-404-pages/" target="_blank">40 个能启发您想象力的 404 页面</a></strong><a href="http://inspirationfeed.com/design/2010/03/40-creative-404-pages/" target="_blank">40  Creative 404 Pages</a> 获取一些设计灵感。此外，从<strong><a href="http://www.iwanna.cn/archives/2010/04/18/2762/">WordPress 创建个性化404错误页面</a></strong>您会获得一些404页面创建的知识。</p>
<p><strong>1. <a href="http://wordpress.org/extend/plugins/404-plugin/" target="_blank">404 SEO Plugin</a></strong></p>
<p>提要自己的SEO水平。这款简单的插件允许您自己做自定义设置“页面没有找到(404)”错误信息。它会自动选择展示一些统URL中的关键词相关的页面链接。安装这款插件对SEO(搜索引擎优化)而言是非常有益的，因为它会在您的网站是显示一些相关的页面，哪怕这些地址在您的网站中是没有实际存在的。这会增加您的搜索引擎等级。</p>
<p><strong>2. <a href="http://www.benhuson.co.uk/wordpress-plugins/google-404/" target="_blank">Google  404</a></strong></p>
<p>Google 404 是一款可以通过快速且简单的方式嵌入自定义 404 页面到搜索框的小工具，旨在提供有用的信息给用户。如果可以，Google 小工具还会提供一些建议给用户，以便找到他们所需要的信息，因此而为您带来更多的可能性，确保他们会继续浏览您的网站。</p>
<p><strong>3. <a href="http://wordpress.org/extend/plugins/smart-404/" target="_blank">Smart 404</a></strong></p>
<p>当一个页面无法找到的时候，<strong>Smart 404</strong> 会利用当前浏览器地址，尝试匹配查找相关的资料，并自动转向到该页面。在使用404.php 模板页面时，如何不能即时匹配文章，<strong>Smart 404</strong> 也提供了一个如何标记模板的建议清单。</p>
<p><strong>4. </strong><a rel="nofollow" href="http://wordpress.org/extend/plugins/404-notifier/" target="_blank"><strong>404  Notifier</strong></a></p>
<p>如果您已决定把周围的东西在您的网站，你可能会忽略一些重定向和一些破碎的网址结束了。这将帮助你抓住那些让你可以照顾他们。<br />
如果您已决定将网站周边东西作一些转移，您很可能会忽略一些重定向和标记一些未结束的网址标签。这款工具会帮组您解决这个问题，好好处理他们吧！</p>
<p><strong>5. </strong><a rel="nofollow" href="http://urbangiraffe.com/plugins/redirection/" target="_blank"><strong>Redirection  Plugin</strong></a></p>
<p>Redirection 是一款管理您网站中可能存在的301重定向、跟踪404错误及清理任何不精确的结束标签的WordPress插件。如果您正在将旧的网站中的页面转移出来，或恰好改变了下WordPress的安装路径来说，这尤其有用。</p>
<p><strong>6. <strong><a href="http://wordpress.org/extend/plugins/useful-404s/" target="_blank">Useful 404s</a></strong></strong></p>
<p>创造更多的有用的404错误页面，包括电子邮件通知不良链接等。</p>
<p><strong>7. <a href="http://www.joehoyle.co.uk/jh-404-logger/" target="_blank">JH 404 Logger</a></strong></p>
<p>JH 404 Logger 是一款简单的WordPress小工具插件，显示最近被访问过的404错误页面。主面板小工具通常都是简单、快速和由Ajax驱动的。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/05/13/3113/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/05/13/3113/#comments">1条评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/05/13/3113/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/05/13/3113/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/05/13/3113/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/php/wordpress-php-develope/" title="Wordpress" rel="tag nofollow">Wordpress</a>, <a href="http://www.iwanna.cn/tags/links/" title="友情链接" rel="tag nofollow">友情链接</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3288/" title="如何给WordPress站点添加文章投递功能 (2010年05月22日)">如何给WordPress站点添加文章投递功能</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3290/" title="Wordpress 插件 TDo mini form 的一些技巧 (2010年05月22日)">Wordpress 插件 TDo mini form 的一些技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/04/18/2777/" title="6款WordPress聚合[RSS]采集插件 (2010年04月18日)">6款WordPress聚合[RSS]采集插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/03/16/2556/" title="6大必装Wordpress插件 (2010年03月16日)">6大必装Wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/21/736/" title="50个最好的wordpress插件 (2009年04月21日)">50个最好的wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3419/" title="30个统计相关的Wordpress插件 (2010年05月27日)">30个统计相关的Wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3416/" title="10款提高PR值(搜索引擎排名)的WordPress插件 (2010年05月27日)">10款提高PR值(搜索引擎排名)的WordPress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/03/171/" title="简易Wordpress模板代码帮助手册中文版 (2009年04月3日)">简易Wordpress模板代码帮助手册中文版</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/10/28/2341/" title="淘宝开源编辑器 KISSY Editor (2009年10月28日)">淘宝开源编辑器 KISSY Editor</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/21/733/" title="最受欢迎的50个免费wordpress模板 (2009年04月21日)">最受欢迎的50个免费wordpress模板</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/05/13/3113/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>30个最好的jQuery表单插件</title>
		<link>http://www.iwanna.cn/archives/2010/05/08/2812/</link>
		<comments>http://www.iwanna.cn/archives/2010/05/08/2812/#comments</comments>
		<pubDate>Sat, 08 May 2010 04:20:01 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Translate]]></category>
		<category><![CDATA[翻译]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2812</guid>
		<description><![CDATA[jQuery 的出现为我们的开发工作带来了极大的便利，而众多的基于jQuery插件的出现就犹如我们在 Firefox 中安装名目繁多的插件一样而乐此不疲，今天带给大家的是精心挑选的这30个最好的jQuery表单插件，希望能提高您的工作效率，如果您还有更好的，请在次留下您的建议。
Advanced  Form Validation

Form Validator的几个特点，如：支持域的分组要求或有条件的验证它是否有效。您也可以验证字符串、数字、日期及邮箱等。您也可以组合多个验证条件。例如：验证输入的字段必需为数字的且最小长度为5。

jQuery Live Form Validation

帮助您简单地创建表单验证的一款jQuery的插件，高度灵活、有大量的自定义选项。
jquery.validate

jQuery插件帮助您完成输入表单验证中所有单调而重复的工作。您只需要指定哪些表单需要验证，该插件会帮助您处理剩余的部分。

Salid &#8211;  The Simple jQuery Validator

仅需数行代码，Salid就可以为您完成表单验证。
Just  another jQuery validation plugin

这是另外一款具有几个趣味功能的jQuery验证插件
Fvalidate

这是一款Web 2.0 HTML的表单验证插件。
Live Form Validation &#8211; jQuery Accessible RIA

近似于富互联网应用程序(RIA)的jQuery框架，基于较为流行的JavaScript框架&#8211;jQuery(用户界面工厂容器化)，严格遵循WAI WCAG 2.0 and WAI ARIA的标准以符合Web应用程序的开发。它扩展了标准的HTML表单。支持实时验证，但您还在键入时，它会根据所配置的正则表达式检查每一项。您可以设置您自己的正则表达式或采用其中的一个预定义模式。
a-tools

跨浏览器的文本选取，是基于jQuery库文件修改而成的插件。
jQuery Doubleselect Plugin

第二个选项框的可填选内容由第一个选项决定，一款jQuery下拉列表联动插件。
After the  Deadline &#8211; 网页应用中的拼写、语法检查

After the Deadline是一款开源的，提供校对服务的工具。提供网页应用中的拼写和语法检查
AJAX  Terminal

jQuery插件，类似于基于浏览器命令console命令的事件行为，执行用户输入的指令AJAX方式提交至服务器，并以文本的方式打印结果集。
ajaxContactForm  to simplify te sending of a inquiryform.

jquery.ajaxContactForm 是一款小巧的表单查询发送插件。当表单中必填的值、数值类型的值以及邮箱格式的数据经过了测试，这款插件会将所需的所有值以AJAX的方式提交至服务器。
akeditables

这款插件是基于jEditable创建的，提供了当点击链接时可以创建可编辑区域等。所提供的取代回车键的是保存和取消按钮来保存内容。
akModal: [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 的出现为我们的开发工作带来了极大的便利，而众多的基于<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件的出现就犹如我们在 Firefox 中安装名目繁多的插件一样而乐此不疲，今天带给大家的是精心挑选的这<strong><a href="http://www.iwanna.cn/archives/2010/05/08/2812/">30个最好的jQuery表单插件</a></strong>，希望能提高您的工作效率，如果您还有更好的，请在次留下您的建议。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/ufvalidator" target="_blank">Advanced  Form Validation</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/ufvalidator" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/advval.png" alt="" /></a><br />
Form Validator的几个特点，如：支持域的分组要求或有条件的验证它是否有效。您也可以验证字符串、数字、日期及邮箱等。您也可以组合多个验证条件。例如：验证输入的字段必需为数字的且最小长度为5。<br />
<span id="more-2812"></span></p>
<h3><a rel="nofollow" href="http://www.geektantra.com/2009/09/jquery-live-form-validation/" target="_blank">jQuery Live Form Validation</a></h3>
<p><a rel="nofollow" href="http://www.geektantra.com/2009/09/jquery-live-form-validation/" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/jqliveforms.png" alt="" /></a><br />
帮助您简单地创建表单验证的一款<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>的插件，高度灵活、有大量的自定义选项。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/jqueryvalidate" target="_blank">jquery.validate</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/jqueryvalidate" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/jqval.png" alt="" /></a><br />
<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件帮助您完成输入表单验证中所有单调而重复的工作。您只需要指定哪些表单需要验证，该插件会帮助您处理剩余的部分。<br />
<!--more--></p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/Salid" target="_blank">Salid &#8211;  The Simple jQuery Validator</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/Salid" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/simpleval.png" alt="" /></a><br />
仅需数行代码，Salid就可以为您完成表单验证。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/ablvalidation" target="_blank">Just  another jQuery validation plugin</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/ablvalidation" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/valdemo.png" alt="" /></a><br />
这是另外一款具有几个趣味功能的<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>验证插件</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/fvalidate" target="_blank">Fvalidate</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/fvalidate" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/jqfval.png" alt="" /></a><br />
这是一款Web 2.0 <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>的表单验证插件。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/ARIAFormValidation" target="_blank">Live Form Validation &#8211; jQuery Accessible RIA</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/ARIAFormValidation" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/uiformval.png" alt="" /></a><br />
近似于富互联网应用程序(RIA)的<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>框架，基于较为流行的JavaScript框架&#8211;<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>(用户界面工厂容器化)，严格遵循WAI WCAG 2.0 and WAI ARIA的标准以符合Web应用程序的开发。它扩展了标准的<a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>表单。支持实时验证，但您还在键入时，它会根据所配置的正则表达式检查每一项。您可以设置您自己的正则表达式或采用其中的一个预定义模式。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/a-tools" target="_blank">a-tools</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/a-tools" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/atools.png" alt="" /></a><br />
跨浏览器的文本选取，是基于<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>库文件修改而成的插件。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/doubleselect" target="_blank">jQuery Doubleselect Plugin</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/doubleselect" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/dbleselect.png" alt="" /></a><br />
第二个选项框的可填选内容由第一个选项决定，一款<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>下拉列表联动插件。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/AtD" target="_blank">After the  Deadline &#8211; 网页应用中的拼写、语法检查</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/AtD" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/afdead.png" alt="" /></a><br />
After the Deadline是一款开源的，提供校对服务的工具。提供网页应用中的拼写和语法检查</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/ajax_terminal" target="_blank">AJAX  Terminal</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/ajax_terminal" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/wbterm.png" alt="" /></a><br />
<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件，类似于基于浏览器命令console命令的事件行为，执行用户输入的指令AJAX方式提交至服务器，并以文本的方式打印结果集。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/ajaxContactForm" target="_blank">ajaxContactForm  to simplify te sending of a inquiryform.</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/ajaxContactForm" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/ajaxcontform.png" alt="" /></a><br />
<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jquery</a>.ajaxContactForm 是一款小巧的表单查询发送插件。当表单中必填的值、数值类型的值以及邮箱格式的数据经过了测试，这款插件会将所需的所有值以AJAX的方式提交至服务器。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/akeditable" target="_blank">akeditables</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/akeditable" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/akeditables.png" alt="" /></a><br />
这款插件是基于jEditable创建的，提供了当点击链接时可以创建可编辑区域等。所提供的取代回车键的是保存和取消按钮来保存内容。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/akModal" target="_blank">akModal:  simplest alternative to thickbox</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/akModal" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/akmodal.png" alt="" /></a><br />
akModal可以简单、快捷地创建模拟对话框或弹出框以供展示一些简单的信息等。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/asmselect" target="_blank">asmSelect  &#8211; Alternative Select Multiple</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/asmselect" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/asmsel.png" alt="" /></a><br />
替代选择，提供渐进增强功能，选择多个表单元素。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/autoclear" target="_blank">autoclear</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/autoclear" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/jqclear.png" alt="" /></a><br />
使用该款插件可以非常方便地实现在文本域中设置“默认/帮助”字符。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/autocompletex" target="_blank">Autocomplete</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/autocompletex" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/autocomp.png" alt="" /></a><br />
当用户在文本框中输入字符时，利用搜索和过滤方式自动快速地查找、选择一些值。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/autoNumeric" target="_blank">autoNumeric</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/autoNumeric" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/autonumer.png" alt="" /></a><br />
灵活地将动态输入的国际数字格式的字符转变为以特定字符分隔(如千位符)的类型。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/bestupper" target="_blank">bestUpper</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/bestupper" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/bestupper.png" alt="" /></a><br />
BestUpper会将您正在输入的字符实时转换为大写</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/shiftclick" target="_blank">Checkbox  ShiftClick</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/shiftclick" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/s.png" alt="" /></a><br />
ShiftClick允许您通过点击复选框来选择，设置一个“锚点”；以shift + 点击方式来选择或取消选择他们之间所有的复选框。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/clearable_text_field" target="_blank">Clearable Text Field</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/clearable_text_field" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/clearable.png" alt="" /></a><br />
Clearable Text Field 也是<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件，当用户在表单域中输入值的时候，本文框中会显示清除按钮“×”，点击该按钮可以清空文本内容。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/ClockPick" target="_blank">ClockPick,  a Time Picker</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/ClockPick" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/clockpick.png" alt="" /></a><br />
ClockPick是一款时间选择插件，激活用户选择的某个时间值至表单域中。使用独特的弹出层用户界面，ClockPick会花费1/5的时间，通过一款额外的用户界面选择菜单来输入时间值。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/Collapsible_Fieldsets" target="_blank">Collapsible Fieldsets</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/Collapsible_Fieldsets" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/jqcoll.png" alt="" /></a><br />
对于那些正在使用Drupal的用户来说，这款<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件可以模拟生成您正在查找字段集。您可以在开启或关闭结构时初始化字段集，缓慢下降。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/comboselect" target="_blank">ComboSelect</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/comboselect" target="_blank"><img src="http://www.ajaxline.com/files/comboboxsel.png" alt="" /></a><br />
如上图所示，可以将选择列表中的多个元素，通过控制选择变换移动到右边的选择列表，反之亦然。如果需要，也可以以字母顺序排列。选择的元素以原始方式提交表单元素。双击可以将元素切换至另一个选择列表。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/customselectbox" target="_blank">Custom  HTML form Selectbox</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/customselectbox" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/customselect.png" alt="" /></a><br />
自定义下拉框，取代标准的<a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>格式下拉框。允许的标签有disable, multiselect, scrolling,还可以定制标签。</p>
<h3><a rel="nofollow" href="http://www.anon-design.se/demo/maxlength-with-jquery" target="_blank">Custom Maxlength</a></h3>
<p><a rel="nofollow" href="http://www.anon-design.se/demo/maxlength-with-jquery" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/jqmaxlength.png" alt="" /></a><br />
这个插件可以轻松地给自动以的元素应用“maxlength”属性，例如：一个textarea标签。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/twitterSuggestion" target="_blank">Form suggestion and validation box in &#8220;Twitter style&#8221;</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/twitterSuggestion" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/twitsugg.png" alt="" /></a><br />
类似与Twitter的注册页面，这款插件会重现相同的建议箱样式。用法相当简单。当输入域捕获到焦点，他就会产生通过验证还是验证失败等反馈，显示在“提示”文本中。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/inputLabel" target="_blank">In-field  Input Label</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/inputLabel" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/inputvalue.png" alt="" /></a><br />
<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件inputLabel，使用一个字符串或一个参考标签文本形式，在表单输入域边上插入一个“占位符”。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/jListbox" target="_blank">jListBox</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/jListbox" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/jlb.png" alt="" /></a><br />
jListbox是<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>的一个插件，以格式化的方式在下拉列表中显示所应用的格式。</p>
<h3><a rel="nofollow" href="http://plugins.jquery.com/project/JQF1" target="_blank">JQF1 JQuery  FormOne Form styling</a></h3>
<p><a rel="nofollow" href="http://plugins.jquery.com/project/JQF1" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/jqfone.png" alt="" /></a><br />
最完整的表格样式插件。</p>
<h3><a rel="nofollow" href="http://soft.123maizo.com/jquery-multi-select-info-1-0/" target="_blank">Multiple Select Info </a></h3>
<p><a rel="nofollow" href="http://soft.123maizo.com/jquery-multi-select-info-1-0/" target="_blank"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201004/jqmultsel.jpg" alt="" /></a><br />
<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> Multi Select Info可以标识我们都已经选择了哪些是已经被选中的信息。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/05/08/2812/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/05/08/2812/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/05/08/2812/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/05/08/2812/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/05/08/2812/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/topics/ui/javascript/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/tags/translate/" title="Translate" rel="tag nofollow">Translate</a>, <a href="http://www.iwanna.cn/topics/iwanna/translate-iwanna/" title="Translate" rel="tag nofollow">Translate</a>, <a href="http://www.iwanna.cn/tags/translates/" title="翻译" rel="tag nofollow">翻译</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/07/08/4164/" title="50个表单功能，验证，安全和自定义化的jQuery插件 (2010年07月8日)">50个表单功能，验证，安全和自定义化的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/17/1828/" title="用jQuery和CSS构建下拉菜单 (2009年06月17日)">用jQuery和CSS构建下拉菜单</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/23/811/" title="FCBKcomplete v 2.02 (2009年04月23日)">FCBKcomplete v 2.02</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/22/4147/" title="25个优秀的jQuery滑块教程和插件 (2010年06月22日)">25个优秀的jQuery滑块教程和插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/17/3115/" title="11 个优秀的制作移动友好网站的解决方案 (2010年05月17日)">11 个优秀的制作移动友好网站的解决方案</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/07/05/1923/" title="转换设计原图 PSD 为 HTML (2009年07月5日)">转换设计原图 PSD 为 HTML</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3294/" title="深色调社交图标：免费且高质量的社交媒体图标集 (2010年05月22日)">深色调社交图标：免费且高质量的社交媒体图标集</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/11/4460/" title="推荐8个独特应用的JQuery拖放插件 (2010年07月11日)">推荐8个独特应用的JQuery拖放插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/18/3210/" title="如何正确购买一个已经存在的域名(SEO友好) (2010年05月18日)">如何正确购买一个已经存在的域名(SEO友好)</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/05/27/1176/" title="如何备份所有的浏览器 &#8211; 5 个小贴士(Google Chrome, Firefox, Safari, Internet Explorer, and Opera) (2009年05月27日)">如何备份所有的浏览器 &#8211; 5 个小贴士(Google Chrome, Firefox, Safari, Internet Explorer, and Opera)</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/05/08/2812/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10个最好用的所见即所得编辑器(WYSIWYG Editor)</title>
		<link>http://www.iwanna.cn/archives/2010/04/24/2829/</link>
		<comments>http://www.iwanna.cn/archives/2010/04/24/2829/#comments</comments>
		<pubDate>Fri, 23 Apr 2010 16:23:04 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2829</guid>
		<description><![CDATA[让不懂代码的人也能方便地去格式化编辑文本，一直是开发者比较关注的事情。现在，我们很容易就能提供类似的功能。下面所列的10个所见即所得Web编辑器是非常常见的，也是值得你去关注的。说不定你的下个项目中就会有它们的身影。
1. NicEdit
演示 &#124; 下载

NicEdit小巧精悍，拥有你所需要的大部分功能，而且也很容易集成到你的网站之中。它完全可以做为那些体积大、功能繁杂的编辑器的替代者。
2. TinyMCE
演示 &#124; 下载

TinyMCE是一个基于JavaScript的开源HTML所见即所得编辑器。它易于集成，并且拥有可高度定制的主题和插件。TinyMCE是功 能非常齐全和强大的编辑器之一，它可以达到微软Word类似的编辑体验。

3. CKEditor
演示 &#124; 下载

CKeditor是在FCkEditor基础上开发的新版本，而FCkEditor的市场地位之前已经得到了证明。建立在这个基础上的新版本，是为 了修复FCkEditor的一些已知问题。而其结果肯定是造就一个可媲美微软Word和OpenOffice的完美功能、高性能的所见即所得编辑器。
4. YUI  Rich Text Editor
演示 &#124; 下载

YUI富文本编辑器是由Yahoo开发，用来控制UI界面，并把textarea文本域变成功能齐全区域的所见即所得编辑器。它虽然有几个具有不同 功能特性的版本，但是仍然用不拥挤的按钮和功能界面达到了完美的用户体验。
5. MarkItUp!
演示 &#124; 下载

Markitup!是一个基于jQuery的插件，它可以让你把任何一个textarea文本框变成变成一个标记语言编辑器。 Html,  Textile, Wiki Syntax, Markdown, BBcode 或者任何一个你自己专属的标记语言都可以轻松地实施。  Markitup!不是你所期待的那种全功能编辑器，而是一款轻量级的，可高度定制的编辑器。Markitup!也不是所见即所得的编辑器，而且永远也不 会那么去做。
6. FreeTextBox
演示 &#124; 下载

FreeTextBox是一个特别为ASP.NET打造的HTML编辑器。它的外观和使用感觉，跟你在使用微软  Word时的感觉很类似。它的免费版本缺少一些附加的功能，但是免费版本已经足够用了。
7. MooEditable
演示 &#124; 下载

所见即所得编辑器是一种比较流行的jQuery插件，但是作为Mootools插件的所见即所得编辑器就没那么常见了。而MooEditable填 补了这一空白，它在Mootools这个优秀的JavaScript库的基础上，为用户提供了一个简单而又高效的体验。如果你是一个Mootools爱好 者，你也会喜欢上这个编辑器的。
8. OpenWysiwyg﻿
演示 &#124; 下载

OpenWysiwyg是一个跨浏览器的富文本编辑器，它几乎拥有你所需要的各种功能。它还有一个包含下拉列表和按钮的时尚用户界面，其功能亮点是 可以用来编辑具有不同边框和颜色的表格。遗憾的是，暂时还不支持Chrome。
9. Spaw Editor
演示 &#124; 下载

Spaw是一款基于Web浏览器的所见即所得编辑器，它使网站开发者可以轻松地把标准的textarea文本区域替换为功能齐全、完全可定制、
多语言、可换肤的基于Web的所见即所得HTML编辑器。
10. jHtmlArea
演示 &#124;下载

jHtmlArea是一款以jQuery插件形式构建的所见即所得文本编辑器。它的目标是简单、重量，并且很好地达到了这个目标，里面仅保留了最基 本的功能选项。它的外观、功能和语言都可以轻松地进行定制。
想进一步探讨吗？
如果你用过其中的一种，或者用了另外的一种基于Web的文本编辑器。或者，你对这个话题感兴趣，请在下面留言讨论。很乐意听到你的观点和声音！

© [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.iwanna.cn/"><img class="alignleft size-full wp-image-2830" title="thumbnail" src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/thumbnail.jpg" alt="" width="150" height="150" /></a>让不懂代码的人也能方便地去格式化编辑文本，一直是开发者比较关注的事情。现在，我们很容易就能提供类似的功能。下面所列的10个所见即所得Web编辑器是非常常见的，也是值得你去关注的。说不定你的下个项目中就会有它们的身影。</p>
<h3>1. <a href="http://nicedit.com/" target="_blank">NicEdit</a></h3>
<p><a href="http://nicedit.com/demos.php" target="_blank">演示</a> | <a href="http://nicedit.com/download.php" target="_blank">下载</a></p>
<div><a href="http://www.iwanna.cn/"><img class="size-full wp-image-2831 alignnone" title="NicEdit" src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/NicEdit.jpg" alt="" width="503" height="93" /></a></div>
<p>NicEdit小巧精悍，拥有你所需要的大部分功能，而且也很容易集成到你的网站之中。它完全可以做为那些体积大、功能繁杂的编辑器的替代者。</p>
<h3>2. <a href="http://tinymce.moxiecode.com/" target="_blank">TinyMCE</a></h3>
<p><a href="http://tinymce.moxiecode.com/examples/full.php" target="_blank">演示</a> | <a href="http://tinymce.moxiecode.com/download.php" target="_blank">下载</a></p>
<div><a href="http://www.iwanna.cn/"><img class="alignnone size-full wp-image-2833" title="TinyMCE" src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/TinyMCE.jpg" alt="" width="701" height="233" /></a></div>
<p>TinyMCE是一个基于JavaScript的开源<a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>所见即所得编辑器。它易于集成，并且拥有可高度定制的主题和插件。TinyMCE是功 能非常齐全和强大的编辑器之一，它可以达到微软Word类似的编辑体验。<br />
<span id="more-2829"></span></p>
<h3>3. <a href="http://ckeditor.com/" target="_blank">CKEditor</a></h3>
<p><a href="http://ckeditor.com/demo" target="_blank">演示</a> | <a href="http://ckeditor.com/download" target="_blank">下载</a></p>
<div><a href="http://www.iwanna.cn/"><img class="alignnone size-full wp-image-2835" title="CKEditor" src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/CKEditor.jpg" alt="" width="500" height="268" /></a></div>
<p>CKeditor是在FCkEditor基础上开发的新版本，而FCkEditor的市场地位之前已经得到了证明。建立在这个基础上的新版本，是为 了修复FCkEditor的一些已知问题。而其结果肯定是造就一个可媲美微软Word和OpenOffice的完美功能、高性能的所见即所得编辑器。</p>
<h3>4. <a href="http://developer.yahoo.com/yui/editor/" target="_blank">YUI  Rich Text Editor</a></h3>
<p><a href="http://developer.yahoo.com/yui/examples/editor/editor_adv_editor.html" target="_blank">演示</a> | <a href="http://developer.yahoo.com/yui/download/" target="_blank">下载</a></p>
<div><a href="http://www.iwanna.cn/"><img class="alignnone size-full wp-image-2836" title="YUIRichTextEditor" src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/YUIRichTextEditor.jpg" alt="" width="606" height="439" /></a></div>
<p>YUI富文本编辑器是由Yahoo开发，用来控制UI界面，并把textarea文本域变成功能齐全区域的所见即所得编辑器。它虽然有几个具有不同 功能特性的版本，但是仍然用不拥挤的按钮和功能界面达到了完美的用户体验。</p>
<h3>5. <a href="http://markitup.jaysalvat.com/home/" target="_blank">MarkItUp!</a></h3>
<p><a href="http://markitup.jaysalvat.com/examples/" target="_blank">演示</a> | <a href="http://markitup.jaysalvat.com/downloads/" target="_blank">下载</a></p>
<div><a href="http://www.iwanna.cn/"><img class="alignnone size-full wp-image-2837" title="MarkItUp" src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/MarkItUp.jpg" alt="" width="500" height="263" /></a></div>
<p>Markitup!是一个基于<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>的插件，它可以让你把任何一个textarea文本框变成变成一个标记语言编辑器。 <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">Html</a>,  Textile, Wiki Syntax, Markdown, BBcode 或者任何一个你自己专属的标记语言都可以轻松地实施。  Markitup!不是你所期待的那种全功能编辑器，而是一款轻量级的，可高度定制的编辑器。Markitup!也不是所见即所得的编辑器，而且永远也不 会那么去做。</p>
<h3>6. <a href="http://freetextbox.com/" target="_blank">FreeTextBox</a></h3>
<p><a href="http://freetextbox.com/demos/" target="_blank">演示</a> | <a href="http://freetextbox.com/download/" target="_blank">下载</a></p>
<div><a href="http://www.iwanna.cn/"><img class="alignnone size-full wp-image-2838" title="FreeTextBox" src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/FreeTextBox.jpg" alt="" width="610" height="241" /></a></div>
<p>FreeTextBox是一个特别为ASP.NET打造的<a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>编辑器。它的外观和使用感觉，跟你在使用微软  Word时的感觉很类似。它的免费版本缺少一些附加的功能，但是免费版本已经足够用了。</p>
<h3>7. <a href="http://cheeaun.github.com/mooeditable/" target="_blank">MooEditable</a></h3>
<p><a href="http://cheeaun.github.com/mooeditable/" target="_blank">演示</a> | <a href="http://cheeaun.github.com/mooeditable/" target="_blank">下载</a></p>
<div><a href="http://www.iwanna.cn/"><img class="alignnone size-full wp-image-2839" title="MooEditable" src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/MooEditable.jpg" alt="" width="474" height="164" /></a></div>
<p>所见即所得编辑器是一种比较流行的<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件，但是作为Mootools插件的所见即所得编辑器就没那么常见了。而MooEditable填 补了这一空白，它在Mootools这个优秀的JavaScript库的基础上，为用户提供了一个简单而又高效的体验。如果你是一个Mootools爱好 者，你也会喜欢上这个编辑器的。</p>
<h3>8. <a href="http://www.openwebware.com/" target="_blank">OpenWysiwyg﻿</a></h3>
<p><a href="http://www.openwebware.com/wysiwyg/demo.shtml" target="_blank">演示</a> | <a href="http://www.openwebware.com/download.shtml" target="_blank">下载</a></p>
<div><a href="http://www.iwanna.cn/"><img class="alignnone size-full wp-image-2840" title="openwysiwyg" src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/openwysiwyg.jpg" alt="" width="450" height="220" /></a></div>
<p>OpenWysiwyg是一个跨浏览器的富文本编辑器，它几乎拥有你所需要的各种功能。它还有一个包含下拉列表和按钮的时尚用户界面，其功能亮点是 可以用来编辑具有不同边框和颜色的表格。遗憾的是，暂时还不支持Chrome。</p>
<h3>9. <a href="http://www.solmetra.com/en/disp.php/en_products/en_spaw/en_spaw_intro" target="_blank">Spaw Editor</a></h3>
<p><a href="http://www.solmetra.com/en/disp.php/en_products/en_spaw/en_spaw_demo" target="_blank">演示</a> | <a href="http://www.solmetra.com/en/disp.php/en_products/en_spaw/en_spaw_download" target="_blank">下载</a></p>
<div><a href="http://www.iwanna.cn/"><img class="alignnone size-full wp-image-2841" title="SPAWEditor" src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/SPAWEditor.jpg" alt="" width="537" height="232" /></a></div>
<p>Spaw是一款基于Web浏览器的所见即所得编辑器，它使网站开发者可以轻松地把标准的textarea文本区域替换为功能齐全、完全可定制、</p>
<p>多语言、可换肤的基于Web的所见即所得<a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>编辑器。</p>
<h3>10. <a href="http://jhtmlarea.codeplex.com/" target="_blank">jHtmlArea</a></h3>
<p><a href="http://pietschsoft.com/demo/jHtmlArea/" target="_blank">演示</a> |<a href="http://jhtmlarea.codeplex.com/releases/view/30759" target="_blank">下载</a></p>
<div><img src="http://i849.photobucket.com/albums/ab59/tzsmin/iwanna/201004/10.jpg" alt="jHtmlArea" /></div>
<p>jHtmlArea是一款以<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>插件形式构建的所见即所得文本编辑器。它的目标是简单、重量，并且很好地达到了这个目标，里面仅保留了最基 本的功能选项。它的外观、功能和语言都可以轻松地进行定制。</p>
<h3>想进一步探讨吗？</h3>
<p>如果你用过其中的一种，或者用了另外的一种基于Web的文本编辑器。或者，你对这个话题感兴趣，请在下面留言讨论。很乐意听到你的观点和声音！</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/04/24/2829/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/04/24/2829/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/04/24/2829/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/04/24/2829/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/04/24/2829/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2009/10/28/2341/" title="淘宝开源编辑器 KISSY Editor (2009年10月28日)">淘宝开源编辑器 KISSY Editor</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/11/4460/" title="推荐8个独特应用的JQuery拖放插件 (2010年07月11日)">推荐8个独特应用的JQuery拖放插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/13/3113/" title="排名前7位的 Wordpress 404 插件 (2010年05月13日)">排名前7位的 Wordpress 404 插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3288/" title="如何给WordPress站点添加文章投递功能 (2010年05月22日)">如何给WordPress站点添加文章投递功能</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3290/" title="Wordpress 插件 TDo mini form 的一些技巧 (2010年05月22日)">Wordpress 插件 TDo mini form 的一些技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/23/811/" title="FCBKcomplete v 2.02 (2009年04月23日)">FCBKcomplete v 2.02</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/04/18/2777/" title="6款WordPress聚合[RSS]采集插件 (2010年04月18日)">6款WordPress聚合[RSS]采集插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/03/16/2556/" title="6大必装Wordpress插件 (2010年03月16日)">6大必装Wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/01/1621/" title="6个jQuery图标插件的应用程序 (2009年06月1日)">6个jQuery图标插件的应用程序</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/08/4164/" title="50个表单功能，验证，安全和自定义化的jQuery插件 (2010年07月8日)">50个表单功能，验证，安全和自定义化的jQuery插件</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/04/24/2829/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>20个PHP常用类库</title>
		<link>http://www.iwanna.cn/archives/2010/04/19/2791/</link>
		<comments>http://www.iwanna.cn/archives/2010/04/19/2791/#comments</comments>
		<pubDate>Mon, 19 Apr 2010 09:30:28 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Library]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2791</guid>
		<description><![CDATA[图表库
下面的类库可以让你很简的创建复杂的图表和图片。当然，它们 需要GD库的支持。

pChart - 一个可以创建统计图的库。
Libchart - 这也是一个简单的统计图库。
JpGraph – 一个面向对象的图片创建类。
Open Flash Chart - 这是一个基于Flash的统计图。

RSS 解析

MagpieRSS - 开源的PHP版RSS解析器，据说功能强大，未验证。
SimplePie – 这是一个非常快速，而且易用的RSS和Atom 解析库。


缩略图生成

phpThumb - 功能很强大，如何强大还是自己去体会吧。

支付

PHP Payment Library – 支持Paypal,  Authorize.net 和2Checkout (2CO)

OpenID

PHP-OpenID -  支持OpenID的一个PHP库。OpenID是帮助你使用相同的用户名和口令登录不同的网站的一种解决方案。如果你对OpenID不熟悉的话，你可以到 这里看看：http://openid.net.cn/

数据为抽象/对象关系映射ORM

ADOdb - 数据库抽象
Doctrine - 对象关系映射Object relational  mapper (ORM) ，需要 PHP 5.2.3+ 版本，一个非常强大的database abstraction layer (DBAL).
Propel – 对象关系映射框架- PHP5
Outlet - 也是关于对象关系映射的一个工具。

注：对象关系映射（Object Relational  Mapping，简称ORM）是一种为了解决面向对象与关系数据库存在的互不匹配的现象的技术。 [...]]]></description>
			<content:encoded><![CDATA[<h2>图表库</h2>
<p>下面的类库可以让你很简的创建复杂的图表和图片。当然，它们 需要GD库的支持。</p>
<ul>
<li><a href="http://pchart.sourceforge.net/" target="_blank">pChart </a>- 一个可以创建统计图的库。</li>
<li><a href="http://naku.dohcrew.com/libchart/pages/introduction/" target="_blank">Libchart </a>- 这也是一个简单的统计图库。</li>
<li><a href="http://www.aditus.nu/jpgraph/" target="_blank">JpGraph</a> – 一个面向对象的图片创建类。</li>
<li><a href="http://teethgrinder.co.uk/open-flash-chart/" target="_blank">Open Flash Chart </a>- 这是一个基于Flash的统计图。</li>
</ul>
<h2>RSS 解析</h2>
<ul>
<li><a href="http://magpierss.sourceforge.net/" target="_blank">MagpieRSS </a>- 开源的PHP版RSS解析器，据说功能强大，未验证。</li>
<li><a href="http://simplepie.org/" target="_blank">SimplePie</a> – 这是一个非常快速，而且易用的RSS和Atom 解析库。</li>
</ul>
<p><span id="more-2791"></span></p>
<h2>缩略图生成</h2>
<ul>
<li><a href="http://phpthumb.sourceforge.net/" target="_blank">phpThumb </a>- 功能很强大，如何强大还是自己去体会吧。</li>
</ul>
<h2>支付</h2>
<ul>
<li><a href="http://www.phpfour.com/blog/2009/02/php-payment-gateway-library-for-paypal-authorizenet-and-2checkout/" target="_blank">PHP Payment Library</a> – 支持Paypal,  Authorize.net 和2Checkout (2CO)</li>
</ul>
<h2>OpenID</h2>
<ul>
<li><a href="http://www.openidenabled.com/php-openid" target="_blank">PHP-OpenID </a>-  支持OpenID的一个PHP库。OpenID是帮助你使用相同的用户名和口令登录不同的网站的一种解决方案。如果你对OpenID不熟悉的话，你可以到 这里看看：<a href="http://openid.net.cn/">http://openid.net.cn/</a></li>
</ul>
<h2>数据为抽象/对象关系映射ORM</h2>
<ul>
<li><a href="http://adodb.sourceforge.net/" target="_blank">ADOdb </a>- 数据库抽象</li>
<li><a href="http://www.doctrine-project.org/" target="_blank">Doctrine </a>- 对象关系映射Object relational  mapper (ORM) ，需要 PHP 5.2.3+ 版本，一个非常强大的database abstraction layer (DBAL).</li>
<li><a href="http://propel.phpdb.org/trac/" target="_blank">Propel</a> – 对象关系映射框架- PHP5</li>
<li><a href="http://www.outlet-orm.org/site/" target="_blank">Outlet </a>- 也是关于对象关系映射的一个工具。</li>
</ul>
<blockquote><p>注：对象关系映射（Object Relational  Mapping，简称ORM）是一种为了解决面向对象与关系数据库存在的互不匹配的现象的技术。  简单的说，ORM是通过使用描述对象和数据库之间映射的元数据，将程序中的对象自动持久化到关系数据库中。本质上就是将数据从一种形式转换到另外一种形  式。 这也同时暗示者额外的执行开销；然而，如果ORM作为一种中间件实现，则会有很多机会做优化，而这些在手写的持久层并不存在。  更重要的是用于控制转换的元数据需要提供和管理；但是同样，这些花费要比维护手写的方案要少；而且就算是遵守ODMG规范的对象数据库依然需要类级别的元  数据。</p></blockquote>
<h2>PDF 生成器</h2>
<ul>
<li><a href="http://www.fpdf.org/" target="_blank">FPDF</a> – 这量一个可以让你生成PDF的纯PHP类库。</li>
</ul>
<h2>Excel 相关</h2>
<ul>
<li><a href="http://code.google.com/p/php-excel/" target="_blank">php-excel</a> – 这是一个非常简单的Excel文件生成类。</li>
<li><a href="http://code.google.com/p/php-excel-reader/" target="_blank">PHP Excel Reader</a> – 可以解析并读取XLS文件中的数据。</li>
</ul>
<h2>E-Mail 相关</h2>
<ul>
<li><a href="http://swiftmailer.org/" target="_blank">Swift  Mailer</a> – 免费的超多功能的PHP邮件库。</li>
<li><a href="http://phpmailer.codeworxtech.com/" target="_blank">PHPMailer</a> – 超强大的邮件发送类。</li>
</ul>
<h2>单元测试</h2>
<p>如果你在使用测试驱动的方法开发你的程序，下面的类库和框架 绝你能帮助你的开发。</p>
<ul>
<li><a href="http://www.simpletest.org/" target="_blank">SimpleTest </a>- 一个PHP的单元测试和网页测试的框架。</li>
<li><a href="http://www.phpunit.de/" target="_blank">PHPUnit</a> – 来自xUnit 家族，提供一个框架可以让你方便地进行单元测试的案例开发。并可非常容易地分析其测试结果。</li>
</ul>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/04/19/2791/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/04/19/2791/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/04/19/2791/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/04/19/2791/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/04/19/2791/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/library/" title="Library" rel="tag nofollow">Library</a>, <a href="http://www.iwanna.cn/topics/develope/php/" title="PHP" rel="tag nofollow">PHP</a>, <a href="http://www.iwanna.cn/tags/php/" title="PHP" rel="tag nofollow">PHP</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2009/04/02/149/" title="设计模式之单例模式 (2009年04月2日)">设计模式之单例模式</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/07/31/2088/" title="论述PHP开发框架: What, When, Why and Which? (2009年07月31日)">论述PHP开发框架: What, When, Why and Which?</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/08/3767/" title="腾讯PHP程序员面试题目 (2010年06月8日)">腾讯PHP程序员面试题目</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/03/171/" title="简易Wordpress模板代码帮助手册中文版 (2009年04月3日)">简易Wordpress模板代码帮助手册中文版</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/08/3769/" title="用PHP数组对百万数据进行排重 (2010年06月8日)">用PHP数组对百万数据进行排重</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/07/05/1933/" title="用 PHP 读取和编写 XML DOM (2009年07月5日)">用 PHP 读取和编写 XML DOM</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/20/4102/" title="深入理解PHP之匿名函数 (2010年06月20日)">深入理解PHP之匿名函数</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/10/28/2341/" title="淘宝开源编辑器 KISSY Editor (2009年10月28日)">淘宝开源编辑器 KISSY Editor</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/08/20/2171/" title="最快的 PHP 模板引擎 Blitz Templates (2009年08月20日)">最快的 PHP 模板引擎 Blitz Templates</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/11/4460/" title="推荐8个独特应用的JQuery拖放插件 (2010年07月11日)">推荐8个独特应用的JQuery拖放插件</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/04/19/2791/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>6款WordPress聚合[RSS]采集插件</title>
		<link>http://www.iwanna.cn/archives/2010/04/18/2777/</link>
		<comments>http://www.iwanna.cn/archives/2010/04/18/2777/#comments</comments>
		<pubDate>Sun, 18 Apr 2010 13:37:08 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[友情链接]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2777</guid>
		<description><![CDATA[需要说明的是，这里收集的只是研究之用，不建议大家在自己博客上安装，研究学习是可以滴。支持原创博文！！
GetRSS
激活GetRSS插件后，可以使用如下的代码聚合 rss 的文章。
&#60;?php getRSS(‘Rss地址’, ‘5′, ‘ &#60;li&#62;’, ‘&#60;/li&#62;  ‘);?&#62;
把rss地址换成你想聚合的rss地址，5是显示文章数量，你可以根据自己需要更改。
 FeedWordPress
FeedWordPress 是一个rss 聚合插件，可以聚合其他博客的内容以全文的形式收到自己的博客上。点 此下载中文版。
Friends  RSS Aggregator (FRA) 

Friends RSS Aggregator (FRA) 这个插件可以通过RSS聚合，实现文章标题和日期等的采集。
 inlineRSS
Inlinefeed 支持RSS, RDF, XML or  HTML等几种格式，通过Inlinefeed可以让Rss源的文章采集到特定的栏目内。
 BDP RSS  Aggregator
通过BDP RSS Aggregator 这个wordpress  插件，可以聚合多个blog的内容。适用于拥有多个博客的blogger，或者资源聚合和分享类的blogger，以及群组blogger。
BDP RSS Aggregator 插件主要是聚合标题以及部分摘要，并不会全文现实内容，也不会把对方的文章导入到自己的数据库里面。
WP-o-Matic
WP-o-Matic 插件是菠萝见过的功能差不多最强的一个 wordpress 采集插件——只需在后台设定 Rss  源以及采集的时间，WP-o-Matic就会自动执行。它甚至可以将对方网站的附件以及图片等都采集，完全实现自动采集，省去站长手动发日志。

© 我想网 Akon 所有 , 2010. &#124;
永久链接 &#124;
1条评论 [...]]]></description>
			<content:encoded><![CDATA[<p>需要说明的是，这里收集的<strong><a href="http://www.iwanna.cn/archives/2010/04/18/2777/" title="6款WordPress聚合[RSS]采集插件"></a></strong>只是研究之用，不建议大家在自己博客上安装，研究学习是可以滴。支持原创博文！！</p>
<p><strong><a href="http://wordpress.org/extend/plugins/getrss/">GetRSS</a></strong></p>
<p>激活GetRSS插件后，可以使用如下的代码聚合 rss 的文章。</p>
<blockquote><p>&lt;?php getRSS(‘Rss地址’, ‘5′, ‘ &lt;li&gt;’, ‘&lt;/li&gt;  ‘);?&gt;</p></blockquote>
<p>把rss地址换成你想聚合的rss地址，5是显示文章数量，你可以根据自己需要更改。</p>
<p><strong> <a href="http://wordpress.org/extend/plugins/feedwordpress/">FeedWordPress</a></strong></p>
<p>FeedWordPress 是一个rss 聚合插件，可以聚合其他博客的内容以全文的形式收到自己的博客上。<a href="http://ruishen.info/chinese-version-feedwordpress-the-global-launch.html">点 此下载中文版</a>。</p>
<p><strong><a href="http://adam.404.org/projects/friends-rss/">Friends  RSS Aggregator (FRA) </a></strong><br />
<span id="more-2777"></span><br />
Friends RSS Aggregator (FRA) 这个插件可以通过RSS聚合，实现文章标题和日期等的采集。</p>
<p><strong> <a href="http://www.iconophobia.com/wordpress/?page_id=55">inlineRSS</a></strong></p>
<p>Inlinefeed 支持RSS, RDF, XML or  <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>等几种格式，通过Inlinefeed可以让Rss源的文章采集到特定的栏目内。</p>
<p><strong> <a href="http://www.ozpolitics.info/?p=87">BDP RSS  Aggregator</a></strong></p>
<p>通过BDP RSS Aggregator 这个wordpress  插件，可以聚合多个blog的内容。适用于拥有多个博客的blogger，或者资源聚合和分享类的blogger，以及群组blogger。</p>
<p>BDP RSS Aggregator 插件主要是聚合标题以及部分摘要，并不会全文现实内容，也不会把对方的文章导入到自己的数据库里面。</p>
<p><strong><a href="http://wordpress.org/extend/plugins/wp-o-matic/">WP-o-Matic</a></strong></p>
<p>WP-o-Matic 插件是菠萝见过的功能差不多最强的一个 wordpress 采集插件——只需在后台设定 Rss  源以及采集的时间，WP-o-Matic就会自动执行。它甚至可以将对方网站的附件以及图片等都采集，完全实现自动采集，省去站长手动发日志。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/04/18/2777/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/04/18/2777/#comments">1条评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/04/18/2777/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/04/18/2777/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/04/18/2777/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/php/wordpress-php-develope/" title="Wordpress" rel="tag nofollow">Wordpress</a>, <a href="http://www.iwanna.cn/tags/links/" title="友情链接" rel="tag nofollow">友情链接</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/05/13/3113/" title="排名前7位的 Wordpress 404 插件 (2010年05月13日)">排名前7位的 Wordpress 404 插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3288/" title="如何给WordPress站点添加文章投递功能 (2010年05月22日)">如何给WordPress站点添加文章投递功能</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3290/" title="Wordpress 插件 TDo mini form 的一些技巧 (2010年05月22日)">Wordpress 插件 TDo mini form 的一些技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/03/16/2556/" title="6大必装Wordpress插件 (2010年03月16日)">6大必装Wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/21/736/" title="50个最好的wordpress插件 (2009年04月21日)">50个最好的wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3419/" title="30个统计相关的Wordpress插件 (2010年05月27日)">30个统计相关的Wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3416/" title="10款提高PR值(搜索引擎排名)的WordPress插件 (2010年05月27日)">10款提高PR值(搜索引擎排名)的WordPress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/03/171/" title="简易Wordpress模板代码帮助手册中文版 (2009年04月3日)">简易Wordpress模板代码帮助手册中文版</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/10/28/2341/" title="淘宝开源编辑器 KISSY Editor (2009年10月28日)">淘宝开源编辑器 KISSY Editor</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/21/733/" title="最受欢迎的50个免费wordpress模板 (2009年04月21日)">最受欢迎的50个免费wordpress模板</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/04/18/2777/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>6大必装Wordpress插件</title>
		<link>http://www.iwanna.cn/archives/2010/03/16/2556/</link>
		<comments>http://www.iwanna.cn/archives/2010/03/16/2556/#comments</comments>
		<pubDate>Tue, 16 Mar 2010 15:41:19 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[友情链接]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2556</guid>
		<description><![CDATA[Wordpress六大必装插件.

分享我想网使用的6 大必装Wordpress插件

1. WP Super Cache

WP Super Cache 可以让您选择一个预设置的时间来创建静态版本的HTML页面，在WordPress中发布的文章及页面速度将会更快。极大地减少当访问者请求访问文章或列表时在服务器端生成页面所花费的时间。

WP Super Cache Download Page

2. Akismet

Akismet(Automattic Kismet)是应用广泛的一个垃圾留言过滤系统，其作者是大名鼎鼎的WordPress创始人Matt Mullenweg，Akismet也是WordPress默认安装的插件，其使用非常广泛，设计目标便是帮助博客网站来过滤留言spam。有了 akismet之后，基本上不用担心垃圾留言的烦恼了。绝大多数wordpress blogger都在使用的Akismet可用于多种blog平台，而不仅WordPress，也包括诸如 MovableType、PixelPost等均可使用。其工作机制简单地说便是，启用Akismet后，当博客再收到留言、pingback或 trackback后，其会自动将其提交到Akismet并与Akismet上的黑名单进行比对，如果名列该黑名单中，则该条留言或trackback不会发布，当然，为避免误判，这些信息并不会马上被删除，而是暂存下来以待博客管理者进行进一步的人工判断，一般这个期限为15天，即15天内博客管理者可将其恢复，一旦过了这个期限才会删除。而对于没有被Akismet识别出来的漏网之鱼，当博客管理者将其标注为Spam时，Akismet服务器端也会有相应更新，即将相应内容添加到Akismet的黑名单中，也即是说，这个黑名单是由广大博客共同维护的。

Akismet Download Page

3. WP-SpamFree

虽然Akismet很优秀，但它也仅仅是通过一份数据库中的白名单来操作来报告垃圾信息。WP-SpamFree反垃圾机制和一般的插件不同，它是通过Cookies和Javascript相结合的方式来识别和阻挡垃圾，在最新的版本中，作者又添加了新的功能：
* 增加评论黑名单选项
* 增加了评论电子邮件通知的功能
* 增加了封锁评论日志模式的功能
* 增加了显示垃圾邮件统计的图形计数器

WP-SpamFree  Download Page

4. Google XML Sitemaps Generator

Google XML Sitemaps插件是WordPress官方推荐的插件，将近5个星哦，从官方的统计可以看出这款插件是十分受欢迎的。这款插件的作用，当你发表或修改 博客内容后，它将为你的WordPress博客自动创建/更新Google Sitemap格式的XML，它支持所有的WordPress发表的内容，以及自定制。
Sitemap是所有主要的搜索引擎支持的协议，用于创建并提交Sitemap有助于确保搜索引擎知道您网站上的所有网页，包括Google的正常 抓取过程中可能无法找到的网址。Sitemap 会向 Google 提供有关您网站的其他信息，从而使我们抓取网络的常规方法得到补充。Sitemap 可帮助我们更及时地抓取您网站的更多内容，但不能保证 Sitemap 中的网址会添加到 Google 索引中。

Google  XMP Sitemaps Download Page

5. All in  One [...]]]></description>
			<content:encoded><![CDATA[<p>Wordpress六大必装插件.</p>
<p><a href="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201003/02-01_wordpress_lead_image.jpg"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201003/02-01_wordpress_lead_image.jpg" alt="6 Critical WordPress Plugins You Should Have Installed" /></a></p>
<p>分享<a href="http://www.iwanna.cn/">我想网</a>使用的6 大必装Wordpress插件<br />
<span id="more-2556"></span></p>
<h3>1. <a href="http://ocaoimh.ie/wp-super-cache/">WP Super Cache</a></h3>
<p><a href="http://ocaoimh.ie/wp-super-cache/"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201003/02-02_wp_super_cache.jpg" alt="WP Super Cache" /></a></p>
<p><em>WP Super Cache</em> 可以让您选择一个预设置的时间来创建静态版本的<a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>页面，在WordPress中发布的文章及页面速度将会更快。极大地减少当访问者请求访问文章或列表时在服务器端生成页面所花费的时间。</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/wp-super-cache/">WP Super Cache Download Page</a></li>
</ul>
<h3>2. <a href="http://akismet.com/">Akismet</a></h3>
<p><a href="http://akismet.com/"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201003/02-03_akismet.jpg" alt="Akismet" width="550" height="220" /></a></p>
<p><em>Akismet</em>(Automattic Kismet)是应用广泛的一个垃圾留言过滤系统，其作者是大名鼎鼎的WordPress创始人Matt Mullenweg，Akismet也是WordPress默认安装的插件，其使用非常广泛，设计目标便是帮助博客网站来过滤留言spam。有了 akismet之后，基本上不用担心垃圾留言的烦恼了。绝大多数wordpress blogger都在使用的Akismet可用于多种blog平台，而不仅WordPress，也包括诸如 MovableType、PixelPost等均可使用。其工作机制简单地说便是，启用Akismet后，当博客再收到留言、pingback或 trackback后，其会自动将其提交到Akismet并与Akismet上的黑名单进行比对，如果名列该黑名单中，则该条留言或trackback不会发布，当然，为避免误判，这些信息并不会马上被删除，而是暂存下来以待博客管理者进行进一步的人工判断，一般这个期限为15天，即15天内博客管理者可将其恢复，一旦过了这个期限才会删除。而对于没有被Akismet识别出来的漏网之鱼，当博客管理者将其标注为Spam时，Akismet服务器端也会有相应更新，即将相应内容添加到Akismet的黑名单中，也即是说，这个黑名单是由广大博客共同维护的。</p>
<ul>
<li><a href="http://akismet.com/download/">Akismet Download Page</a></li>
</ul>
<h3>3. <a href="http://www.polepositionmarketing.com/library/wp-spamfree/">WP-SpamFree</a></h3>
<p><a href="http://www.polepositionmarketing.com/library/wp-spamfree/"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201003/02-04_wp-spamfree.jpg" alt="WP-SpamFree" width="550" height="220" /></a></p>
<p>虽然<em>Akismet</em>很优秀，但它也仅仅是通过一份数据库中的白名单来操作来报告垃圾信息。<em>WP-SpamFree</em>反垃圾机制和一般的插件不同，它是通过Cookies和Javascript相结合的方式来识别和阻挡垃圾，在最新的版本中，作者又添加了新的功能：</p>
<p>* 增加评论黑名单选项<br />
* 增加了评论电子邮件通知的功能<br />
* 增加了封锁评论日志模式的功能<br />
* 增加了显示垃圾邮件统计的图形计数器</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/wp-spamfree/">WP-SpamFree  Download Page</a></li>
</ul>
<h3>4. <a href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/">Google XML Sitemaps Generator</a></h3>
<p><a href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201003/02-07_xml_sitemap_generator.jpg" alt="WP-SpamFree" width="550" height="220" /></a></p>
<p><em>Google XML Sitemaps</em>插件是WordPress官方推荐的插件，将近5个星哦，从官方的统计可以看出这款插件是十分受欢迎的。这款插件的作用，当你发表或修改 博客内容后，它将为你的WordPress博客自动创建/更新Google Sitemap格式的XML，它支持所有的WordPress发表的内容，以及自定制。</p>
<p>Sitemap是所有主要的搜索引擎支持的协议，用于创建并提交Sitemap有助于确保搜索引擎知道您网站上的所有网页，包括Google的正常 抓取过程中可能无法找到的网址。Sitemap 会向 Google 提供有关您网站的其他信息，从而使我们抓取网络的常规方法得到补充。Sitemap 可帮助我们更及时地抓取您网站的更多内容，但不能保证 Sitemap 中的网址会添加到 Google 索引中。</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/google-sitemap-generator/">Google  XMP Sitemaps Download Page</a></li>
</ul>
<h3>5. <a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">All in  One SEO Pack</a></h3>
<p><a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201003/02-06_all_in_one_seo.jpg" alt="All in One SEO Pack" width="550" height="220" /></a></p>
<p><em>All in One SEO Pack</em>，wordpress的一个seo插件，用这一个插件你就可以实现wordpress的整体优化。不需要title插件，meta插件，tag插件，也不需要DupPrevent Plugin插件，更不用担心因为插件的交替所带来的一堆麻烦。</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/">All  in One SEO Pack Download Page</a></li>
</ul>
<h3>6. <a href="http://wordpress.org/extend/plugins/wp-pagenavi/">WP-PageNavi</a></h3>
<p><a href="http://wordpress.org/extend/plugins/wp-pagenavi/"><img src="http://i709.photobucket.com/albums/ww92/zsmin/iwanna/Article/201003/02-08_wp-pagenavi.jpg" alt="WP-PageNavi" width="550" height="220" /></a></p>
<p><em>WP-PageNavi</em> 是一个非常有用的 WordPress 页面导航插件。通过此插件，可以让 WordPress 自身简单的导航功能得到加强。Duet 网友最近发布了该插件的中文包。</p>
<ul>
<li><a href="http://wordpress.org/extend/plugins/wp-pagenavi/">WP-PageNavi  Download Page</a></li>
</ul>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/03/16/2556/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/03/16/2556/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/03/16/2556/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/03/16/2556/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/03/16/2556/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/php/wordpress-php-develope/" title="Wordpress" rel="tag nofollow">Wordpress</a>, <a href="http://www.iwanna.cn/tags/links/" title="友情链接" rel="tag nofollow">友情链接</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/05/13/3113/" title="排名前7位的 Wordpress 404 插件 (2010年05月13日)">排名前7位的 Wordpress 404 插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3288/" title="如何给WordPress站点添加文章投递功能 (2010年05月22日)">如何给WordPress站点添加文章投递功能</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3290/" title="Wordpress 插件 TDo mini form 的一些技巧 (2010年05月22日)">Wordpress 插件 TDo mini form 的一些技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/04/18/2777/" title="6款WordPress聚合[RSS]采集插件 (2010年04月18日)">6款WordPress聚合[RSS]采集插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/21/736/" title="50个最好的wordpress插件 (2009年04月21日)">50个最好的wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3419/" title="30个统计相关的Wordpress插件 (2010年05月27日)">30个统计相关的Wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3416/" title="10款提高PR值(搜索引擎排名)的WordPress插件 (2010年05月27日)">10款提高PR值(搜索引擎排名)的WordPress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/03/171/" title="简易Wordpress模板代码帮助手册中文版 (2009年04月3日)">简易Wordpress模板代码帮助手册中文版</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/10/28/2341/" title="淘宝开源编辑器 KISSY Editor (2009年10月28日)">淘宝开源编辑器 KISSY Editor</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/21/733/" title="最受欢迎的50个免费wordpress模板 (2009年04月21日)">最受欢迎的50个免费wordpress模板</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/03/16/2556/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>22个所见即所得在线 Web 编辑器</title>
		<link>http://www.iwanna.cn/archives/2010/02/04/2490/</link>
		<comments>http://www.iwanna.cn/archives/2010/02/04/2490/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 02:22:38 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[WEB]]></category>
		<category><![CDATA[Editor]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2490</guid>
		<description><![CDATA[上次介绍过 10 个基于   JavaScript 的 WYSIWYG（所见即所得） 编辑器，这些 Web 编辑器可以在线编辑和处理富 Web   内容，包括格式文本，表格，图片，媒体，链接等等，非常适合集成到 CMS 网站内容管理系统中使用。本文又搜集了 22 个 Web   在线编辑器，它们基本代表了当前 Web 编辑器的现状。 		 

1. TinyMCE

免费，开源，轻量，基于 JavaScript，高度可定制，跨平台。
2. FCKEditor

免费，开源，用户量庞大，有良好的社区支持。
3. YUI Editor

属于 Yahoo! YUI 的一部分，能输出纯净 XHTML 代码。
4. NicEdit

简单，易用，轻量，外观漂亮。
5. Kupu

开源，支持 Ajax 保存，跨平台，易于集成，由 OSCOM 推出。
6. Free Rich Text  Editor

非常容易部署，输出 XHTML 代码，功能丰富。
7. WebWiz   RichTextEditor

这是一个商业产品，并不免费，但功能非常丰富，基于 ASP，JavaScript [...]]]></description>
			<content:encoded><![CDATA[<p>上次介绍过 <a href="http://www.iwanna.cn/archives/2010/02/04/2487/">10 个基于   JavaScript 的 WYSIWYG（所见即所得） 编辑器</a>，这些 Web 编辑器可以在线编辑和处理富 Web   内容，包括格式文本，表格，图片，媒体，链接等等，非常适合集成到 CMS 网站内容管理系统中使用。本文又搜集了 22 个 Web   在线编辑器，它们基本代表了当前 Web 编辑器的现状。 		 <a href="http://sixrevisions.com/user-interface/rich-text-editors-for-2010-and-beyond/"><img src="http://images.sixrevisions.com/2010/02/01-01_rte_lead_img.jpg" alt="Rich-Text Editors for 2010 and Beyond" width="550" height="200" /></a><br />
<span id="more-2490"></span><br />
1. <a href="http://tinymce.moxiecode.com/">TinyMCE</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-02_tinymce.jpg" alt="TinyMCE" width="550" height="182" /></p>
<p>免费，开源，轻量，基于 JavaScript，高度可定制，跨平台。<br />
2. <a href="http://www.fckeditor.net/">FCKEditor</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-03_ckeditor.jpg" alt="FCKEditor" width="550" height="176" /></p>
<p>免费，开源，用户量庞大，有良好的社区支持。<br />
3. <a href="http://developer.yahoo.com/yui/editor/">YUI Editor</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-04_yui.png" alt="YUI  Editor" width="550" height="180" /></p>
<p>属于 Yahoo! YUI 的一部分，能输出纯净 XHTML 代码。<br />
4. <a href="http://nicedit.com/">NicEdit</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-05_nicedit.jpg" alt="NicEdit" width="550" height="120" /></p>
<p>简单，易用，轻量，外观漂亮。<br />
5. <a href="http://kupu.oscom.org/">Kupu</a><br />
<a href="http://en.wikipedia.org/wiki/Kupu"><img src="http://images.sixrevisions.com/2010/02/01-06_kupu.jpg" alt="Kupu" width="550" height="168" /></a></p>
<p>开源，支持 Ajax 保存，跨平台，易于集成，由 OSCOM 推出。</p>
<p>6. <a href="http://www.freerichtexteditor.com/">Free Rich Text  Editor</a><br />
<a href="http://www.freerichtexteditor.com/"><img src="http://images.sixrevisions.com/2010/02/01-07_freerte.png" alt="Free   Rich Text Editor" width="550" height="151" /></a></p>
<p>非常容易部署，输出 XHTML 代码，功能丰富。<br />
7. <a href="http://www.webwizguide.com/webwizrichtexteditor/">WebWiz   RichTextEditor</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-08_webwiz.jpg" alt="WebWiz RichTextEditor" width="550" height="145" /></p>
<p>这是一个商业产品，并不免费，但功能非常丰富，基于 ASP，JavaScript 和 DHTML。<br />
8. <a href="http://xstandard.com/">XStandard</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-09_xstandard.png" alt="XStandard" width="550" height="109" /></p>
<p>故名思意，这个编辑器会生成符合标准的纯净 XHTML 代码。<br />
9. <a href="http://avidansoft.com/dsrte/">Damn Small Rich Text  Editor</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-10_damnsmall.jpg" alt="Damn Small Rich Text Editor" width="550" height="150" /></p>
<p>基于 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 和 PHP 后台，非常小巧（~18K），但功能丰富。<br />
10. <a href="http://www.themaninblue.com/experiment/widgEditor/">WidgEditor</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-11_widgeditor.jpg" alt="WidgEditor" width="550" height="161" /></p>
<p>简单，易用，开源，即使浏览器不支持 JavaScript，仍能很好地工作。<br />
11. <a href="http://www.kevinroth.com/rte/">Kevin Roth’s Cross  Browser  Rich Text Editor</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-12_rothrte.jpg" alt="Kevin Roth’s Cross Browser Rich Text Editor" width="550" height="234" /></p>
<p>一个不错的编辑器，支持皮肤，符合 XHTML 标准，跨浏览器兼容，分免费版和收费版两个版本。<br />
12. <a href="http://www.openwebware.com/">OpenWYSIWYG</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-13_openwysiwyg.jpg" alt="OpenWYSIWYG" width="550" height="136" /></p>
<p>拥有许多出色的功能，容易部署，速度极快。<br />
13. <a href="http://www.codeplex.com/rte">CodePlex Rich Text Editor</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-14_codeplex.png" alt="CodePlex Rich Text Editor" width="550" height="97" /></p>
<p>基于 ASP.NET，目前只支持 IE 和 Firefox。<br />
14. <a href="http://freetextbox.com/">FreeTextBox</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-15_freetextbox.png" alt="FreeTextBox" width="550" height="161" /></p>
<p>集成了相册，拼写检查等功能，尤其适合 ASP.NET 项目。<br />
15. <a href="http://www.codeplex.com/richtextedit">Silverlight Rich   Text Editor</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-16_silverlight.jpg" alt="Silverlight Rich Text Editor" width="550" height="94" /></p>
<p>适合与微软的 Silverlight 一起使用，功能丰富，不过，似乎原作者已经不再更新这个项目了。<br />
16. <a href="http://www.bitfluxeditor.org/">BXE (Bitflux Editor)</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-17_bitflux.png" alt="BXE  (Bitflux Editor)" width="550" height="94" /></p>
<p>从 2002 年以来一直开源，拥有一批非常忠实的用户和社区，据称是目前最好的 WYSIWYG 编辑器之一。<br />
17. <a href="http://markitup.jaysalvat.com/home/">MarkItUp!</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-18_markitup.jpg" alt="MarkItUp!" width="550" height="236" /></p>
<p>基于 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>，轻量，支持键盘快捷键，支持多种代码，包括 <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a>, Textile, Wiki  Syntax, Markdown,  BBcode。<br />
18. <a href="http://dojotoolkit.org/book/dojo-book-0-9/part-2-dijit/advanced-editing-and-display/editor-rich-text">Dijit   Editor for Dojo</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-19_dojo.jpg" alt="Dijit  Editor for Dojo" width="550" height="100" /></p>
<p>基于 Dojo JavaScript 框架，输出干净 <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a> 代码，支持插件，拥有清新的按钮。<br />
19. <a href="http://www.cdolivet.com/editarea/editarea/docs/">EditArea</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-20_editarea.png" alt="EditArea" width="550" height="98" /></p>
<p>易于集成，干净代码，实时语法加亮，自动缩进，多语种支持，多实例支持，全屏模式等功能。<br />
20. <a href="http://www.wymeditor.org/">WYMeditor</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-21_wymeditor.jpg" alt="WYMeditor" width="550" height="124" /></p>
<p>输出干净的 XHTML + SCTRICT 代码，注重结构与语义，在输出结构化 XHTML 代码方面是最佳方案。<br />
21. <a href="http://www.unverse.net/whizzywig-cross-browser-html-editor.html">Whizzywig</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-22_whizzywig.png" alt="Whizzywig" width="550" height="161" /></p>
<p>多浏览器支持，Web 安全色选择器，支持表格，图片，Word 代码清洁，拼写检查等功能。<br />
22. <a href="http://xinha.webfactional.com/">Xinha</a><br />
<img src="http://images.sixrevisions.com/2010/02/01-23_xinha.png" alt="Xinha" width="550" height="152" /></p>
<p>基于<a href="http://www.opensource.org/licenses/bsd-license.html">BSD协议</a>， 易于部署与扩展，拥有很好的社区支持。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/02/04/2490/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/02/04/2490/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/02/04/2490/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/02/04/2490/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/02/04/2490/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/editor/" title="Editor" rel="tag nofollow">Editor</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/tags/web/" title="Web" rel="tag nofollow">Web</a>, <a href="http://www.iwanna.cn/topics/ui/web-ui/" title="WEB" rel="tag nofollow">WEB</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/05/19/3234/" title="15个 Javascript 的Web UI库，框架及工具包 (2010年05月19日)">15个 Javascript 的Web UI库，框架及工具包</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/01/29/2479/" title="默认Web字体样式 (2010年01月29日)">默认Web字体样式</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/18/3223/" title="页面元素的两种表达状态：常态，暂态 (2010年05月18日)">页面元素的两种表达状态：常态，暂态</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/20/4642/" title="迈过社会化网络：互联网的新时代 (2010年07月20日)">迈过社会化网络：互联网的新时代</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/07/2961/" title="设计中的色彩：黑色 (2010年05月7日)">设计中的色彩：黑色</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/07/2959/" title="设计中的色彩：白色 (2010年05月7日)">设计中的色彩：白色</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/23/4157/" title="解码 Web 开发语言 (2010年06月23日)">解码 Web 开发语言</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/03/1680/" title="苹果 vs. 微软 &#8211; 网站可用性研究 (2009年06月3日)">苹果 vs. 微软 &#8211; 网站可用性研究</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/07/2969/" title="网页设计现状：2010年设计趋势[下] (2010年05月7日)">网页设计现状：2010年设计趋势[下]</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/07/2968/" title="网页设计现状：2010年设计趋势[上] (2010年05月7日)">网页设计现状：2010年设计趋势[上]</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/02/04/2490/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10个基于 JavaScript 的 WYSIWYG 编辑器</title>
		<link>http://www.iwanna.cn/archives/2010/02/04/2487/</link>
		<comments>http://www.iwanna.cn/archives/2010/02/04/2487/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 02:09:56 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2487</guid>
		<description><![CDATA[在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似  Office 的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript   的编辑器，它们有的是基于 jQuery 框架，有点则不是。

MarkitUp &#8211; jQuery
Official Website &#124; Demo

功能不是很多，但很轻量，很灵活。打包后只有6.5K大小。
jWYSIWYG &#8211; jQuery
Official Website &#124; Demo

非常基本的编辑器，简单为本。打包后只有7K。
Lightweight RTE- jQuery
Official  Website &#124; Demo

简单到不能再简单，很容易自己修改。
HTMLBox &#8211; jQuery
Official  Website &#124; Demo

跨浏览器，开源，基于 jQuery。可以很容易同各种 CMS，论坛，留言本，博客等系统集成。
D Small Rich Text Editor &#8211; jQuery
Official  Website &#124; Demo

基于 iframe 对象。
WYMEditor &#8211; jQuery
Official Website &#124;  Demo


TinyMCE &#8211; [...]]]></description>
			<content:encoded><![CDATA[<p>在线编辑内容的时候，那些基于 JavaScript 的编辑器帮了我们大忙，这些所见即所得（WYSIWYG）编辑器，给我们提供了类似  Office 的操作体验。如今，任何网站内容管理系统（CMS）和博客系统都需要一个这样的编辑器。本文精选了10个基于 JavaScript   的编辑器，它们有的是基于 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 框架，有点则不是。<br />
<span id="more-2487"></span></p>
<h2>MarkitUp &#8211; <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://markitup.jaysalvat.com/home/">Official Website</a></strong> | <strong><a href="http://markitup.jaysalvat.com/examples/">Demo</a></strong><br />
<img src="http://www.iwanna.cn/images/articles/2010/02/markitup.gif" alt="MarkitUp" width="600" height="150" /></p>
<p>功能不是很多，但很轻量，很灵活。打包后只有6.5K大小。</p>
<h2>jWYSIWYG &#8211; <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://code.google.com/p/jwysiwyg/">Official Website</a></strong> | <strong><a href="http://code.google.com/p/jwysiwyg/">Demo</a></strong><br />
<img src="http://www.iwanna.cn/images/articles/2010/02/jwysiwyg.gif" alt="jWYSIWYG" width="600" height="150" /></p>
<p>非常基本的编辑器，简单为本。打包后只有7K。</p>
<h2>Lightweight RTE- <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html">Official  Website</a></strong> | <strong><a href="http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html">Demo</a></strong><br />
<img src="http://www.iwanna.cn/images/articles/2010/02/lightweightrte.gif" alt="jWYSIWYG" width="600" height="150" /></p>
<p>简单到不能再简单，很容易自己修改。</p>
<h2>HTMLBox &#8211; <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://remiya.com/cms/projects/jquery-plugins/htmlbox/">Official  Website</a></strong> | <strong><a href="http://remiya.com/cms/projects/jquery-plugins/htmlbox/demo_full.html">Demo</a></strong><br />
<img src="http://www.iwanna.cn/images/articles/2010/02/htmlbox.gif" alt="HTMLBox" width="600" height="150" /></p>
<p>跨浏览器，开源，基于 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>。可以很容易同各种 CMS，论坛，留言本，博客等系统集成。</p>
<h2>D Small Rich Text Editor &#8211; <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://www.avidansoft.com/dsrte/index.php">Official  Website</a></strong> | <strong><a href="http://www.avidansoft.com/dsrte/index.php">Demo</a></strong><br />
<img src="http://www.iwanna.cn/images/articles/2010/02/dsrte.gif" alt="D Small Rich Text Editor" width="600" height="150" /></p>
<p>基于 iframe 对象。</p>
<h2>WYMEditor &#8211; <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://www.wymeditor.org/demo/">Official Website</a></strong> |  <strong><a href="http://files.wymeditor.org/wymeditor/trunk/src/examples/13-silver-skin.html">Demo</a></strong><br />
<img src="http://www.iwanna.cn/images/articles/2010/02/wymeditor.gif" alt="WYMEditor" width="600" height="150" /></p>
<p><!-- ################## NON jQUery  ################### --></p>
<h2>TinyMCE &#8211; non-<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://tinymce.moxiecode.com/">Official Website</a></strong> |  <strong><a href="http://tinymce.moxiecode.com/examples/full.php">Demo</a></strong><br />
<img src="http://www.iwanna.cn/images/articles/2010/02/tinymce.gif" alt="TinyMCE" width="600" height="150" /></p>
<p>最经典的基于 JavaScript 的编辑器，COMSHARP CMS 默认的编辑器就是这个。</p>
<h2>fckeditor &#8211; Non-<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://www.fckeditor.net/">Official Website</a></strong> | <strong><a href="http://www.fckeditor.net/demo">Demo</a></strong><br />
<img src="http://www.iwanna.cn/images/articles/2010/02/fckeditor.gif" alt="fckeditor" width="600" height="150" /></p>
<p>功能非常强大。</p>
<h2>Yahoo YUI Rich Text Editor &#8211; Non-<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://developer.yahoo.com/yui/editor/">Official Website</a></strong> | <strong><a href="http://developer.yahoo.com/yui/editor/">Demo</a></strong><br />
<img src="http://www.iwanna.cn/images/articles/2010/02/yui.gif" alt="Yahoo UI RTE" width="600" height="150" /></p>
<p>基于 Yahoo YUI，简单，但很可靠。</p>
<h2>Xinha &#8211; Non-<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://xinha.webfactional.com/">Official Website</a></strong> |  <strong><a href="http://xinha.webfactional.com/wiki/Examples">Demo</a></strong><br />
<img src="http://www.iwanna.cn/images/articles/2010/02/xinha.gif" alt="Xinha" width="600" height="150" /></p>
<p>自由的基于  BSD 许可编辑器，功能完善，很适合同各种系统集成。</p>
<h2>jWYSIWYG &#8211; <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://code.google.com/p/jwysiwyg/">Official Website</a></strong> | <strong><a href="http://code.google.com/p/jwysiwyg/">Demo</a></strong><br />
<img src="http://www.queness.com/resources/images/richtexteditor/jwysiwyg.gif" alt="jWYSIWYG" width="600" height="150" /></p>
<p>非常基本的编辑器，简单为本。打包后只有7K。</p>
<h2>Lightweight RTE- <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html">Official  Website</a></strong> | <strong><a href="http://batiste.dosimple.ch/blog/posts/2007-09-11-1/rich-text-editor-jquery.html">Demo</a></strong><br />
<img src="http://www.queness.com/resources/images/richtexteditor/lightweightrte.gif" alt="jWYSIWYG" width="600" height="150" /></p>
<p>简单到不能再简单，很容易自己修改。</p>
<h2>HTMLBox &#8211; <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://remiya.com/cms/projects/jquery-plugins/htmlbox/">Official  Website</a></strong> | <strong><a href="http://remiya.com/cms/projects/jquery-plugins/htmlbox/demo_full.html">Demo</a></strong><br />
<img src="http://www.queness.com/resources/images/richtexteditor/htmlbox.gif" alt="HTMLBox" width="600" height="150" /></p>
<p>跨浏览器，开源，基于 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>。可以很容易同各种 CMS，论坛，留言本，博客等系统集成。</p>
<h2>D Small Rich Text Editor &#8211; <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://www.avidansoft.com/dsrte/index.php">Official  Website</a></strong> | <strong><a href="http://www.avidansoft.com/dsrte/index.php">Demo</a></strong><br />
<img src="http://www.queness.com/resources/images/richtexteditor/dsrte.gif" alt="D Small Rich Text Editor" width="600" height="150" /></p>
<p>基于 iframe 对象。</p>
<h2>WYMEditor &#8211; <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://www.wymeditor.org/demo/">Official Website</a></strong> |  <strong><a href="http://files.wymeditor.org/wymeditor/trunk/src/examples/13-silver-skin.html">Demo</a></strong><br />
<img src="http://www.queness.com/resources/images/richtexteditor/wymeditor.gif" alt="WYMEditor" width="600" height="150" /></p>
<p><!-- ################## NON jQUery  ################### --></p>
<h2>TinyMCE &#8211; non-<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://tinymce.moxiecode.com/">Official Website</a></strong> |  <strong><a href="http://tinymce.moxiecode.com/examples/full.php">Demo</a></strong><br />
<img src="http://www.queness.com/resources/images/richtexteditor/tinymce.gif" alt="TinyMCE" width="600" height="150" /></p>
<p>最经典的基于 JavaScript 的编辑器，COMSHARP CMS 默认的编辑器就是这个。</p>
<h2>fckeditor &#8211; Non-<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://www.fckeditor.net/">Official Website</a></strong> | <strong><a href="http://www.fckeditor.net/demo">Demo</a></strong><br />
<img src="http://www.queness.com/resources/images/richtexteditor/fckeditor.gif" alt="fckeditor" width="600" height="150" /></p>
<p>功能非常强大。</p>
<h2>Yahoo YUI Rich Text Editor &#8211; Non-<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://developer.yahoo.com/yui/editor/">Official Website</a></strong> | <strong><a href="http://developer.yahoo.com/yui/editor/">Demo</a></strong><br />
<img src="http://www.queness.com/resources/images/richtexteditor/yui.gif" alt="Yahoo UI RTE" width="600" height="150" /></p>
<p>基于 Yahoo YUI，简单，但很可靠。</p>
<h2>Xinha &#8211; Non-<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a></h2>
<p><strong><a href="http://xinha.webfactional.com/">Official Website</a></strong> |  <strong><a href="http://xinha.webfactional.com/wiki/Examples">Demo</a></strong><br />
<img src="http://www.queness.com/resources/images/richtexteditor/xinha.gif" alt="Xinha" width="600" height="150" /></p>
<p>自由的基于  BSD 许可编辑器，功能完善，很适合同各种系统集成。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/02/04/2487/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/02/04/2487/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/02/04/2487/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/02/04/2487/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/02/04/2487/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/topics/ui/html/" title="HTML" rel="tag nofollow">HTML</a>, <a href="http://www.iwanna.cn/tags/html/" title="HTML" rel="tag nofollow">HTML</a>, <a href="http://www.iwanna.cn/topics/ui/javascript/" title="JavaScript" rel="tag nofollow">JavaScript</a>, <a href="http://www.iwanna.cn/tags/javascript/" title="JavaScript" rel="tag nofollow">JavaScript</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2009/04/29/894/" title="页面输出时一些常用的小技巧 (2009年04月29日)">页面输出时一些常用的小技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/27/4752/" title="使用框架建立富联网应用 (2010年07月27日)">使用框架建立富联网应用</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/20/713/" title="24 个漂亮的个性化 HTML 表单技术 (2009年04月20日)">24 个漂亮的个性化 HTML 表单技术</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/19/3234/" title="15个 Javascript 的Web UI库，框架及工具包 (2010年05月19日)">15个 Javascript 的Web UI库，框架及工具包</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/16/4013/" title="10个绝妙的HTML5，CSS和Javascript示例 (2010年06月16日)">10个绝妙的HTML5，CSS和Javascript示例</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/05/3692/" title="近半数媒体网站计划支持iPad和HTML5视频 (2010年06月5日)">近半数媒体网站计划支持iPad和HTML5视频</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/07/05/1923/" title="转换设计原图 PSD 为 HTML (2009年07月5日)">转换设计原图 PSD 为 HTML</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/03/31/79/" title="表单元素：40个CSS/JS风格和功能技术处理 (2009年03月31日)">表单元素：40个CSS/JS风格和功能技术处理</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/06/4383/" title="网页打开新窗口的解决方案,拒绝屏蔽 (2010年07月6日)">网页打开新窗口的解决方案,拒绝屏蔽</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/04/29/2874/" title="相见恨晚的一些 JavaScript 技巧 (2010年04月29日)">相见恨晚的一些 JavaScript 技巧</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/02/04/2487/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30+ 新鲜惊奇的 jQuery 插件与教程</title>
		<link>http://www.iwanna.cn/archives/2010/01/26/2474/</link>
		<comments>http://www.iwanna.cn/archives/2010/01/26/2474/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 05:20:22 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2474</guid>
		<description><![CDATA[在网络发展领域，由于 jQuery 简单易学，易于使用和易于扩展的特点，因此正慢慢变得无处不在。以下是从一些 jQuery 相关文章中整理出来的 30+ 新鲜与惊奇的 jQuery 插件与教程。如果你正在寻找最新的 jQuery 信息，这些内容值得一读。

教程
1. How to add preloader with loading image in a gallery using jQuery
在图像画廊载入过程中使用 jQuery 预加载技术。演示 &#124; 教程
2. Simple Lava Lamp Menu Tutorial With jQuery
创建一个独特的熔岩灯动画效果的 jQuery 导航菜单。演示 &#124; 教程
3. How To Create a 3D Tag Cloud in jQuery
使用 jQuery 创建类似 Flash 形式的 3D 标签云。演示 &#124; 教程
4. [...]]]></description>
			<content:encoded><![CDATA[<p>在网络发展领域，由于 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 简单易学，易于使用和易于扩展的特点，因此正慢慢变得无处不在。以下是从一些 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 相关文章中整理出来的 30+ 新鲜与惊奇的 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 插件与教程。如果你正在寻找最新的 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 信息，这些内容值得一读。<br />
<span id="more-2474"></span><br />
<strong>教程</strong></p>
<p>1. <a href="http://hungred.com/2009/08/10/how-to/tutorial-how-to-add-preloader-loading-image-gallery-jquery/" target="_blank">How to add preloader with loading image in a gallery using jQuery</a><br />
在图像画廊载入过程中使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 预加载技术。<a href="http://hungred.com/wp-content/demo/jQuery-preloading-with-image/demo.html" target="_blank">演示</a> | <a href="http://hungred.com/2009/08/10/how-to/tutorial-how-to-add-preloader-loading-image-gallery-jquery/" target="_blank">教程</a></p>
<p>2. <a href="http://www.queness.com/post/530/simple-lava-lamp-menu-tutorial-with-jquery" target="_blank">Simple Lava Lamp Menu Tutorial With jQuery</a><br />
创建一个独特的熔岩灯动画效果的 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 导航菜单。<a href="http://www.queness.com/resources/html/lava/style.html" target="_blank">演示</a> | <a href="http://www.queness.com/post/530/simple-lava-lamp-menu-tutorial-with-jquery" target="_blank">教程</a></p>
<p>3. <a href="http://www.devirtuoso.com/2009/08/how-to-create-a-3d-tag-cloud-in-jquery/">How To Create a 3D Tag Cloud in jQuery</a><br />
使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 创建类似 Flash 形式的 3D 标签云。<a href="http://www.devirtuoso.com/Examples/3D-jQuery/" target="_blank">演示</a> | <a href="http://www.devirtuoso.com/2009/08/how-to-create-a-3d-tag-cloud-in-jquery/" target="_blank">教程</a></p>
<p>4. <a href="http://papermashup.com/drag-drop-with-php-jquery/" target="_blank">Drag &amp; Drop With jQuery</a><br />
Web 应用程序的拖放功能提供了丰富的用户界面，了解如何使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 来创建此种用户界面。<a href="http://papermashup.com/demos/jquery-drag-drop/" target="_blank">演示</a> | <a href="http://papermashup.com/drag-drop-with-php-jquery/" target="_blank">教程</a></p>
<p>5. <a href="http://aext.net/2009/08/kwicks-for-jquery-and-an-awesome-horizontal-animated-menu/" target="_blank">Awesome Horizontal Animated menu using Kwicks for jQuery</a><br />
使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> Kwicks 插件建立一个可定制的，灵活的横向动画菜单。<a href="http://aext.net/example/kwicksmenu/" target="_blank">演示</a> | <a href="http://aext.net/2009/08/kwicks-for-jquery-and-an-awesome-horizontal-animated-menu/" target="_blank">教程</a></p>
<p>6. <a href="http://www.queness.com/post/484/create-a-thumbnail-gallery-with-slick-heading-and-caption-effect-with-jquery" target="_blank">Create a Thumbnail Gallery With Slick Heading &amp; Caption effect</a><br />
使用光标题和字幕效果创建缩略图画廊。<a href="http://www.queness.com/resources/html/caption/index.html" target="_blank">演示</a> | <a href="http://www.queness.com/post/484/create-a-thumbnail-gallery-with-slick-heading-and-caption-effect-with-jquery" target="_blank">教程</a></p>
<p>7. <a href="http://www.queness.com/post/411/create-an-attractive-jquery-menu-with-fadein-and-fadeout-effect" target="_blank">Create an Attractive jQuery Menu with fade in and out effects</a><br />
创建一个有吸引力的 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 菜单，鼠标悬停时具有淡入背景效果。<a href="http://www.queness.com/resources/html/fadein/index.html" target="_blank">演示</a> | <a href="http://www.queness.com/post/411/create-an-attractive-jquery-menu-with-fadein-and-fadeout-effect" target="_blank">教程</a></p>
<p>8. <a href="http://papermashup.com/jquery-php-ajax-autosuggest/" target="_blank">jQuery PHP AJAX Autosuggest</a><br />
Autosuggest 是目前的 Web 应用程序中一个有用的功能。了解如何使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 和 PHP 来创建。<a href="http://papermashup.com/demos/autosuggest/" target="_blank">演示</a> | <a href="http://papermashup.com/jquery-php-ajax-autosuggest/" target="_blank">教程</a></p>
<p>9. <a href="http://aext.net/2009/08/perfect-login-dropdown-box-likes-twitter-with-jquery/" target="_blank">Perfect Login Drop Down Box Like Twitter</a><br />
使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 模仿 Twitter 新的下拉框效果。<a href="http://aext.net/example/twitterlogin/" target="_blank">演示</a> | <a href="http://aext.net/2009/08/perfect-login-dropdown-box-likes-twitter-with-jquery/" target="_blank">教程</a></p>
<p>10. <a href="http://buildinternet.com/2009/08/crafting-an-animated-postcard-with-jquery/" target="_blank">Crafting an Animated Postcard With jQuery</a><br />
仅使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 创建一个类 Flash 的明信片。<a href="http://buildinternet.com/live/postcard" target="_blank">演示</a> | <a href="http://buildinternet.com/2009/08/crafting-an-animated-postcard-with-jquery/" target="_blank">教程</a></p>
<p>11. <a href="http://9lessons.blogspot.com/2009/08/twitter-like-search-with-jquery-ajax.html" target="_blank">Twitter like Search With jQuery &amp; AJAX</a><br />
使用 Ajax 在同一页创建类似 Twitter 的搜索框加载结果。<a href="http://9lessons.net63.net/newsearch.php" target="_blank">演示</a> | <a href="http://9lessons.blogspot.com/2009/08/twitter-like-search-with-jquery-ajax.html" target="_blank">教程</a></p>
<p>12. <a href="http://9lessons.blogspot.com/2009/08/vote-with-jquery-ajax-and-php.html" target="_blank">Voting System With jQuery, AJAX, PHP</a><br />
学习如何创建类似 <a href="http://dzone.com/" target="_blank">dzone</a> 的投票系统。<a href="http://9lessons.net63.net/voting.php" target="_blank">演示</a> | <a href="http://9lessons.blogspot.com/2009/08/vote-with-jquery-ajax-and-php.html" target="_blank">教程</a></p>
<p>13. <a href="http://www.webresourcesdepot.com/ajaxed-sliding-shopping-cart-with-jquery/" target="_blank">AJAXed Sliding Shopping Cart Using jQuery</a><br />
创造一个 Ajax 滑动门效果的购物篮，当更新购物车项目时滑动，并在一段时间后自动隐藏。同时还支持手动显示隐藏选项，以便在任何时候查看购物车。<a href="http://webresourcesdepot.com/wp-content/uploads/file/jbasket/sliding-basket/" target="_blank">演示</a> | <a href="http://www.webresourcesdepot.com/ajaxed-sliding-shopping-cart-with-jquery/" target="_blank">教程</a></p>
<p>14. <a href="http://www.devirtuoso.com/2009/07/how-to-build-an-animated-header-in-jquery/" target="_blank">How To Build Animated Header in jQuery</a><br />
利用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 技术为网页标题添加令人轻叹的动画背景效果。<a href="http://www.devirtuoso.com/Examples/jQuery-Animated-Header/" target="_blank">演示</a> | <a href="http://www.devirtuoso.com/2009/07/how-to-build-an-animated-header-in-jquery/" target="_blank">教程</a></p>
<p>15. <a href="http://9lessons.blogspot.com/2009/07/hide-and-seek-with-jquery.html" target="_blank">Hide and Seek With jQuery</a><br />
使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 在单一页面上，显示基于事件行为的应用程序的多个模块。<a href="http://9lessons.net63.net/hidejquery.html" target="_blank">演示</a> | <a href="http://9lessons.blogspot.com/2009/07/hide-and-seek-with-jquery.html" target="_blank">教程</a></p>
<p>16. <a href="http://davidwalsh.name/jquery-comment-preview" target="_blank">jQuery Comment Preview</a><br />
通过使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 为用户提供实时评论预览功能。<a href="http://davidwalsh.name/dw-content/jquery-live-preview.php" target="_blank">演示</a> | <a href="http://davidwalsh.name/jquery-comment-preview" target="_blank">教程</a></p>
<p>17. <a href="http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/" target="_blank">Styling Drop Down Boxes With jQuery</a><br />
由于选择框很难使用 CSS 来定义样式，本教程将告诉你如何使用文本框和无须列表代替选取框，然后根据需要定义样式。<a href="http://www.devirtuoso.com/Examples/Styling-Dropdown/" target="_blank">演示</a> | <a href="http://www.devirtuoso.com/2009/08/styling-drop-down-boxes-with-jquery/" target="_blank">教程</a></p>
<p>18. <a href="http://webdeveloperplus.com/jquery/create-a-dynamic-scrolling-content-box-using-ajax/" target="_blank">Scrolling Dynamic Content Box</a><br />
使用 Ajax 将内容加载至滚动 DIV。就像谷歌阅读器中当你向下滚动时，会自动加载更多项目。<a href="http://demo.webdeveloperplus.com/dynamic-scrollbox/" target="_blank">演示</a> | <a href="http://webdeveloperplus.com/jquery/create-a-dynamic-scrolling-content-box-using-ajax/" target="_blank">教程</a></p>
<p>19. <a href="http://hungred.com/2009/08/04/useful-information/ways-debug-jquery-javascript-codes/" target="_blank">Ways To Debug your jQuery or JavaScript Code</a><br />
本文介绍了如何使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 控制台登录来轻松地调试 JavaScript 代码。<a href="http://hungred.com/2009/08/04/useful-information/ways-debug-jquery-javascript-codes/" target="_blank">教程</a></p>
<p>20. <a href="http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/" target="_blank">5 Ways To Make AJAX Calls with jQuery</a><br />
关于使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 技术以不同方式创建 Ajax 请求。甚至对那些已深度熟悉 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 并且用大量方法创建 Ajax 请求的开发者也很有帮助。<a href="http://nettuts.s3.amazonaws.com/412_ajaxCalls/DEMO/index.htm" target="_blank">演示</a> | <a href="http://net.tutsplus.com/tutorials/javascript-ajax/5-ways-to-make-ajax-calls-with-jquery/" target="_blank">教程</a></p>
<p><strong>插件</strong></p>
<p>1. <a href="http://onehackoranother.com/projects/jquery/tipsy/" target="_blank">Tipsy</a><br />
呈现 Facebook 风格的工具提示插件，基于定位标记的标题属性。<a href="http://onehackoranother.com/projects/jquery/tipsy/#examples" target="_blank">演示</a> | <a href="http://onehackoranother.com/projects/jquery/tipsy/" target="_blank">插件主页</a></p>
<p>2. <a href="http://www.geckonewmedia.com/blog/2009/8/14/jquery-youtube-playlist-plugin---youtubeplaylist" target="_blank">jQuery YouTube PlayList</a><br />
将 YouTube 链接列表转换为播放列表，让用户能够在网页本身浏览视频。<a href="http://geckohub.com/jquery/youtubeplaylist/" target="_blank">演示</a> | <a href="http://www.geckonewmedia.com/blog/2009/8/14/jquery-youtube-playlist-plugin---youtubeplaylist" target="_blank">插件主页</a></p>
<p>3. <a href="http://www.electrictoolbox.com/jquery-superfish-menus-plugin/" target="_blank">SuperFish Menus</a><br />
Superfish 菜单是一款易于使用的 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 插件，可以将无须 <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a> 列表转换成漂亮的下拉菜单。<a href="http://www.electrictoolbox.com/jquery-superfish-menus-plugin/" target="_blank">插件主页</a></p>
<p>4. <a href="http://www.unwrongest.com/projects/elastic/" target="_blank">Elastic</a><br />
Elastic 是一款轻量级的 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> 插件，可使 textareas 根据内容大小自动调整尺寸。<a href="http://www.unwrongest.com/projects/elastic/#demo" target="_blank">演示</a> | <a href="http://www.unwrongest.com/projects/elastic/" target="_blank">插件主页</a></p>
<p>5. <a href="http://azoffdesign.com/plugins/js/overscroll" target="_blank">OverScroll</a><br />
在网页上实施类似 iphone 的拖放滚动效果。<a href="http://azoffdesign.com/plugins/js/overscroll" target="_blank">插件主页</a></p>
<p>6. <a href="http://theodin.co.uk/blog/javascript/tweetable-jquery-plugin.html" target="_blank">Tweetable</a><br />
使用 Tweetable 轻松快捷地在网页上显示 Twitter Feed 源，可选择将 Twitter 用户名和 URL 地址转换为超级链接。<a href="http://theodin.co.uk/tools/tutorials/jqueryTutorial/plugins/tweetable/" target="_blank">演示</a> | <a href="http://theodin.co.uk/blog/javascript/tweetable-jquery-plugin.html" target="_blank">插件主页</a></p>
<p>7. <a href="http://davidwalsh.name/jquery-link-nudge" target="_blank">jQuery Link nudge</a><br />
使用 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a> Link Nudge 插件创建移动菜单栏，效果很漂亮。<a href="http://davidwalsh.name/dw-content/jquery-link-nudge-plugin.php" target="_blank">演示</a> | <a href="http://davidwalsh.name/jquery-link-nudge" target="_blank">插件主页</a></p>
<p>8. <a href="http://haineault.com/media/jquery/ui-timepickr/page/" target="_blank">TimePickr</a><br />
如果需要将用户系统时间作为表单输入，使用此插件可以提供丰富的用户界面，以便输入时间。<a href="http://haineault.com/media/jquery/ui-timepickr/page/" target="_blank">插件主页</a></p>
<p>9. <a href="http://theodin.co.uk/blog/development/truncatable-jquery-plugin.html" target="_blank">Truncatable</a><br />
Truncatable 允许你在网页中隐藏文本块，并在需要时显示。<a href="http://theodin.co.uk/tools/tutorials/jqueryTutorial/plugins/truncatable/" target="_blank">演示</a> | <a href="http://theodin.co.uk/blog/development/truncatable-jquery-plugin.html" target="_blank">插件主页</a></p>
<p>10. <a href="http://plugins.jquery.com/project/AddIncSearch" target="_blank">Incremental Search For Select Boxes</a><br />
此插件将普通的选择框转换成带有增量搜索的组合框，如果选择框有很多选项，这会非常有用。<a href="http://oss.oetiker.ch/jquery/jquery.AddIncSearch.html" target="_blank">演示</a> | <a href="http://plugins.jquery.com/project/AddIncSearch" target="_blank">插件主页</a></p>
<p>11. <a href="http://css-tricks.com/anythingslider-jquery-plugin/" target="_blank">Anything Slider</a><br />
Anything Slider 是一款功能齐全的滑动门插件，易于定制并适应你的网站。<a href="http://css-tricks.com/examples/AnythingSlider/" target="_blank">演示</a> | <a href="http://css-tricks.com/anythingslider-jquery-plugin/" target="_blank">插件主页</a></p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/01/26/2474/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/01/26/2474/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/01/26/2474/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/01/26/2474/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/01/26/2474/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/topics/ui/javascript/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/jquery/" title="JQuery" rel="tag nofollow">JQuery</a>, <a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/07/11/4460/" title="推荐8个独特应用的JQuery拖放插件 (2010年07月11日)">推荐8个独特应用的JQuery拖放插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/23/811/" title="FCBKcomplete v 2.02 (2009年04月23日)">FCBKcomplete v 2.02</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/01/1621/" title="6个jQuery图标插件的应用程序 (2009年06月1日)">6个jQuery图标插件的应用程序</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/08/4164/" title="50个表单功能，验证，安全和自定义化的jQuery插件 (2010年07月8日)">50个表单功能，验证，安全和自定义化的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/08/2812/" title="30个最好的jQuery表单插件 (2010年05月8日)">30个最好的jQuery表单插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/23/4691/" title="21个演示展示强大的jQuery特效 (2010年07月23日)">21个演示展示强大的jQuery特效</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/14/2913/" title="2010年4月：最佳的jQuery插件 (2010年05月14日)">2010年4月：最佳的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/07/4401/" title="10+个jQuery图片滚动插件介绍 (2010年07月7日)">10+个jQuery图片滚动插件介绍</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/26/3379/" title="10 个帮助你处理Web页面层布局的jQuery插件 (2010年05月26日)">10 个帮助你处理Web页面层布局的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/07/3765/" title="简单的JQuery聚光灯效果教程 (2010年06月7日)">简单的JQuery聚光灯效果教程</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2010/01/26/2474/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>淘宝开源编辑器 KISSY Editor</title>
		<link>http://www.iwanna.cn/archives/2009/10/28/2341/</link>
		<comments>http://www.iwanna.cn/archives/2009/10/28/2341/#comments</comments>
		<pubDate>Wed, 28 Oct 2009 14:20:46 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2341</guid>
		<description><![CDATA[

在 Web 编辑器领域，
CKEditor – 七年的专注，赢取的是王者风范。
TinyMCE – 五年前的小家碧玉，如今已成长为大家闺秀。
Google Docs – 简单与复杂的权衡，2/8 原则的遵守者。只把 20% 核心功能做好做妙，需要魄力。
YUI RTE – 如果爱上你是场梦境，醒来后叫我如何继续使用？
NicEditor – 爱唐装的摇摆，还是牛仔的风采？这是位别致的女孩，很难让人爱或不爱。
百度/QQ/163/白社会编辑器 – 各具特色。

淘宝用过一个很古老的编辑器（至今宝贝发布页面还在用）。去年年底，换用过 YUI 编辑器（让人爱恨交加）。今年，祭出了 FCKEditor. 从纯功能上讲，FCK 是王者。但在国内互联网环境下，FCK 的文件有点大。针对淘宝的应用，FCK 的可定制性和扩展性，也有一定限制。
于是有了今天发布的淘宝开源编辑器：KISSY Editor, 已在 淘帮派 上线试用。

KISSY Editor 刚诞生，目前仅有基本功能。紧接着的二期里，将进一步完善基础架构和插件体系，并提供 Undo/Redo, 插入Flash, 表格编辑和预置模板等功能。
KISSY Editor 是开源项目 KISSY UI Library 的一个组件。KISSY 目前基于 YUI 2.x 开发，目标是打造一系列小巧灵活、简洁实用、使用起来让人感觉愉悦的 UI 组件。目前已有 CSS 基础框架、搜索提示 Suggest 和今天发布的富文本编辑器等组件。如果你感兴趣，欢迎与我联系。
KISSY 是开源项目，基于 MIT 协议。无论是个人开发还是商业应用，都可以免费使用。
淘宝将会把更多的组件整理进 [...]]]></description>
			<content:encoded><![CDATA[<div>
<div>
<p>在 Web 编辑器领域，</p>
<p>CKEditor – 七年的专注，赢取的是王者风范。<br />
TinyMCE – 五年前的小家碧玉，如今已成长为大家闺秀。<br />
Google Docs – 简单与复杂的权衡，2/8 原则的遵守者。只把 20% 核心功能做好做妙，需要魄力。<br />
YUI RTE – 如果爱上你是场梦境，醒来后叫我如何继续使用？<br />
NicEditor – 爱唐装的摇摆，还是牛仔的风采？这是位别致的女孩，很难让人爱或不爱。<br />
百度/QQ/163/白社会编辑器 – 各具特色。</p>
<p><span id="more-2341"></span></p>
<p>淘宝用过一个很古老的编辑器（至今宝贝发布页面还在用）。去年年底，换用过 YUI 编辑器（让人爱恨交加）。今年，祭出了 FCKEditor. 从纯功能上讲，FCK 是王者。但在国内互联网环境下，FCK 的文件有点大。针对淘宝的应用，FCK 的可定制性和扩展性，也有一定限制。</p>
<p>于是有了今天发布的淘宝开源编辑器：<a href="http://kissy.googlecode.com/svn/trunk/src/editor/demo/basic.html">KISSY Editor</a>, 已在 <a href="http://bangpai.taobao.com/">淘帮派</a> 上线试用。<br />
<img src="http://kissy.googlecode.com/svn/trunk/assets/kissy.png" alt="kissy.png" /><br />
KISSY Editor 刚诞生，目前仅有基本功能。紧接着的二期里，将进一步完善基础架构和插件体系，并提供 Undo/Redo, 插入Flash, 表格编辑和预置模板等功能。</p>
<p>KISSY Editor 是开源项目 <a href="http://code.google.com/p/kissy/">KISSY UI Library</a> 的一个组件。KISSY 目前基于 YUI 2.x 开发，目标是打造一系列小巧灵活、简洁实用、使用起来让人感觉愉悦的 UI 组件。目前已有 CSS 基础框架、搜索提示 Suggest 和今天发布的富文本编辑器等组件。如果你感兴趣，欢迎与我联系。</p>
<p><strong>KISSY 是开源项目，基于 MIT 协议。无论是个人开发还是商业应用，都可以免费使用。</strong></p>
<p>淘宝将会把更多的组件整理进 KISSY 库中。<br />
我们的理念是：开源，才能卓越！<br />
我们相信，KISSY 库中有你所需，分享能带给你价值。<br />
同时，热心的你，任何一条简单的建议，<br />
都能让 KISSY 变得更好，让淘宝变得更好，让整个互联网变得更好！</p>
<p>开发编辑器，有如行驶在荒漠中，容易失去信念与坚持。<br />
需保有一道靓丽的红，有如此风景守候，前行才有力量。</p>
<p>对 KISSY 有任何建议，欢迎与我联系(lifesinger at gmail.com or follow lifesinger@twitter).<br />
对现有组件功能的建议和 bug, 欢迎提交到 <a href="http://code.google.com/p/kissy/issues/list">Issues List</a>.</div>
</div>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2009. |
<a href="http://www.iwanna.cn/archives/2009/10/28/2341/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2009/10/28/2341/#comments">11 条评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2009/10/28/2341/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2009/10/28/2341/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2009/10/28/2341/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2010/07/11/4460/" title="推荐8个独特应用的JQuery拖放插件 (2010年07月11日)">推荐8个独特应用的JQuery拖放插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/13/3113/" title="排名前7位的 Wordpress 404 插件 (2010年05月13日)">排名前7位的 Wordpress 404 插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3288/" title="如何给WordPress站点添加文章投递功能 (2010年05月22日)">如何给WordPress站点添加文章投递功能</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/22/3290/" title="Wordpress 插件 TDo mini form 的一些技巧 (2010年05月22日)">Wordpress 插件 TDo mini form 的一些技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/23/811/" title="FCBKcomplete v 2.02 (2009年04月23日)">FCBKcomplete v 2.02</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/04/18/2777/" title="6款WordPress聚合[RSS]采集插件 (2010年04月18日)">6款WordPress聚合[RSS]采集插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/03/16/2556/" title="6大必装Wordpress插件 (2010年03月16日)">6大必装Wordpress插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/01/1621/" title="6个jQuery图标插件的应用程序 (2009年06月1日)">6个jQuery图标插件的应用程序</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/07/08/4164/" title="50个表单功能，验证，安全和自定义化的jQuery插件 (2010年07月8日)">50个表单功能，验证，安全和自定义化的jQuery插件</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/04/21/736/" title="50个最好的wordpress插件 (2009年04月21日)">50个最好的wordpress插件</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2009/10/28/2341/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>15个优秀的第三方 Web 技术集成</title>
		<link>http://www.iwanna.cn/archives/2009/09/25/2272/</link>
		<comments>http://www.iwanna.cn/archives/2009/09/25/2272/#comments</comments>
		<pubDate>Fri, 25 Sep 2009 02:06:47 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=2272</guid>
		<description><![CDATA[在 Web 开发与设计中，事事亲历亲为并非好事，我们经常被告诫不要重复发明轮『子』（don&#8217;t reinvent the wheel），大而全式的开发不仅是巨大的负担，而且带来更多安全隐患，你毕竟不是所有技术的行家，业界有很多优秀的第三方技术可以借用或者集成，我们必 须承认，这些技术比我们自己所能设计的要好得多。本文介绍了15种可以集成到我们的 Web 站点的技术。 		1. RSS feeds
在站点中自己设计和管理 RSS 是个巨大的负担，尤其当订阅者的暴增的时候，同时，一些文章聚合站点，如 AllTop 以及 Technorati ，也会对你的 RSS 发起自动访问，总有一天你的服务器会不堪重负而熔掉，下面介绍的3个第三方方案可以帮你卸掉这份负担。

FeedBurner
FeedBurner 是一个功能齐全的 RSS 管理服务，它的众多工具可以帮助你很好地管理，分析你的 RSS Feed，被 Google 收购后，该服务曾有短暂的不稳定，不过现在已经完全恢复。

Feedity
Feedity 非常适合那些非 CMS 类站点，比如，那些纯粹的静态 HTML 站点。你只需输入你需要提供 RSS Feed 的站点的地址，Feedity 就会对该站点进行监控，一旦发现更新，就会向订阅者们推出 RSS 更新，除了自动监控，还可以手工控制该工具所选的 HTML 页面。

Page2RSS
Page2RSS 是一个简单的 Web 服务，可以监控指定网页的更新，你可以将这个服务集成到站点首页，以便让访问者知道你所作的更新，这里有一个实例可以参考。和专业的 RSS Feed 相比这个服务可能有些业余，但颇可以用来应急。

2. 站内搜索
站内搜索需要你的站点服务器提供大量的数据库查询操作，这是相当大的一个负担。很多著名搜索引擎提供第三方搜索 API，不仅让你的服务器减轻负担，而且他们的搜索算法显然比你的算法更优秀。
Google AJAX Search API
该 API 允许 Web 开发者使用 [...]]]></description>
			<content:encoded><![CDATA[<p>在 Web 开发与设计中，事事亲历亲为并非好事，我们经常被告诫不要重复发明轮『子』（don&#8217;t reinvent the wheel），大而全式的开发不仅是巨大的负担，而且带来更多安全隐患，你毕竟不是所有技术的行家，业界有很多优秀的第三方技术可以借用或者集成，我们必 须承认，这些技术比我们自己所能设计的要好得多。本文介绍了15种可以集成到我们的 Web 站点的技术。 		1. RSS feeds</p>
<p>在站点中自己设计和管理 RSS 是个巨大的负担，尤其当订阅者的暴增的时候，同时，一些文章聚合站点，如 <a href="http://alltop.com/">AllTop</a> 以及 <a href="http://technorati.com/">Technorati</a> ，也会对你的 RSS 发起自动访问，总有一天你的服务器会不堪重负而熔掉，下面介绍的3个第三方方案可以帮你卸掉这份负担。<br />
<span id="more-2272"></span><br />
<strong><a href="http://feedburner.google.com/">FeedBurner</a></strong></p>
<p>FeedBurner 是一个功能齐全的 RSS 管理服务，它的众多工具可以帮助你很好地管理，分析你的 RSS Feed，被 Google 收购后，该服务曾有短暂的不稳定，不过现在已经完全恢复。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-01_feedburner.png" alt="Website Features That You Can Easily Offload" width="550" height="300" /></p>
<p><strong><a href="http://feedity.com/builder.aspx">Feedity</a></strong></p>
<p>Feedity 非常适合那些非 CMS 类站点，比如，那些纯粹的静态 <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a> 站点。你只需输入你需要提供 RSS Feed 的站点的地址，Feedity 就会对该站点进行监控，一旦发现更新，就会向订阅者们推出 RSS 更新，除了自动监控，还可以手工控制该工具所选的 <a href="http://www.iwanna.cn/tags/html/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with HTML">HTML</a> 页面。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-02_feedity.png" alt="Feedity" width="550" height="300" /></p>
<p><strong><a href="http://page2rss.com/">Page2RSS</a></strong></p>
<p>Page2RSS 是一个简单的 Web 服务，可以监控指定网页的更新，你可以将这个服务集成到站点首页，以便让访问者知道你所作的更新，<a href="http://page2rss.com/rss/ff90821feeb2b02a33a6f9fc8e5f3fcd">这里有一个实例可以参考</a>。和专业的 RSS Feed 相比这个服务可能有些业余，但颇可以用来应急。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-03_page2rss.png" alt="Page2RSS" width="550" height="300" /><br />
2. 站内搜索<br />
站内搜索需要你的站点服务器提供大量的数据库查询操作，这是相当大的一个负担。很多著名搜索引擎提供第三方搜索 API，不仅让你的服务器减轻负担，而且他们的搜索算法显然比你的算法更优秀。</p>
<p><strong><a href="http://code.google.com/apis/ajaxsearch/">Google AJAX Search API</a></strong></p>
<p>该 API 允许 Web 开发者使用 Google 的数据设计融合式搜索应用，Google 还提供了一个向导工具，根据提示，你可以一步一步生成相应集成代码放你的站点。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-04_google_search_api.png" alt="Google AJAX Search API " width="550" height="300" /></p>
<p><strong><a href="http://developer.yahoo.com/search/boss/">Yahoo! Search BOSS</a></strong></p>
<p>和 Google 的搜索 API 类似，但该 API 在结果显示上可以更容易和你的站点集成，另外，和 Google 的结果不同， Yahoo BOSS 的搜索结果中不包含广告，<a href="http://wordpress.org/search/Theming?documentation=1">WordPress.org</a> 有一个关于该 API 的实例。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-05_yahoo_boss.png" alt="Yahoo! Search BOSS " width="550" height="300" /><br />
3. 托管 JavaScript 库<br />
在你自己的站点托管 JavaScript 库，如 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag nofollow" title="Posts tagged with JQuery">jQuery</a>, MooTools, Prototype 不仅对服务器带来管理上的负担，如版本管理问题，而且，由于很多站点使用第三方托管的 JavaScript 库，访问者的浏览器缓存中往往已经包含了这些第三方托管的 JavaScript 库的缓存，使用自己托管的 JavaScript 库将不必要地增加你的网页的反应时间。</p>
<p><strong><a href="http://code.google.com/apis/ajaxlibs/">Google AJAX Libraries API</a></strong></p>
<p>Google Ajax 库 API 可以在 Google 的 CDN 体系中提供多个著名 JavaScript 库的托管，意味着访问者可以就近访问到这些 JavaScript 库，非常显著地提升反应速度。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-06_google_ajax_libraries.png" alt="Google AJAX Libraries API" width="550" height="300" /><br />
4. Web 表单<br />
如果你需要在站点中提供表单功能，如联系与反馈表，可以考虑使用第三方集成方案，表单虽然是相对简单的技术，但要实现灵活的定制仍然需要大量的开发。第三方的表单服务在这方面更优秀，除了基本的发布和接收操作，他们往往还提供更专业的垃圾信息过滤，表单统计分析等功能。</p>
<p><strong><a href="http://wufoo.com/">Wufoo</a></strong></p>
<p>Wufoo 可以轻松实现第三方表单的设计和管理，根据不同的用量，他们提供从免费到数百美元的不同收费标准，免费版允许你集成3个表单，每个表单的栏目不超过10个，对多数站点来说，这已经足够了。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-07_wufoo.png" alt="Wufoo" width="550" height="300" /></p>
<p><strong><a href="http://www.formspring.com/">FormSpring</a></strong></p>
<p>这是一个功能强大而齐全的 Web 表单应用，免费版允许你集成3个表单，但每个表单每月使用次数只有10次。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-08_formspring.jpg" alt="FormSpring" width="550" height="300" /></p>
<p><strong><a href="http://www.formsite.com/">FormSite</a></strong></p>
<p>该免费服务允许你创建并集成3个表单，每个表单有50个栏，每月使用次数100次，另外，该表单服务还允许使用附件，他们提供50M免费空间。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-09_formsite.jpg" alt="FormSite" width="550" height="300" /></p>
<p><strong><a href="http://www.icebrrg.com/">Icebrrg</a></strong></p>
<p>使用该工具在站点中创建表单异常简单，免费版允许你创建3个表单，每月使用次数为100次。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-10_iceberg.png" alt="Icebrrg" width="550" height="300" /><br />
5. 投票调查<br />
下面的第三方投票与调查 Web 服务可以实现非常专业的投票与调查功能。</p>
<p><strong><a href="http://www.vizu.com/index.html">Vizu</a></strong></p>
<p>Vizu 是一个免费的投票 Web 服务，可以轻松集成到 WordPress， Blogger, Typepad 等著名 ＣＭＳ　或博客系统。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-11_vizu.png" alt="Vizu" width="550" height="300" /></p>
<p><strong><a href="http://www.polldaddy.com/">PollDaddy</a></strong></p>
<p>可能是全球最优秀的投票与调查 Web 服务提供商，可以在你的站点使用投票和调查功能，它的设计界面是我用过的最好用的 Web 界面，直接拖放按钮或对象即可。针对不同用量，他们有不同<a href="http://www.polldaddy.com/signup/">服务价格</a>，不过对多数站点来说，免费版的已经足够用。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-12_polldaddy.png" alt="PollDaddy" width="550" height="300" /></p>
<p><strong><a href="http://www.surveymonkey.com/">SurveyMonkey.com</a></strong></p>
<p>这是一个非常受欢迎的 Web 调查服务，管理界面很好用，提供了众多选项设计你的调查问卷，著名站点 <a href="http://digg.com/">Digg</a> 使用的就是该服务。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-13_surveymonkey.png" alt="SurveyMonkey.com" width="550" height="300" /></p>
<p>6. Captcha 技术<br />
Captcha 技术可以很好地拦截 Web 表单发布中的垃圾信息，但自己设计 Captcha 功能却很不易，不仅要有适当的算法，服务器还要管理 Captcha 图像，以下几个 Captcha 服务可以集成到你的站点。</p>
<p><strong><a href="http://recaptcha.net/">reCAPTCHA</a></strong></p>
<p>reCaptcha 是一个免费服务，它还有一个使命，就是借助全球用户的参与，帮助识别那些 OCR 技术不太容易识别的旧书，旧报纸。reCaptcha 会从那些扫描的文档中抽取几个单词，用户做 Captcha 测试的同时，也在帮助对旧书刊进行数字化。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-14_recaptcha.png" alt="reCAPTCHA" width="550" height="300" /></p>
<p><strong><a href="http://captchas.net/">captchas.net</a></strong></p>
<p>该服务是免费的，甚至可以用于商业用户，只要你的服务器支持 PHP, ASP, Perl, Python, JSP, 以及 Ruby on Rails，就可以在你的站点集成该技术。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-15_capchas_dot_net.png" alt="captchas.net" width="550" height="300" /></p>
<p><strong><a href="http://opencaptcha.com/">OpenCaptcha</a></strong></p>
<p>该技术只需要三步，即可轻松在你的站点实现 Captcha。</p>
<p><img style="border: 1px solid black;" src="http://images.sixrevisions.com/2009/09/28-16_opencaptcha.png" alt="OpenCaptcha" width="550" height="300" /></p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2009. |
<a href="http://www.iwanna.cn/archives/2009/09/25/2272/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2009/09/25/2272/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2009/09/25/2272/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2009/09/25/2272/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2009/09/25/2272/">抓虾</a>
<hr />
</p>
	标签：<a href="http://www.iwanna.cn/tags/plugin/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/develope/plugin-develope/" title="Plugin" rel="tag nofollow">Plugin</a>, <a href="http://www.iwanna.cn/topics/surf/website/" title="Website" rel="tag nofollow">Website</a>, <a href="http://www.iwanna.cn/tags/website/" title="Website" rel="tag nofollow">Website</a><br />

	<h2 class="related_post">您可能会感兴趣的其他文章</h2>
	<ul class="st-related-posts">
	<li><a href="http://www.iwanna.cn/archives/2009/09/18/2254/" title="高效互联网营销的18种技巧 (2009年09月18日)">高效互联网营销的18种技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/06/29/4248/" title="雅虎发布网站性能监测工具：从用户角度衡量 (2010年06月29日)">雅虎发布网站性能监测工具：从用户角度衡量</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/27/3401/" title="陈光锋[访谈]：地方新站如何做运营推广 (2010年05月27日)">陈光锋[访谈]：地方新站如何做运营推广</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/12/04/2406/" title="轻设计，让网站灵敏轻便的6个技巧 (2009年12月4日)">轻设计，让网站灵敏轻便的6个技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/12/18/2432/" title="轻设计，让网站灵敏轻便的6个技巧 (2009年12月18日)">轻设计，让网站灵敏轻便的6个技巧</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/10/15/2314/" title="读写网：即时网络公司100强 (2009年10月15日)">读写网：即时网络公司100强</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/06/02/1654/" title="设计项目开始前必须了解客户的9件事 (2009年06月2日)">设计项目开始前必须了解客户的9件事</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2009/08/16/2136/" title="记账网站Mint.Com获得1400万美元投资 (2009年08月16日)">记账网站Mint.Com获得1400万美元投资</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/01/07/2448/" title="让网站“社会化”的5点建议(SNS) (2010年01月7日)">让网站“社会化”的5点建议(SNS)</a> </li>
	<li><a href="http://www.iwanna.cn/archives/2010/05/09/2995/" title="言论：微博营销与博客营销的本质区别 (2010年05月9日)">言论：微博营销与博客营销的本质区别</a> </li>
</ul>


<p><small>Feed enhanced by <a href='http://planetozh.com/blog/my-projects/wordpress-plugin-better-feed-rss/'>Better Feed</a> from  <a href='http://planetozh.com/blog/'>Ozh</a></small></p>
]]></content:encoded>
			<wfw:commentRss>http://www.iwanna.cn/archives/2009/09/25/2272/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
