<?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>Mon, 26 Dec 2011 05:46:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>10个给力的jQuery图片插件</title>
		<link>http://www.iwanna.cn/archives/2011/02/06/6278/</link>
		<comments>http://www.iwanna.cn/archives/2011/02/06/6278/#comments</comments>
		<pubDate>Sun, 06 Feb 2011 14:06:06 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=6278</guid>
		<description><![CDATA[jQuery越来越流行，也就越来越多的开发者制作各种各样的jQuery插件。它们当中的一些非常的酷，例如之前介绍的“2010年最佳jQuery插件”和现在有介绍的10个给力的jQuery图片插件： 如果你也想让你的博客上的图片让人眼前一亮，不妨试试WDL博客推荐的10个jQuery图片插件。 Slides Slides是一个灰常简单的幻灯片 jQuery插件。包括的功能有循环，自动播放，渐变和幻灯片过渡效果包括淡出淡入，图像预装载和自动生成分页等。 Face Detection Face Detection，插件如其名，它检测照片中的人脸，就像照相机那样自动对焦。 AviaSlider AviaSlider这个 jQuery 幻灯片插件最大的亮点在于它的过渡效果，神马过渡效果，自个儿去看不就知道了。 Fullscreenr 想自己的网站用一张大图作背景，而且长宽比例不变？而且必须在中间的位置，而不只是指图像的左上角部分？那么Fullscreenr插件做到了。 Slidy jQuery Slidy 是一个可自动生成并可定制的幻灯片转换插件。 MobilyNotes MobilyNotes是一个轻量级的jQuery插件（只有2KB），可以堆叠的形式显示你的图片集或者HTML内容集。 jQuery Easy Slides Easy Slides是一个非常容易上手的幻灯片制作插件。它还有轻量级的优势，加上 Javascript和CSS才不超过2.1KB。 Booklet 想你的图片幻灯片转换效果像翻转一本书那样？Booklet这个 jQuery插件是你不二的选择。 MobilySelect MobilySelect又一轻量型 jQuery插件（仅2KB）。可以实现两种图片分类选择特效，个人觉得这个插件很不错。 Pikachoose Pikachoose是一个轻量级的jQuery插件，轻松实现图片集的幻灯片演示，还有图片导航和自动播放选项设置。 赶着去喝喜酒，草草翻译，质量欠佳，况且英文水平本来有限，望见谅。实在不行，请观摩原文或者直接去体验插件演示demo。（注：这是一篇预发布文章） MobilySelect又一轻量型 jQuery插件（仅2KB）。可以实现两种图片分类选择特效，个人觉得这个插件很不错。 © 我想网 Akon 所有 , 2011. &#124; 永久链接 &#124; 没有评论 &#124; 提交到 Google Reader 鲜果 抓虾 Feed [...]]]></description>
			<content:encoded><![CDATA[<p>jQuery越来越流行，也就越来越多的开发者制作各种各样的jQuery插件。它们当中的一些非常的酷，例如之前介绍的“<a href="http://www.iwanna.cn/archives/2011/02/06/6283/" target="_blank" title="2010年最佳jQuery插件">2010年最佳jQuery插件</a>”和现在有介绍的<a href="http://www.iwanna.cn/archives/2011/02/06/6278/" title="10个给力的jQuery图片插件">10个给力的jQuery图片插件</a>：</p>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_9.jpg"><img title="jquery_image_9" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_9.jpg" alt="jquery image 9 " width="480" height="260" /></a></p>
<p>如果你也想让你的博客上的图片让人眼前一亮，不妨试试WDL博客推荐的10个jQuery图片插件。<br />
<span id="more-6278"></span></p>
<h3><a href="http://www.slidesjs.com/" target="_blank">Slides</a></h3>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_1.jpg"><img title="jquery_image_1" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_1.jpg" alt="jquery image 1 " width="480" height="259" /></a></p>
<p>Slides是一个灰常简单的幻灯片 <a href="http://www.iwanna.cn/tags/jquery%e6%8f%92%e4%bb%b6/" class="st_tag internal_tag" rel="tag" title="标签 JQuery插件 下的日志">jQuery插件</a>。包括的功能有循环，自动播放，渐变和幻灯片过渡效果包括淡出淡入，图像预装载和自动生成分页等。</p>
<h3><a href="http://facedetection.jaysalvat.com/" target="_blank">Face Detection</a></h3>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_2.jpg"><img title="jquery_image_2" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_2.jpg" alt="jquery image 2 " width="480" height="319" /></a></p>
<p>Face Detection，插件如其名，它检测照片中的人脸，就像照相机那样自动对焦。</p>
<h3><a href="http://aviathemes.com/aviaslider/" target="_blank">AviaSlider</a></h3>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_3.jpg"><img title="jquery_image_3" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_3.jpg" alt="jquery image 3 " width="480" height="277" /></a></p>
<p>AviaSlider这个 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag" title="标签 JQuery 下的日志">jQuery</a> 幻灯片插件最大的亮点在于它的过渡效果，神马过渡效果，自个儿去看不就知道了。</p>
<h3><a href="http://nanotux.com/blog/fullscreen/" target="_blank">Fullscreenr</a></h3>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_4.jpg"><img title="jquery_image_4" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_4.jpg" alt="jquery image 4 " width="480" height="388" /></a></p>
<p>想自己的网站用一张大图作背景，而且长宽比例不变？而且必须在中间的位置，而不只是指图像的左上角部分？那么Fullscreenr插件做到了。</p>
<h3><a href="http://www.wbotelhos.com/slidy/" target="_blank">Slidy</a></h3>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_5.jpg"><img title="jquery_image_5" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_5.jpg" alt="jquery image 5 " width="480" height="218" /></a></p>
<p>jQuery Slidy 是一个可自动生成并可定制的幻灯片转换插件。</p>
<h3><a href="http://playground.mobily.pl/jquery/mobily-notes.html" target="_blank">MobilyNotes</a></h3>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_6.jpg"><img title="jquery_image_6" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_6.jpg" alt="jquery image 6 " width="480" height="245" /></a></p>
<p>MobilyNotes是一个轻量级的jQuery插件（只有2KB），可以堆叠的形式显示你的图片集或者HTML内容集。</p>
<h3><a href="http://dev.daledavies.co.uk/easyslides/" target="_blank">jQuery Easy Slides</a></h3>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_7.jpg"><img title="jquery_image_7" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_7.jpg" alt="jquery image 7 " width="480" height="320" /></a></p>
<p>Easy Slides是一个非常容易上手的幻灯片制作插件。它还有轻量级的优势，加上 Javascript和CSS才不超过2.1KB。</p>
<h3><a href="http://builtbywill.com/code/booklet/" target="_blank">Booklet</a></h3>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_8.jpg"><img title="jquery_image_8" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_8.jpg" alt="jquery image 8 " width="480" height="336" /></a></p>
<p>想你的图片幻灯片转换效果像翻转一本书那样？Booklet这个 jQuery插件是你不二的选择。</p>
<h3><a href="http://playground.mobily.pl/jquery/mobily-select.html" target="_blank">MobilySelect</a></h3>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_9.jpg"><img title="jquery_image_9" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_9.jpg" alt="jquery image 9 " width="480" height="260" /></a></p>
<div id="_mcePaste">MobilySelect又一轻量型 jQuery插件（仅2KB）。可以实现两种图片分类选择特效，个人觉得这个插件很不错。</div>
<h3><a href="http://pikachoose.com/demo/" target="_blank">Pikachoose</a></h3>
<p><a href="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_10.jpg"><img title="jquery_image_10" src="http://images.uheed.com/iwanna/2011/02/06/jquery-plugins/jquery_image_10.jpg" alt="jquery image 10 " width="480" height="361" /></a></p>
<p>Pikachoose是一个轻量级的jQuery插件，轻松实现图片集的幻灯片演示，还有图片导航和自动播放选项设置。</p>
<p>赶着去喝喜酒，草草翻译，质量欠佳，况且英文水平本来有限，望见谅。实在不行，请观摩原文或者直接去体验插件演示demo。（注：这是一篇预发布文章）</p>
<p>MobilySelect又一轻量型 jQuery插件（仅2KB）。可以实现两种图片分类选择特效，个人觉得这个插件很不错。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2011. |
<a href="http://www.iwanna.cn/archives/2011/02/06/6278/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2011/02/06/6278/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2011/02/06/6278/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2011/02/06/6278/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2011/02/06/6278/">抓虾</a>
<hr />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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/2011/02/06/6278/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2010年最佳jQuery插件</title>
		<link>http://www.iwanna.cn/archives/2011/02/06/6283/</link>
		<comments>http://www.iwanna.cn/archives/2011/02/06/6283/#comments</comments>
		<pubDate>Sun, 06 Feb 2011 14:05:22 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=6283</guid>
		<description><![CDATA[在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以 选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。 2010年最佳jQuery插件（排名不分先后）： Nivo Slider 一个加载设置拥有9种过度效果的超级smooth slider，它还支持如链接图像和键盘导航等内容。 Quicksand 通过一个非常不错的洗牌动画实现选项内容重新排序，只需要指定源容器和替换源的目标collection 。新元素将会以奇特缩放+阿尔法效果出现，消失的元素(non-existant in destination collection)平滑地消失或重新排位，移动到它们的目标位置。 Spritely Spritely 是一个由Artlogic开发的 jQuery插件，用于使用纯HTML和JavaScript创建动态物体和背景动画。 Lettering.js Lettering.js是一个轻量经的、易于使用的 jQuery插件，可创造出极具个性的网页排版。 Colortip Colortip可转换你的页面元素的标题属性为一系列色彩丰富的提示（当你的鼠标移动到不同的标题上会出现不同颜色的字体文本提示）。支持六种色彩主题，这样你可更加容易融合到你的个人网页中去。 Masonry Masonry是一个 jQuery布局插件. 你可以将它看作CSS floats的另一面。浮动元素的排列是先水平后垂直，Masonry排列内容是根据一个网格先垂直后水平的。 gvChart gvChart是一个使用Google Charts了的jQuery插件，可通过HTML table tag的数据实现交互可视化。它非常容易上手，此外它支持创建五种风格的图标。 Animated table sort 这是一个用于创建表格的jQuery插件，所创建的表格可以根据不同的列项目进行A-Z，升序排列，切换效果非常不错。 jQuery Image Scale Carousel 网站图片保持完整的纵横比比什么都重要。这个jQuery插件可以完美地在slider展示你所有的图片，而不需担心产生变形。 jQuery Image Scale Carousel插件自动改变你所有图片到适合大小，一切都是那么的简单。 YoxView YoxView是一个免费的多媒体播放jQuery插件。它易于使用，功能丰富。你可以用它来展示各种媒体，如图像，视频，内嵌的内容，iframes，Flash等等。 © 我想网 Akon 所有 [...]]]></description>
			<content:encoded><![CDATA[<p>在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以 选择心头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of  the best。</p>
<p><img title="best-jquery-plugins-of-2010" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/best-jquery-plugins-of-2010.jpg" alt="2010年最佳jQuery插件 " width="450" height="200" /></p>
<p>2010年最佳jQuery插件（排名不分先后）：</p>
<h3><a href="http://nivo.dev7studios.com/" target="_blank">Nivo Slider</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Nivo-Slider" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/Best-jQuery-Plugins-of-2010-Nivo-Slider.jpg" alt="2010年最佳jQuery插件 Nivo Slider " width="480" height="236" /><br />
<span id="more-6283"></span><br />
一个加载设置拥有9种过度效果的超级smooth slider，它还支持如链接图像和键盘导航等内容。</p>
<h3><a href="http://razorjack.net/quicksand/" target="_blank">Quicksand</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Quicksand" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/Best-jQuery-Plugins-of-2010-Quicksand.jpg" alt="2010年最佳jQuery插件 Quicksand " width="480" height="293" /></p>
<p>通过一个非常不错的洗牌动画实现选项内容重新排序，只需要指定源容器和替换源的目标collection  。新元素将会以奇特缩放+阿尔法效果出现，消失的元素(non-existant in destination  collection)平滑地消失或重新排位，移动到它们的目标位置。</p>
<h3><a href="http://spritely.net/" target="_blank">Spritely</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Spritely" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/Best-jQuery-Plugins-of-2010-Spritely.jpg" alt="2010年最佳jQuery插件 Spritely " width="480" height="257" /></p>
<p>Spritely 是一个由Artlogic开发的 <a href="http://www.iwanna.cn/tags/jquery%e6%8f%92%e4%bb%b6/" class="st_tag internal_tag" rel="tag" title="标签 JQuery插件 下的日志">jQuery插件</a>，用于使用纯HTML和JavaScript创建动态物体和背景动画。</p>
<h3><a href="http://daverupert.com/2010/09/lettering-js/" target="_blank">Lettering.js</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Lettering.js" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/Best-jQuery-Plugins-of-2010-Lettering.js.jpg" alt="2010年最佳jQuery插件 Lettering.js " width="480" height="213" /></p>
<p>Lettering.js是一个轻量经的、易于使用的 jQuery插件，可创造出极具个性的网页排版。</p>
<h3><a href="http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/" target="_blank">Colortip</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Colortip" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/Best-jQuery-Plugins-of-2010-Colortip.jpg" alt="2010年最佳jQuery插件 Colortip " width="480" height="260" /></p>
<p>Colortip可转换你的页面元素的标题属性为一系列色彩丰富的提示（当你的鼠标移动到不同的标题上会出现不同颜色的字体文本提示）。支持六种色彩主题，这样你可更加容易融合到你的个人网页中去。</p>
<h3><a href="http://desandro.com/resources/jquery-masonry/" target="_blank">Masonry</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Masonry" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/Best-jQuery-Plugins-of-2010-Masonry.jpg" alt="2010年最佳jQuery插件 Masonry " width="480" height="322" /></p>
<p>Masonry是一个 jQuery布局插件. 你可以将它看作CSS floats的另一面。浮动元素的排列是先水平后垂直，Masonry排列内容是根据一个网格先垂直后水平的。</p>
<h3><a href="http://www.ivellios.toron.pl/technikalia/2010/06/22/gvchart-plugin-jquery-with-google-charts/" target="_blank">gvChart</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-gvChart" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/Best-jQuery-Plugins-of-2010-gvChart.jpg" alt="2010年最佳jQuery插件 gvChart " width="480" height="204" /></p>
<p>gvChart是一个使用Google Charts了的jQuery插件，可通过HTML table tag的数据实现交互可视化。它非常容易上手，此外它支持创建五种风格的图标。</p>
<h3><a href="http://www.mitya.co.uk/scripts/Animated-table-sort-REGEXP-friendly-111" target="_blank">Animated table sort</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Animated-table-sort" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/Best-jQuery-Plugins-of-2010-Animated-table-sort.jpg" alt="2010年最佳jQuery插件 Animated table sort " width="454" height="260" /></p>
<p>这是一个用于创建表格的jQuery插件，所创建的表格可以根据不同的列项目进行A-Z，升序排列，切换效果非常不错。</p>
<h3><a href="http://johnpatrickgiven.com/jquery/Image-Scale-Carousel/" target="_blank">jQuery Image Scale Carousel</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-jQuery-Image-Scale-Carousel" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/Best-jQuery-Plugins-of-2010-jQuery-Image-Scale-Carousel.jpg" alt="2010年最佳jQuery插件 jQuery Image Scale Carousel " width="480" height="292" /></p>
<p>网站图片保持完整的纵横比比什么都重要。这个jQuery插件可以完美地在slider展示你所有的图片，而不需担心产生变形。 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag" title="标签 JQuery 下的日志">jQuery</a> Image Scale Carousel插件自动改变你所有图片到适合大小，一切都是那么的简单。</p>
<h3><a href="http://www.yoxigen.com/yoxview/" target="_blank">YoxView</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-YoxView" src="http://images.uheed.com/iwanna/2011/02/06/best-jquery-plugin-2010/Best-jQuery-Plugins-of-2010-YoxView.jpg" alt="2010年最佳jQuery插件 YoxView " width="480" height="247" /></p>
<p>YoxView是一个免费的多媒体播放jQuery插件。它易于使用，功能丰富。你可以用它来展示各种媒体，如图像，视频，内嵌的内容，iframes，Flash等等。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2011. |
<a href="http://www.iwanna.cn/archives/2011/02/06/6283/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2011/02/06/6283/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2011/02/06/6283/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2011/02/06/6283/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2011/02/06/6283/">抓虾</a>
<hr />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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/2011/02/06/6283/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>2010年最佳jQuery插件</title>
		<link>http://www.iwanna.cn/archives/2010/12/05/6055/</link>
		<comments>http://www.iwanna.cn/archives/2010/12/05/6055/#comments</comments>
		<pubDate>Sun, 05 Dec 2010 14:19:10 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=6055</guid>
		<description><![CDATA[在前两周国外知名博客WDL先后分享了“2010最佳系列”中的“最佳免费 WordPress主题”和“最佳免费字体”，在这个 星期又发布了2010年最佳jQuery插件。在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以选择心 头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of the best。 2010年最佳jQuery插件（排名不分先后）： Nivo Slider 一个加载设置拥有9种过度效果的超级smooth slider，它还支持如链接图像和键盘导航等内容。 Quicksand 通过一个非常不错的洗牌动画实现选项内容重新排序，只需要指定源容器和替换源的目标collection 。新元素将会以奇特缩放+阿尔法效果出现，消失的元素(non-existant in destination collection)平滑地消失或重新排位，移动到它们的目标位置。 Spritely Spritely 是一个由Artlogic开发的 jQuery插件，用于使用纯HTML和JavaScript创建动态物体和背景动画。 Lettering.js Lettering.js是一个轻量经的、易于使用的 jQuery插件，可创造出极具个性的网页排版。 Colortip Colortip可转换你的页面元素的标题属性为一系列色彩丰富的提示（当你的鼠标移动到不同的标题上会出现不同颜色的字体文本提示）。支持六种色彩主题，这样你可更加容易融合到你的个人网页中去。 Masonry Masonry是一个 jQuery布局插件. 你可以将它看作CSS floats的另一面。浮动元素的排列是先水平后垂直，Masonry排列内容是根据一个网格先垂直后水平的。 gvChart gvChart是一个使用Google Charts了的jQuery插件，可通过HTML table tag的数据实现交互可视化。它非常容易上手，此外它支持创建五种风格的图标。 Animated table sort 这是一个用于创建表格的jQuery插件，所创建的表格可以根据不同的列项目进行A-Z，升序排列，切换效果非常不错。 jQuery Image Scale Carousel 网站图片保持完整的纵横比比什么都重要。这个jQuery插件可以完美地在slider展示你所有的图片，而不需担心产生变形。 jQuery Image Scale Carousel插件自动改变你所有图片到适合大小，一切都是那么的简单。 YoxView YoxView是一个免费的多媒体播放jQuery插件。它易于使用，功能丰富。你可以用它来展示各种媒体，如图像，视频，内嵌的内容，iframes，Flash等等。 © 我想网 [...]]]></description>
			<content:encoded><![CDATA[<p>在前两周国外知名博客WDL先后分享了“2010最佳系列”中的“<a href="http://www.x-berry.com/best-free-wordpress-themes-of-2010">最佳免费 WordPress主题</a>”和“<a href="http://www.x-berry.com/best-english-fonts-in-2010">最佳免费字体</a>”，在这个 星期又发布了2010年最佳jQuery插件。在2010年，JavaScript框架继续日渐普及，这使得大量的插件被开发出来。满目琳琅，难以选择心 头之好。WDL的作者从大量的优秀jQuery插件精心筛选出一些对Web Designers有帮助的和具备非常不错的视觉效果的Best of  the best。</p>
<p><img title="best-jquery-plugins-of-2010" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/11405402062353432.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="450" height="200" /></p>
<p>2010年最佳jQuery插件（排名不分先后）：</p>
<h3><a href="http://nivo.dev7studios.com/" target="_blank">Nivo Slider</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Nivo-Slider" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/11405412111484591.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="480" height="236" /></p>
<p>一个加载设置拥有9种过度效果的超级smooth slider，它还支持如链接图像和键盘导航等内容。<br />
<span id="more-6055"></span></p>
<h3><a href="http://razorjack.net/quicksand/" target="_blank">Quicksand</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Quicksand" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/1140542353351013.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="480" height="293" /></p>
<p>通过一个非常不错的洗牌动画实现选项内容重新排序，只需要指定源容器和替换源的目标collection   。新元素将会以奇特缩放+阿尔法效果出现，消失的元素(non-existant in destination   collection)平滑地消失或重新排位，移动到它们的目标位置。</p>
<h3><a href="http://spritely.net/" target="_blank">Spritely</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Spritely" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/11405532065954676.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="480" height="257" /></p>
<p>Spritely 是一个由Artlogic开发的 <a href="http://www.iwanna.cn/tags/jquery%e6%8f%92%e4%bb%b6/" class="st_tag internal_tag" rel="tag" title="标签 JQuery插件 下的日志">jQuery插件</a>，用于使用纯HTML和JavaScript创建动态物体和背景动画。</p>
<h3><a href="http://daverupert.com/2010/09/lettering-js/" target="_blank">Lettering.js</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Lettering.js" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/11405541013700072.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="480" height="213" /></p>
<p>Lettering.js是一个轻量经的、易于使用的 jQuery插件，可创造出极具个性的网页排版。</p>
<h3><a href="http://tutorialzine.com/2010/07/colortips-jquery-tooltip-plugin/" target="_blank">Colortip</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Colortip" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/11405551875157464.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="480" height="260" /></p>
<p>Colortip可转换你的页面元素的标题属性为一系列色彩丰富的提示（当你的鼠标移动到不同的标题上会出现不同颜色的字体文本提示）。支持六种色彩主题，这样你可更加容易融合到你的个人网页中去。</p>
<h3><a href="http://desandro.com/resources/jquery-masonry/" target="_blank">Masonry</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Masonry" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/11405562107186400.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="480" height="322" /></p>
<p>Masonry是一个 jQuery布局插件. 你可以将它看作CSS  floats的另一面。浮动元素的排列是先水平后垂直，Masonry排列内容是根据一个网格先垂直后水平的。</p>
<h3><a href="http://www.ivellios.toron.pl/technikalia/2010/06/22/gvchart-plugin-jquery-with-google-charts/" target="_blank">gvChart</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-gvChart" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/1140557987485006.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="480" height="204" /></p>
<p>gvChart是一个使用Google Charts了的jQuery插件，可通过HTML table  tag的数据实现交互可视化。它非常容易上手，此外它支持创建五种风格的图标。</p>
<h3><a href="http://www.mitya.co.uk/scripts/Animated-table-sort-REGEXP-friendly-111" target="_blank">Animated table sort</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-Animated-table-sort" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/1140558840421602.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="454" height="260" /></p>
<p>这是一个用于创建表格的jQuery插件，所创建的表格可以根据不同的列项目进行A-Z，升序排列，切换效果非常不错。</p>
<h3><a href="http://johnpatrickgiven.com/jquery/Image-Scale-Carousel/" target="_blank">jQuery Image Scale Carousel</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-jQuery-Image-Scale-Carousel" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/1140559359133979.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="480" height="292" /></p>
<p>网站图片保持完整的纵横比比什么都重要。这个jQuery插件可以完美地在slider展示你所有的图片，而不需担心产生变形。 <a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag" title="标签 JQuery 下的日志">jQuery</a>  Image Scale Carousel插件自动改变你所有图片到适合大小，一切都是那么的简单。</p>
<h3><a href="http://www.yoxigen.com/yoxview/" target="_blank">YoxView</a></h3>
<p><img title="Best-jQuery-Plugins-of-2010-YoxView" src="http://images.uheed.com/iwanna/2010/12/05/jquery-plugins/114056101224275730.jpg" alt="2010年最佳jQuery插件 | iwanna.cn 我想网" width="480" height="247" /></p>
<p>YoxView是一个免费的多媒体播放jQuery插件。它易于使用，功能丰富。你可以用它来展示各种媒体，如图像，视频，内嵌的内容，iframes，Flash等等。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/12/05/6055/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/12/05/6055/#comments">1条评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/12/05/6055/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/12/05/6055/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/12/05/6055/">抓虾</a>
<hr />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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/12/05/6055/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>来自五六折的淘宝折扣实时查询 Chrome 扩展</title>
		<link>http://www.iwanna.cn/archives/2010/11/14/5779/</link>
		<comments>http://www.iwanna.cn/archives/2010/11/14/5779/#comments</comments>
		<pubDate>Sun, 14 Nov 2010 07:52:51 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Browser]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Chrome]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=5779</guid>
		<description><![CDATA[前几天我们报道了五七折的淘宝购物 Chrome 扩展，很多用户在留言中说五七折是抄袭五六折的网站，至于事情真相我完全没有 概念，不过今天五六折也出 Chrome 扩展了，大家可以自由选择了。 PS：有知情人士透露说，五七折的网站是抄袭五六折的，而五六折这个 Chrome 扩展又是抄袭五七折的，真是混乱啊。。。无责任转评，本人不对其真实性负责。 本插件为五六折官方正式版。 【打折原理】 淘宝网商家为了加大商品的销售渠道，建立了一种付费推广机制，在收入中专门预留了一部分给推广者。 五六折网实际上就是让各位买家自己推广自己购买，这样某些商家就会给推广者（也就是您自己）一些推广回报。 这就是隐藏折扣的来源。 【打折步骤】 Step1： 点击商品或店铺页面下方的“生成折扣链接”，输入返现用户名后，再以原价购买商品。 Step2： 收到商品后，确认收货，支付宝放款给商家。 Step3： 第二天早上9点之后，您可以用您的淘宝ID直接登录www.alimama.com查看打折返现。 【咨询与支持】 帮助文档：http://56zhe.com/help.html 新浪微博：http://t.sina.com.cn/zhaonvyou 【媒体报道】 腾讯科技 http://tech.qq.com/a/20100914/000178.htm 网易科技 http://tech.163.com/10/1008/10/6IFE52BK000938EN.html ShowWeb2.0 http://www.showeb20.com/?p=2969 电脑报 http://t.sina.com.cn/1804573342/Bh0sQ6ddZY 点击这里进入扩展中心下载五六折淘宝折扣查询。 © 我想网 Akon 所有 , 2010. &#124; 永久链接 &#124; 没有评论 &#124; 提交到 Google Reader 鲜果 抓虾 Feed enhanced by Better Feed [...]]]></description>
			<content:encoded><![CDATA[<p><img title="56zhe_chrome_extension" src="http://images.uheed.com/iwanna/2010/11/14/56zhe_chrome_extension.jpg" border="0" alt="来自五六折的淘宝折扣实时查询 Chrome 扩展" width="550" height="378" /></p>
<p>前几天我们报道了<a href="http://www.guao.hk/posts/taobao-discount-chrome-extension.html" target="_blank">五七折的淘宝购物 Chrome 扩展</a>，很多用户在留言中说五七折是抄袭五六折的网站，至于事情真相我完全没有 概念，不过今天五六折<a href="https://chrome.google.com/extensions/detail/nembanjggjhiapfcilnpggogonpaldgp" target="_blank">也出 Chrome 扩展了</a>，大家可以自由选择了。</p>
<p>PS：有知情人士透露说，五七折的网站是抄袭五六折的，而五六折这个 <a href="http://www.guao.hk/tag/chrome" target="_blank">Chrome</a> 扩展又是抄袭五七折的，真是混乱啊。。。无责任转评，本人不对其真实性负责。</p>
<pre>本插件为五六折官方正式版。
<span id="more-5779"></span>
【打折原理】

淘宝网商家为了加大商品的销售渠道，建立了一种付费推广机制，在收入中专门预留了一部分给推广者。

五六折网实际上就是让各位买家自己推广自己购买，这样某些商家就会给推广者（也就是您自己）一些推广回报。

这就是隐藏折扣的来源。

【打折步骤】

Step1： 点击商品或店铺页面下方的“生成折扣链接”，输入返现用户名后，再以原价购买商品。
Step2： 收到商品后，确认收货，支付宝放款给商家。
Step3： 第二天早上9点之后，您可以用您的淘宝ID直接登录www.alimama.com查看打折返现。

【咨询与支持】

帮助文档：<a href="http://56zhe.com/help.html">http://56zhe.com/help.html</a>
新浪微博：<a href="http://t.sina.com.cn/zhaonvyou">http://t.sina.com.cn/zhaonvyou</a>

【媒体报道】

腾讯科技 <a href="http://tech.qq.com/a/20100914/000178.htm">http://tech.qq.com/a/20100914/000178.htm</a>
网易科技 <a href="http://tech.163.com/10/1008/10/6IFE52BK000938EN.html">http://tech.163.com/10/1008/10/6IFE52BK000938EN.html</a>
ShowWeb2.0 <a href="http://www.showeb20.com/?p=2969">http://www.showeb20.com/?p=2969</a>
电脑报 <a href="http://t.sina.com.cn/1804573342/Bh0sQ6ddZY">http://t.sina.com.cn/1804573342/Bh0sQ6ddZY</a></pre>
<p><a href="https://chrome.google.com/extensions/detail/nembanjggjhiapfcilnpggogonpaldgp" target="_blank">点击这里</a>进入扩展中心下载五六折淘宝折扣查询。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/11/14/5779/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/11/14/5779/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/11/14/5779/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/11/14/5779/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/11/14/5779/">抓虾</a>
<hr />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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/11/14/5779/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>提供 39种样式高亮语法的JQuery插件-Snippet</title>
		<link>http://www.iwanna.cn/archives/2010/11/14/5776/</link>
		<comments>http://www.iwanna.cn/archives/2010/11/14/5776/#comments</comments>
		<pubDate>Sun, 14 Nov 2010 07:51:04 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[JQuery插件]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=5776</guid>
		<description><![CDATA[Snippet jQuery Syntax Highlighter 是一个建立在SHJS的 开源插件,Snippet提供了简单而且快捷的方法,可以方便的为你带来高亮语法的提示.可以在IE 6, IE 7, IE 8, FF 3.6, Chrome 6.0, Safari 5.0, Opera 10.62中运行. 先简单为你讲一讲它的用法.在官方的网站也已经有了详细的介绍,这里就稍微翻译一下它所提供的例子. 1.  在你的HTML中加载Snippet和JQuery &#60;script type="text/javascript" src="js/jquery.js"&#62;&#60;/script&#62; &#60;script type="text/javascript" src="js/jquery.snippet.js"&#62;&#60;/script&#62; 2.  加载Snippet的CSS &#60;link rel="stylesheet" type="text/css" href="css/jquery.snippet.css" /&#62; 3.  重点是这一步,我们要把下面的代码写在&#60;script&#62;标记中,让Snippet对&#60;pre&#62;标记进行操作 $(document).ready(function(){ $("pre.htmlCode").snippet("html"); // 找到类名为htmlCode的&#60;pre&#62;标签 // 并且以HTML语法来高亮显示它 $("pre.styles").snippet("css",{style:"greenlcd"}); // 找到类名为styles的&#60;pre&#62;标签 // 并且以CSS语法来高亮显示它 // 显示的类型为greenlcd $("pre.js").snippet("javascript",{style:"random",transparent:true,showNum:false}); // 找到类名为js的&#60;pre&#62;标签 //并且以JavaScript语法来高亮显示它 // [...]]]></description>
			<content:encoded><![CDATA[<p><a title="Snippet jQuery Syntax Highlighter" href="http://steamdev.com/snippet/" target="_blank">Snippet jQuery  Syntax Highlighter</a> 是一个建立在<a title="Syntax Highlighting in  JavaScript" href="http://shjs.sourceforge.net/" target="_blank">SHJS</a>的 开源插件,Snippet提供了简单而且快捷的方法,可以方便的为你带来高亮语法的提示.可以在IE 6, IE 7, IE 8, FF 3.6,  <a href="http://www.iwanna.cn/tags/chrome/" class="st_tag internal_tag" rel="tag" title="标签 Chrome 下的日志">Chrome</a> 6.0, Safari 5.0, Opera 10.62中运行.</p>
<p><a href="http://www.gooosen.com/wp-content/uploads/2010/11/snippet-jquery.jpg"><img title="snippet-jquery" src="http://www.gooosen.com/wp-content/uploads/2010/11/snippet-jquery.jpg" alt="" width="479" height="320" /></a><br />
先简单为你讲一讲它的用法.在官方的网站也已经有了详细的介绍,这里就稍微翻译一下它所提供的例子.<br />
<span id="more-5776"></span><br />
1.  在你的HTML中加载Snippet和JQuery</p>
<div>
<pre>
<ol>
<li>&lt;script type="text/<a href="http://www.iwanna.cn/tags/javascript/" class="st_tag internal_tag" rel="tag" title="标签 JavaScript 下的日志">javascript</a>" src="js/<a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag" title="标签 JQuery 下的日志">jquery</a>.js"&gt;&lt;/script&gt;</li>
<li>&lt;script type="text/javascript" src="js/jquery.snippet.js"&gt;&lt;/script&gt;</li>
</ol>
</pre>
</div>
<p>2.  加载Snippet的CSS</p>
<div>
<pre>
<ol>
<li>&lt;link rel="stylesheet" type="text/css" href="css/jquery.snippet.css" /&gt;</li>
</ol>
</pre>
</div>
<p>3.  重点是这一步,我们要把下面的代码写在&lt;script&gt;标记中,让Snippet对&lt;pre&gt;标记进行操作</p>
<div>
<pre>
<ol>
<li>$(document).ready(function(){</li>
<li>$("pre.htmlCode").snippet("html");</li>
<li>// 找到类名为htmlCode的&lt;pre&gt;标签</li>
<li>// 并且以HTML语法来高亮显示它</li>
<li>$("pre.styles").snippet("css",{style:"greenlcd"});</li>
<li>// 找到类名为styles的&lt;pre&gt;标签</li>
<li>// 并且以CSS语法来高亮显示它</li>
<li>// 显示的类型为greenlcd</li>
<li>$("pre.js").snippet("javascript",{style:"random",transparent:true,showNum:false});</li>
<li>// 找到类名为js的&lt;pre&gt;标签</li>
<li>//并且以JavaScript语法来高亮显示它</li>
<li>// 显示的类型为在39中随机选择</li>
<li>// 选择背景为透明</li>
<li>// 不显示行号</li>
<li>});</li>
</ol>
</pre>
</div>
<p>4.  可以动态更新你的Snippet</p>
<div>
<pre>
<ol>
<li>$(document).ready(function(){</li>
<li>$("pre#dynamic").snippet("php",{style:"navy",showNum:false});</li>
<li>// 找到类名为js的&lt;pre&gt;标签并把类型选为navy</li>
<li>// 隐藏行号</li>
<li>$("pre#dynamic").click(function(){</li>
<li>$(this).snippet({style:"vampire",transparent:true,showNum:true});</li>
<li>// 改变snippet的类型为vampire</li>
<li>// 改变背景为透明</li>
<li>// 显示行号</li>
<li>});</li>
<li>});</li>
</ol>
</pre>
</div>
<p>关于更多的参数可以在Snippet的网站的找到,这里就不多说了.总之Snippet是一个比较全面的而且很好用的显示高亮代码的插件,有兴趣的 话,你也可以下来试试.下载地址和例子点<a href="http://steamdev.com/snippet/" target="_blank">这里</a>.</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/11/14/5776/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/11/14/5776/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/11/14/5776/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/11/14/5776/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/11/14/5776/">抓虾</a>
<hr />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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/11/14/5776/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>5个同步控必备的 Firefox 扩展插件</title>
		<link>http://www.iwanna.cn/archives/2010/10/03/5482/</link>
		<comments>http://www.iwanna.cn/archives/2010/10/03/5482/#comments</comments>
		<pubDate>Sun, 03 Oct 2010 13:41:26 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Browser]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Tool]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[OnlineTool]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=5482</guid>
		<description><![CDATA[网友 @YY小楠 在新浪微博寻求推荐一些常用的 Firefox 服务，最好是支持跨浏览器同步。这里我简单地介绍5个同步控必备的以 Firefox 为主力平台（当然尽可能支持其他浏览器）的优秀在线服务，囊括常用网络活动的主要方面，希望对大家有所帮助。 Last Pass Password Manager （支 持 Firefox，IE，Safari，Chrome） Last Pass 可以为您加密并保存常用网络服务的密码。你无须再为记忆和管理众多的密码而发愁，只要记住 Last Pass 的密码，剩下的就交给它。Last Pass 还能自动为你的不同电脑生成和同步一组安全性极高的密码，放置他人轻易窥探你多台电脑之间的重要隐私数据。基础版是免费的，高级版每月1美元并提供电话支 持。 Read It Later （支持 Firefox，IE，Chrome，Safari，iPhone） 自从发现后，我便一直在使用的书签管理工具。当遇到感兴趣的文章，又因为手头工作或是周围环境而不能马上阅读，那么点一下 Read It Later，该文章便被自动列入了待阅读（Unread）列表。简单轻量，减少信息焦虑，让你更专注于当前的操作。支持跨平台，甚至可以离线阅读。 Xmarks （支持 Firefox，IE，Chrome，Safari） 公认最强悍的跨浏览器同步工具，可同步书签、收藏、用户资料等信息。曾经的不二之选，可惜前不久 Xmarks 官方刚刚发布了即将停止服务的公告（因资金周转问题，面临倒闭局面）。已经有热心网友为了留住这个服务而组织了网络投票，如果您对它感兴趣，不 妨也来投上一枚支持票（截止本月15日）。 Evernote Web Clipper （支持 Firefox，IE，Chrome，Safari） Evernote 插件，允许你将浏览时发现的精彩内容（文字、图片、视频等）同步存储到 Evernote， 并自动建立索引、添加标签、使之可被日后搜索。Firefox + Evernote 用户必备。 Adblock Plus （支持 Firefox） [...]]]></description>
			<content:encoded><![CDATA[<p>网友 @YY小楠 在新浪微博寻求推荐一些常用的 <a href="http://www.iwanna.cn/tags/firefox/" class="st_tag internal_tag" rel="tag" title="标签 Firefox 下的日志">Firefox</a> 服务，最好是支持跨浏览器同步。这里我简单地介绍5个同步控必备的以 <a href="http://www.iwanna.cn/tags/firefox/" class="st_tag internal_tag" rel="tag" title="标签 Firefox 下的日志">Firefox</a>  为主力平台（当然尽可能支持其他浏览器）的优秀在线服务，囊括常用网络活动的主要方面，希望对大家有所帮助。<br />
<a title="我想网" href="http://www.iwanna.cn/" target="_blank"><img title="Browser copy" src="http://images.uheed.com/iwanna/2010/10/03/Browser-copy.jpg" alt="5个同步控必备的 Firefox 扩展插件" width="274" height="234" align="right" /></a></p>
<p><a href="https://lastpass.com/" target="_blank"><strong>Last Pass  Password Manager</strong></a><strong> </strong>（支 持 Firefox，IE，Safari，<a href="http://www.iwanna.cn/tags/chrome/" class="st_tag internal_tag" rel="tag" title="标签 Chrome 下的日志">Chrome</a>）</p>
<p>Last Pass 可以为您<strong>加密并保存常用网络服务的密码</strong>。你无须再为记忆和管理众多的密码而发愁，只要记住  Last Pass 的密码，剩下的就交给它。Last Pass  还能自动为你的不同电脑生成和同步一组安全性极高的密码，放置他人轻易窥探你多台电脑之间的重要隐私数据。基础版是免费的，高级版每月1美元并提供电话支 持。<br />
<span id="more-5482"></span><br />
<a href="http://readitlaterlist.com/" target="_blank"><strong>Read It Later</strong></a> （支持 Firefox，IE，Chrome，Safari，iPhone）</p>
<p>自从发现后，我便一直在使用的<strong>书签管理工具</strong>。当遇到感兴趣的文章，又因为手头工作或是周围环境而不能马上阅读，那么点一下 Read It  Later，该文章便被自动列入了待阅读（Unread）列表。简单轻量，减少信息焦虑，让你更专注于当前的操作。支持跨平台，甚至可以离线阅读。</p>
<p><a href="http://www.xmarks.com/" target="_blank"><strong></strong></a><strong><a title="Xmarks" href="http://www.syncoo.com/tag/xmarks" target="_blank">Xmarks</a></strong> （支持 Firefox，IE，Chrome，Safari）</p>
<p>公认最强悍的<strong>跨浏览器同步工具</strong>，可同步书签、收藏、用户资料等信息。曾经的不二之选，可惜前不久 <a href="http://www.syncoo.com/xmarks-to-shutdown-3696.htm" target="_blank">Xmarks  官方刚刚发布了即将停止服务的公告</a>（因资金周转问题，面临倒闭局面）。已经有热心网友为了留住这个服务而组织了网络投票，如果您对它感兴趣，不 妨也来<a href="http://www.pledgebank.com/XmarksPremium" target="_blank">投上一枚支持票</a>（截止本月15日）。</p>
<p><a href="http://www.evernote.com/about/download/web_clipper.php" target="_blank"><strong>Evernote Web Clipper</strong></a> （支持  Firefox，IE，Chrome，Safari）</p>
<p>Evernote 插件，允许你将浏览时发现的精彩内容（文字、图片、视频等）<strong>同步存储到 Evernote</strong>， 并自动建立索引、添加标签、使之可被日后搜索。Firefox + Evernote 用户必备。</p>
<p><a href="http://adblockplus.org/" target="_blank"><strong>Adblock  Plus</strong></a> （支持 Firefox）</p>
<p><strong>过滤掉恼人的广告</strong>， 只“订阅”那些被过滤后的纯净页面。可大幅提高互联网浏览体验。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/10/03/5482/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/10/03/5482/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/10/03/5482/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/10/03/5482/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/10/03/5482/">抓虾</a>
<hr />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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/10/03/5482/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10大最佳WordPress 插件推荐</title>
		<link>http://www.iwanna.cn/archives/2010/09/17/5284/</link>
		<comments>http://www.iwanna.cn/archives/2010/09/17/5284/#comments</comments>
		<pubDate>Thu, 16 Sep 2010 16:56:05 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=5284</guid>
		<description><![CDATA[WordPress Plugin扩展插件众多，使用这些插件可以轻松的扩展和定制WordPress的功能，由于WordPress插件实在太多，因此对于初学者来说会看得眼花缭乱，因此我这里就介绍十个我自己觉得不错的WordPress插件，我挑选的规则是插件的功能要实用且高效，有些插件如果占用过多系统资源，我就不会介绍。通过这些插件，希望能对刚接触WordPress的朋友有所帮助。 1.反垃圾留言：Akismet 一个很不错的反垃圾留言插件，总体来说效果还可以，有时候会有误判和漏判，大多数情况下可以拦截垃圾留言和评论，使用前需要先申请一个WordPress.Com 的API KEY才行。 2.缓存和静态化：cos-html-cache 做为一个WordPress静态化插件，cos-html-cache可以将首页和文章页自动生成静态HTML文件，提高了系统的性能，减少了WordPress占 用的系统资源，虽然目录页没有静态化，不过也可以安装WP Super Cache来配合使用。 3.计数统计：WP-PostViews WP-PostViews是一个文章计数统计插件，可以在文章中显示浏览数，还提供了一些统计功能，比如一定时间内浏览最多，评论最多等等，占用的 系统资源也不多。对于使用静态化插件的WordPress来说，需要使用JavaScript 版本的WP-PostViews ，否则会无法计数。这个插件需要修改模板文件。 4.页面导航：WP-PageNavi WP-PageNavi可以在页面底部增加一个翻页功能，比默认的分页更方便一些。这个插件需要修改模板文件。 5.相关文章：Simple Tags Simple Tags是一个Tags管理插件，启用后可以在文章和Feed中添加相关文章，用起来很方便，Simple Tags的批量Tags管理虽然有些缺陷， 但是比WordPress官方的Tags管理 还是方便一些。 6.搜索引擎优化：All in One SEO Pack 使用All in One SEO Pack可以在不修改模板的情况下对WordPress进行SEO搜索引擎 优化，还可以给每篇页面添加独立的关键词和摘要，加速和优化Google等搜索引擎的索引，使用这个插件可能会增加一些系统资源的使用，因此最好在静态化 的WordPress下使用。 7.Google Sitemaps：Google XML Sitemaps Google XML Sitemaps可以自动生成WordPress的Google Sitemaps并将其修改到robots文件中，有利于Google的索引，当然你也可以登录到Google Webmasters中手动提交你的Google Sitemaps。 8.评论留言：WordPress Thread Comment WordPress Thread Comment是一个针对WordPress评论功能的增强插 件，让用户能够对已有评论进行回复讨论，并将结果嵌套或成串显示，效果不错。结合Subscribe To [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.iwanna.cn/tags/wordpress-php-develope/" class="st_tag internal_tag" rel="tag" title="标签 Wordpress 下的日志">WordPress</a> Plugin扩展插件众多，使用这些插件可以轻松的扩展和定制WordPress的功能，由于WordPress插件实在太多，因此对于初学者来说会看得眼花缭乱，因此我这里就介绍十个我自己觉得不错的WordPress插件，我挑选的规则是插件的功能要实用且高效，有些插件如果占用过多系统资源，我就不会介绍。通过这些插件，希望能对刚接触WordPress的朋友有所帮助。</p>
<h3>1.反垃圾留言：<a href="http://akismet.com/" target="_blank">Akismet</a></h3>
<p>一个很不错的反垃圾留言插件，总体来说效果还可以，有时候会有误判和漏判，大多数情况下可以拦截垃圾留言和评论，使用前需要先申请一个WordPress.Com 的API KEY才行。</p>
<h3>2.缓存和静态化：<a href="http://www.storyday.com/tag/cos-html-cache" target="_blank">cos-html-cache</a></h3>
<p>做为一个<a href="http://www.williamlong.info/archives/1211.html" target="_blank">WordPress静态化插件</a>，cos-<a rel="nofollow" href="http://www.woiweb.net/category/html" target="_blank">html</a>-cache可以将首页和文章页自动生成静态HTML文件，提高了系统的性能，减少了WordPress占 用的系统资源，虽然目录页没有静态化，不过也可以安装<a href="http://wordpress.org/extend/plugins/wp-super-cache/" target="_blank">WP Super Cache</a>来配合使用。<br />
<span id="more-5284"></span></p>
<h3>3.计数统计：<a href="http://lesterchan.net/wordpress/readme/wp-postviews.html" target="_blank">WP-PostViews</a></h3>
<p>WP-PostViews是一个文章计数统计插件，可以在文章中显示浏览数，还提供了一些统计功能，比如一定时间内浏览最多，评论最多等等，占用的 系统资源也不多。对于使用静态化插件的WordPress来说，需要使用<a href="http://www.williamlong.info/archives/1177.html" target="_blank">JavaScript 版本的WP-PostViews</a> ，否则会无法计数。这个插件需要修改模板文件。</p>
<h3>4.页面导航：<a href="http://lesterchan.net/wordpress/readme/wp-pagenavi.html" target="_blank">WP-PageNavi</a></h3>
<p>WP-PageNavi可以在页面底部增加一个翻页功能，比默认的分页更方便一些。这个插件需要修改模板文件。</p>
<h3>5.相关文章：<a href="http://wordpress.org/extend/plugins/simple-tags" target="_blank">Simple Tags</a></h3>
<p>Simple  Tags是一个Tags管理插件，启用后可以在文章和Feed中添加相关文章，用起来很方便，Simple Tags的批量Tags管理虽然有些<a href="http://www.williamlong.info/archives/1185.html" target="_blank">缺陷</a>， 但是比WordPress官方的Tags管理 还是方便一些。</p>
<h3>6.搜索引擎优化：<a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/" target="_blank">All in One SEO Pack</a></h3>
<p>使用All in One SEO Pack可以在不修改模板的情况下对WordPress进行SEO搜索引擎 优化，还可以给每篇页面添加独立的关键词和摘要，加速和优化Google等搜索引擎的索引，使用这个插件可能会增加一些系统资源的使用，因此最好在静态化 的WordPress下使用。</p>
<h3>7.Google Sitemaps：<a href="http://www.arnebrachhold.de/redir/sitemap-home/" target="_blank">Google  XML Sitemaps</a></h3>
<p>Google XML Sitemaps可以自动生成WordPress的Google  Sitemaps并将其修改到robots文件中，有利于Google的索引，当然你也可以登录到Google Webmasters中手动提交你的<a href="http://www.williamlong.info/archives/327.html" target="_blank">Google  Sitemaps</a>。</p>
<h3>8.评论留言：<a href="http://blog.2i2j.com/plugins/wordpress-thread-comment" target="_blank">WordPress Thread Comment</a></h3>
<p>WordPress Thread  Comment是一个针对WordPress评论功能的增强插 件，让用户能够对已有评论进行回复讨论，并将结果嵌套或成串显示，效果不错。结合<a href="http://wordpress.org/extend/plugins/subscribe-to-comments/" target="_blank">Subscribe To Comments</a>进行邮件评论提醒的话，可以形成很好的互动讨论气氛。</p>
<h3>9.RSS Feed：<a href="http://www.feedburner.com/fb/a/help/wordpress_quickstart" target="_blank">FeedBurner FeedSmith</a></h3>
<p>FeedBurner FeedSmith可以将WordPress自己的Feed转发 到FeedBurner等Feed托管服务，以节省系统资源和带宽，此插件稍加修改（将feedburner|feedvalidator修改为 feedsky|feedburner|feedvalidator）即可应用于FeedSky上。</p>
<h3>10.数据库：<a href="http://www.ilfilosofo.com/blog/wp-db-backup" target="_blank">WordPress Database Backup</a></h3>
<p>WordPress Database  Backup可以设置每天或者每周自动备份WordPress数据库，可以选择备 份到服务器、下载到本地或者自动发送到某个信箱，对于中文数据库的支持也很好。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/09/17/5284/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/09/17/5284/#comments">1条评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/09/17/5284/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/09/17/5284/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/09/17/5284/">抓虾</a>
<hr />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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/09/17/5284/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>选择哪个MongoDB插件？</title>
		<link>http://www.iwanna.cn/archives/2010/09/17/5285/</link>
		<comments>http://www.iwanna.cn/archives/2010/09/17/5285/#comments</comments>
		<pubDate>Thu, 16 Sep 2010 16:42:58 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Java]]></category>
		<category><![CDATA[MongoDB]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[NoSQL]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=5285</guid>
		<description><![CDATA[相信MongoDB的名头不少人 已经听说过了，虽然已有针对它的Java驱动，但我敢打保票，只要你用过一次，很快就会怀念使用GORM的好时光。拜Grails的插件架构所赐，对于Grails项目来说，这不再是幻想。目前在Grails社区至少已经有两个针对MongoDB的插件：MongoDB Tools和Grails MongoDB plugin，我们该选择哪一个呢？ 在查看了两个插件的信息后，我坚定地选择了后者：Grails MongoDB plugin。 原因无它：完全保留了GORM的使用习惯，而且特性几乎一样： 实例方法：save、delete 类方法：get、find、findAll、delete、deleteAll、exists、count、list 诸如findAllByNameAndDegreeBetween(&#8230;)这样的动态查找器 支持约束和验证 支持自动时辍：dateCreated和lastUpdated Gorm事件：beforeSave、afterSave、beforeDelete、afterDelete（还有Morphia支持的 afterLoad） 支持MongoDB 1.4和1.5 提供了注入所有必需字段和Morphia注解的AST Transformations 支持延迟引用 支持generate-all 注意最后一个点，这个插件甚至支持了脚手架代码的产生！反观MongoDB Tools，看完它的使用示例之 后，我的第一感受就是：可能能起作用，但用起来实在是太难看了。限于篇幅，我就不在这里列出它的例子，有兴趣了解其实现究竟的，可前往观之。对于Grails MongoDB plugin的基本使用，其实跟使用Domain Class一样： 安装插件：grails install-plugin gorm-mongodb 在Config.groovy里配置数据源： mongodb { host = '192.168.1.36' port = 27017 database = 'test' } 创建MongoDB领域类：grails create-mongodb-class 领域类名 象平常一样编辑领域类 产生脚手架代码：grails generate-all 领域类名 是不是非常简单？你还可以利用grails的template机制来定制你自己的MongoDB领域类：在工程的src\templates \artifacts目录下创建一个MongoDBClass.groovy文件，如： @artifact.package@import grails.plugins.mongodb.MongoEntity [...]]]></description>
			<content:encoded><![CDATA[<p>相信<a href="http://www.mongodb.org/" target="_blank">MongoDB</a>的名头不少人 已经听说过了，虽然已有针对它的<a href="http://github.com/mongodb/mongo-java-driver" target="_blank">Java驱动</a>，但我敢打保票，只要你用过一次，很快就会怀念使用GORM的好时光。拜Grails的插件架构所赐，对于Grails项目来说，这不再是幻想。目前在Grails社区至少已经有两个针对MongoDB的插件：<a href="http://grails.org/plugin/mongodb-tools" target="_blank">MongoDB Tools</a>和<a href="http://www.grails.org/plugin/gorm-mongodb" target="_blank">Grails  MongoDB plugin</a>，我们该选择哪一个呢？</p>
<p>在查看了两个插件的信息后，我坚定地选择了后者：<a href="http://www.grails.org/plugin/gorm-mongodb" target="_blank">Grails MongoDB plugin</a>。 原因无它：完全保留了GORM的使用习惯，而且特性几乎一样：</p>
<blockquote>
<ul>
<li>实例方法：save、delete</li>
<li>类方法：get、find、findAll、delete、deleteAll、exists、count、list</li>
<li>诸如findAllByNameAndDegreeBetween(&#8230;)这样的动态查找器</li>
<li>支持约束和验证</li>
<li>支持自动时辍：dateCreated和lastUpdated</li>
<li>Gorm事件：beforeSave、afterSave、beforeDelete、afterDelete（还有Morphia支持的 afterLoad）</li>
<li>支持MongoDB 1.4和1.5</li>
<li>提供了注入所有必需字段和Morphia注解的AST Transformations</li>
<li>支持延迟引用</li>
<li>支持generate-all</li>
</ul>
</blockquote>
<p><span id="more-5285"></span><br />
注意最后一个点，这个插件甚至支持了脚手架代码的产生！反观<a href="http://grails.org/plugin/mongodb-tools" target="_blank">MongoDB Tools</a>，看完它的<a href="http://github.com/mpriatel/mongodb-grails" target="_blank">使用示例</a>之 后，我的第一感受就是：可能能起作用，但用起来实在是太难看了。限于篇幅，我就不在这里列出它的例子，有兴趣了解其实现究竟的，可前往观之。对于<a href="http://www.grails.org/plugin/gorm-mongodb" target="_blank">Grails  MongoDB plugin</a>的基本使用，其实跟使用Domain Class一样：</p>
<ul>
<li>安装插件：grails install-<a href="http://www.iwanna.cn/tags/plugin/" class="st_tag internal_tag" rel="tag" title="标签 Plugin 下的日志">plugin</a> gorm-<a href="http://www.iwanna.cn/tags/mongodb/" class="st_tag internal_tag" rel="tag" title="标签 MongoDB 下的日志">mongodb</a></li>
<li>在Config.groovy里配置数据源：</li>
<blockquote>
<pre title="code">            mongodb {
                host = '192.168.1.36'
                port = 27017
                database = 'test'
            }
</pre>
</blockquote>
<li>创建MongoDB领域类：grails create-mongodb-class 领域类名</li>
<li>象平常一样编辑领域类</li>
<li>产生脚手架代码：grails generate-all 领域类名</li>
</ul>
<p>是不是非常简单？你还可以利用grails的template机制来定制你自己的MongoDB领域类：在工程的src\templates \artifacts目录下创建一个MongoDBClass.groovy文件，如：</p>
<pre title="code">@artifact.package@import grails.plugins.mongodb.MongoEntity

@MongoEntity
class @artifact.name@ {

    Date dateCreated
    Date lastUpdated

    int version

    static constraints = {
    }
}
</pre>
<p>如此，你每次创建出的MongoDB领域类就都会包含上述3个字段，即具有时辍和版本。</p>
<p>除了这种高级别的抽象，要是你想访问底层支持类，如Morphia或MongoDB的Java驱动类，这个插件同样提供了支持，相关细节请查看<a href="http://jkuehn.github.com/gorm-mongodb/guide/5.%20Low%20Level%20Access.html" target="_blank">这 篇文档</a>。其余信息则可以通过它的<a href="http://jkuehn.github.com/gorm-mongodb/" target="_blank">用户参考</a>了解。</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/09/17/5285/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/09/17/5285/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/09/17/5285/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/09/17/5285/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/09/17/5285/">抓虾</a>
<hr />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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/09/17/5285/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress博客自由显示widget的插件：Widget Logic</title>
		<link>http://www.iwanna.cn/archives/2010/08/30/5132/</link>
		<comments>http://www.iwanna.cn/archives/2010/08/30/5132/#comments</comments>
		<pubDate>Mon, 30 Aug 2010 14:03:09 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[Plugin]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=5132</guid>
		<description><![CDATA[对于Wordpress博客来说widget的使用极大的方便了广大博主们，我们可以自由的在博客侧边栏添加诸如最新文章、评论、分类以及友情链接 之类的模块而不需要再到模板上挨个手工设置，虽然是非常的实用但是也存在一些不方便之处，比如友情链接全站显示，当你的友情链接数量很多的时候就会遇到麻 烦，因为全站都显示所有的链接会分散你博客文章的权重，直接点说就是影响博客内页在搜索引擎上的排名。 今天和大家分享一款非常不错的Wordpress博客插件：Widget Logic，使用该插件不仅能解决上述的问题，而且更能把widget使用的方便而多样化。 安装方法： 登陆你的wp博客后台，在插件的添加新插件那直接输入“Widget Logic” 查找、安装并激活；然后在外观的小工具页面的最下面找到“Widget Logic options”，勾选下面两个选项并保存，到此该插件就安装完成了。 使用方法： 我们以友情链接为例来设置友情链接首页显示，在小工具处找到自己的友情链接模块，展开就会发现在底部多了一个“Widget logic” 的栏目，在后面空白处填写上“is_home()”保存，现在打开你的博客就会发现友情链接只在首页显示了。 扩展使用： 友情链接的问题是解决了但是新问题又出现了，原来全站显示的友情链接现在只在首页显示而别的页面该位置却都成空白的了，这样一来对博客的整体美观造 成了影响，不用担心，我们仍然可以使用Widget Logic这个插件来解决，以我的Tuixy博客为例，我在小工具的友情链接那个模块下面添加了个文本，投放了个美国空间的广告，然后在该文本的底部“Widget logic” 栏目后面空白处填写上“!is_home()”保存，这样的好处是该位置除了首页显示友情链接外其余的地方都显示这个广告了，这样的好处是既美观还能产生 效益，一举两得！ 下面我再附注些从网上收集来的关于Widget Logic插件使用的一些常用设置代码： is_home() 主页 is_single() 文章页 is_page() 页面 is_category() 文章分类页 is_tag() 文章标签页 is_archive() 归档页 is_404() 404页 is_search() 搜索结果页 is_feed() 订阅页 Widget Logic插件代码使用语法，&#124;&#124;表示或，&#38;&#38;表示和，!表示非，语法示例如下： is_home() 仅主页显示 !is_home() 除主页以外的页面显示 !is_category(4) 仅在ID非4的分类显示 is_home() &#124;&#124; is_category(’web-hosting’) 在主页或名称为web-hosting的分类显示 is_page(’about’) [...]]]></description>
			<content:encoded><![CDATA[<p>对于Wordpress博客来说widget的使用极大的方便了广大博主们，我们可以自由的在博客侧边栏添加诸如最新文章、评论、分类以及友情链接 之类的模块而不需要再到模板上挨个手工设置，虽然是非常的实用但是也存在一些不方便之处，比如友情链接全站显示，当你的友情链接数量很多的时候就会遇到麻 烦，因为全站都显示所有的链接会分散你博客文章的权重，直接点说就是影响博客内页在搜索引擎上的排名。</p>
<p>今天和大家分享一款非常不错的Wordpress博客插件：Widget  Logic，使用该插件不仅能解决上述的问题，而且更能把widget使用的方便而多样化。</p>
<p>安装方法：</p>
<p>登陆你的wp博客后台，在插件的添加新插件那直接输入“Widget Logic”  查找、安装并激活；然后在外观的小工具页面的最下面找到“Widget Logic  options”，勾选下面两个选项并保存，到此该插件就安装完成了。<br />
<span id="more-5132"></span><br />
使用方法：</p>
<p>我们以友情链接为例来设置友情链接首页显示，在小工具处找到自己的友情链接模块，展开就会发现在底部多了一个“Widget logic”  的栏目，在后面空白处填写上“is_home()”保存，现在打开你的博客就会发现友情链接只在首页显示了。</p>
<p>扩展使用：</p>
<p>友情链接的问题是解决了但是新问题又出现了，原来全站显示的友情链接现在只在首页显示而别的页面该位置却都成空白的了，这样一来对博客的整体美观造 成了影响，不用担心，我们仍然可以使用Widget  Logic这个插件来解决，以我的Tuixy博客为例，我在小工具的友情链接那个模块下面添加了个文本，投放了个美国空间的广告，然后在该文本的底部“Widget logic”  栏目后面空白处填写上“!is_home()”保存，这样的好处是该位置除了首页显示友情链接外其余的地方都显示这个广告了，这样的好处是既美观还能产生 效益，一举两得！</p>
<p>下面我再附注些从网上收集来的关于Widget Logic插件使用的一些常用设置代码：</p>
<p>is_home() 主页<br />
is_single() 文章页<br />
is_page() 页面<br />
is_category()  文章分类页<br />
is_tag() 文章标签页<br />
is_archive() 归档页<br />
is_404()  404页<br />
is_search() 搜索结果页<br />
is_feed() 订阅页</p>
<p>Widget Logic插件代码使用语法，||表示或，&amp;&amp;表示和，!表示非，语法示例如下：</p>
<p>is_home() 仅主页显示<br />
!is_home() 除主页以外的页面显示<br />
!is_category(4)  仅在ID非4的分类显示<br />
is_home() || is_category(’<a href="http://www.iwanna.cn/tags/web/" class="st_tag internal_tag" rel="tag" title="标签 Web 下的日志">web</a>-hosting’)  在主页或名称为web-hosting的分类显示<br />
is_page(’about’) 仅在关于页显示</p>
<p>从上面的说明可以看出利用Widget Logic还可以针对不同页面设置不同的广告，更多的还是按照自己的需要来进行使用与设置！</p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/08/30/5132/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/08/30/5132/#comments">没有评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/08/30/5132/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/08/30/5132/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/08/30/5132/">抓虾</a>
<hr />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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/08/30/5132/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>26个jQuery幻灯插件</title>
		<link>http://www.iwanna.cn/archives/2010/08/05/4843/</link>
		<comments>http://www.iwanna.cn/archives/2010/08/05/4843/#comments</comments>
		<pubDate>Thu, 05 Aug 2010 15:14:24 +0000</pubDate>
		<dc:creator>seasun</dc:creator>
				<category><![CDATA[JQuery]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://www.iwanna.cn/?p=4843</guid>
		<description><![CDATA[图片画廊和幻灯片效果在web站点展示图片和相片时是非常常用的，而jquery图片插件给我们带来了便利，你甚至不需要JavaScript 和 jquery的开发经验，就可以轻松展示很炫的图片效果，在这篇文章中你可以看到26个jQuery幻灯插件的效果。 jquery画廊和滑动效果教程: Create an Image Rotator with Description (CSS/jquery) jquery Image Gallery/News Slider with Caption Full Screen Image Gallery Using jquery and Flickr Create a Slick and Accessible Slideshow Using jquery Fancy Thumbnail Hover Effect with jquery Simple jquery Image Slideshow with Semi Transparent Caption Slider Gallery Building a jquery Image Scroller Sliding [...]]]></description>
			<content:encoded><![CDATA[<p>图片画廊和幻灯片效果在web站点展示图片和相片时是非常常用的，而jquery图片插件给我们带来了便利，你甚至不需要JavaScript 和 jquery的开发经验，就可以轻松展示很炫的图片效果，在这篇文章中你可以看到<strong><a href="http://www.iwanna.cn/archives/2010/08/05/4843/">26个jQuery幻灯插件的效果</a></strong>。</p>
<h2>jquery画廊和滑动效果教程:</h2>
<h3><a href="http://designm.ag/tutorials/image-rotator-css-jquery/"><strong>Create  an Image Rotator with Description (CSS/jquery)</strong></a><strong></strong></h3>
<p><a href="http://designm.ag/tutorials/image-rotator-css-jquery/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/16.jpg" alt="Create an Image Rotator with Description (CSS/jQuery) Tutorial" width="425" height="250" /></a><br />
<span id="more-4843"></span></p>
<h3><a href="http://www.queness.com/post/443/jquery-image-gallerynews-slider-with-caption-tutorial"></a><strong><a href="http://www.iwanna.cn/tags/jquery/" class="st_tag internal_tag" rel="tag" title="标签 JQuery 下的日志">jquery</a> Image Gallery/News Slider with Caption</strong></h3>
<p><a href="http://www.queness.com/post/443/jquery-image-gallerynews-slider-with-caption-tutorial"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/1.jpg" alt="jQuery Image Gallery/News Slider with Caption Tutorial" width="425" height="229" /></a></p>
<h3><a href="http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/"><strong>Full  Screen Image Gallery Using </strong></a><strong>jquery and Flickr</strong></h3>
<p><a href="http://devkick.com/blog/full-screen-image-gallery-using-jquery-and-flickr/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/12.jpg" alt="Full  Screen Image Gallery Using jQuery and Flickr Tutorials" width="425" height="209" /></a></p>
<h3><a href="http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/"><strong>Create  a Slick and Accessible Slideshow Using </strong></a><strong>jquery</strong></h3>
<p><a href="http://sixrevisions.com/tutorials/javascript_tutorial/create-a-slick-and-accessible-slideshow-using-jquery/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/20.jpg" alt="Create a Slick and Accessible Slideshow Using jQuery Tutorial" width="425" height="256" /></a></p>
<h3><a href="http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/"><strong>Fancy  Thumbnail Hover Effect with </strong></a><strong>jquery</strong></h3>
<p><a href="http://www.sohtanaka.com/web-design/fancy-thumbnail-hover-effect-w-jquery/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/23.jpg" alt="Fancy Thumbnail Hover Effect with jQuery Tutorial" width="425" height="180" /></a></p>
<h3><a href="http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption"><strong>Simple </strong></a><strong>jquery Image Slideshow  with Semi Transparent Caption</strong></h3>
<p><a href="http://www.queness.com/post/152/simple-jquery-image-slide-show-with-semi-transparent-caption"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/11.jpg" alt="Simple jQuery Image Slideshow with Semi Transparent Caption  Tutorial" width="425" height="264" /></a></p>
<h3><a href="http://jqueryfordesigners.com/slider-gallery/"><strong>Slider  Gallery</strong></a></h3>
<p><a href="http://jqueryfordesigners.com/slider-gallery/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/5.jpg" alt="Slider  Gallery Tutorial" width="425" height="131" /></a></p>
<h3><a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-image-scroller/"><strong>Building  a </strong></a><strong>jquery Image Scroller</strong></h3>
<p><a href="http://net.tutsplus.com/tutorials/javascript-ajax/building-a-jquery-image-scroller/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/8.jpg" alt="Building a jQuery Image Scroller Tutorial" width="425" height="164" /></a></p>
<h3><a href="http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/"><strong>Sliding  Boxes and Captions with </strong></a><strong>jquery</strong></h3>
<p><a href="http://buildinternet.com/2009/03/sliding-boxes-and-captions-with-jquery/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/9.jpg" alt="Sliding Boxes and Captions with jQuery Tutorial" width="425" height="233" /></a></p>
<h3><a href="http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html"><strong>Create  Beautiful </strong></a><strong>jquery Slider</strong></h3>
<p><a href="http://www.dreamcss.com/2009/04/create-beautiful-jquery-sliders.html"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/10.jpg" alt="Create Beautiful jQuery Slider Tutorial" width="425" height="183" /></a></p>
<h3><a href="http://www.catswhocode.com/blog/how-to-create-a-fancy-image-gallery-with-jquery"><strong>How  to: Create a Fancy Image Gallery with </strong></a><strong>jquery</strong></h3>
<p><a href="http://www.catswhocode.com/blog/how-to-create-a-fancy-image-gallery-with-jquery"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/19.jpg" alt="How  to: Create a Fancy Image Gallery with jQuery Tutorial" width="425" height="271" /></a></p>
<h3><a href="http://jqueryfordesigners.com/coda-slider-effect/"><strong>Coda  Slider Effect</strong></a></h3>
<p><a href="http://jqueryfordesigners.com/coda-slider-effect/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/25.jpg" alt="Coda  Slider Effect Tutorial" width="425" height="188" /></a></p>
<h2>jquery画廊和滑动效果插件:</h2>
<h3><a href="http://www.buildinternet.com/project/supersized/"><strong>Supersized</strong></a></h3>
<p><a href="http://www.buildinternet.com/project/supersized/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/7.jpg" alt="Supersized Plugin" width="425" height="232" /></a></p>
<h3><a href="http://devkick.com/lab/galleria/"><strong>Galleria</strong></a></h3>
<p><a href="http://devkick.com/lab/galleria/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/4.jpg" alt="Galleria Plugin" width="425" height="387" /></a></p>
<h3><a href="http://plugins.jquery.com/project/galleryview"><strong>Gallery  View</strong></a></h3>
<p><a href="http://plugins.jquery.com/project/galleryview"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/2.jpg" alt="Gallery View Plugin" width="425" height="267" /></a></p>
<h3><a href="http://leandrovieira.com/projects/jquery/lightbox/"><strong></strong></a><strong>jquery lightBox</strong></h3>
<p><a href="http://leandrovieira.com/projects/jquery/lightbox/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/3.jpg" alt="jQuery  lightBox Plugin" width="425" height="375" /></a></p>
<h3><a href="http://www.twospy.com/galleriffic/#1"><strong>Gallerific</strong></a></h3>
<p><a href="http://www.twospy.com/galleriffic/#1"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/6.jpg" alt="Gallerific Plugin" width="425" height="314" /></a></p>
<h3><a href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding"><strong>Easy  Slider 1.5</strong></a></h3>
<p><a href="http://cssglobe.com/post/4004/easy-slider-15-the-easiest-jquery-plugin-for-sliding"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/13.jpg" alt="Easy  Slider 1.5 Plugin" width="425" height="127" /></a></p>
<h3><a href="http://pikachoose.com/"><strong>Pikachoose</strong></a></h3>
<p><a href="http://pikachoose.com/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/14.jpg" alt="Pikachoose Plugin" width="425" height="363" /></a></p>
<h3><a href="http://www.visual-blast.com/javascript/s3slider-jquery-image-gallery-plugin/"><strong>S3  Slider – </strong></a><strong>jquery Image Gallery</strong></h3>
<p><a href="http://www.visual-blast.com/javascript/s3slider-jquery-image-gallery-plugin/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/15.jpg" alt="S3  Slider - jQuery Image Gallery Plugin" width="425" height="272" /></a></p>
<h3><a href="http://plugins.jquery.com/project/SlidingGallery"><strong>Sliding  Image Gallery</strong></a></h3>
<p><a href="http://plugins.jquery.com/project/SlidingGallery"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/17.jpg" alt="Sliding Image Gallery Plugin" width="425" height="194" /></a></p>
<h3><a href="http://plugins.jquery.com/project/flickrGallery"><strong>Flickr  Gallery</strong></a></h3>
<p><a href="http://plugins.jquery.com/project/flickrGallery"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/18.jpg" alt="Flickr Gallery Plugin" width="425" height="361" /></a></p>
<h3><a href="http://plugins.jquery.com/project/simplecontrolsgallery"><strong>Simple  Controls Image Gallery</strong></a></h3>
<p><a href="http://plugins.jquery.com/project/simplecontrolsgallery"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/21.jpg" alt="Simple Controls Image Gallery Plugin" width="425" height="250" /></a></p>
<h3><a href="http://plugins.jquery.com/project/popeye"><strong>Popeye</strong></a></h3>
<p><a href="http://plugins.jquery.com/project/popeye"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/22.jpg" alt="Popeye Plugin" width="425" height="250" /></a></p>
<h3><a href="http://plugins.jquery.com/project/SmoothDivScroll"><strong>Smooth  Div Scroll</strong></a></h3>
<p><a href="http://plugins.jquery.com/project/SmoothDivScroll"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/24.jpg" alt="Smooth Div Scroll Plugin" width="425" height="135" /></a></p>
<h3><a href="http://sorgalla.com/projects/jcarousel/"><strong>jCarousel</strong></a></h3>
<p><a href="http://sorgalla.com/projects/jcarousel/"><img src="http://images.uheed.com/iwanna/2010/08/05/jquery-slider/jCarousel.jpg" alt="jCarousel" width="335" height="123" /></a></p>
<hr />
<p>© <a href="http://www.iwanna.cn">我想网</a> Akon 所有 , 2010. |
<a href="http://www.iwanna.cn/archives/2010/08/05/4843/">永久链接</a> |
<a href="http://www.iwanna.cn/archives/2010/08/05/4843/#comments">1条评论</a> |
提交到
<a rel="nofollow" target="_blank" href="http://www.google.com/reader/view/feed/http://www.iwanna.cn/archives/2010/08/05/4843/">Google Reader</a>
<a rel="nofollow" target="_blank" href="http://www.xianguo.com/subscribe.php?url=http://www.iwanna.cn/archives/2010/08/05/4843/">鲜果</a>
<a rel="nofollow" target="_blank" href="http://www.zhuaxia.com/add_channel.php?url=http://www.iwanna.cn/archives/2010/08/05/4843/">抓虾</a>
<hr />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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/08/05/4843/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<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 [...]]]></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" title="标签 JQuery 下的日志">jQuery</a>, Ajax 还有其它。<br />
尽管在很多情况下Flash在仍然是一个非常强大和有用的工具,web设计师习惯于用flash完成一些特效，但这些都能用jQuery轻松实现！下面有 <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! 一个 jQuery 插件</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. jQuery 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. 用jQuery代替flash建立一个交互性地图</strong></p>
<p>这个演示展示了jQuery用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. 用jQuery &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. jQuery Circulate</strong></p>
<p>这个演示展示了滚球的粒子效果，所有的特效都是用jQuery</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 jQuery</strong></p>
<p>这里我们可以看到原本只能被flash开发者创造的过渡特效，现在使用jQuery一样可以办到！</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. 用jQuery和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用来支配的网页设计之一。这里有一个例子使用jQuery代替。</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 jQuery</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 />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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风格。 [...]]]></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" title="标签 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>以帮助您建立强大的表单。今后如果您碰到任何关于表单的解决方案，想必您会从这里找到您JQuery方案。</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>这个jQuery插件让你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>是一个jQuery插件，它提供的自动切换和过滤表单域中的文本域。一旦输入的字符串达到了已定义的文本长度，它会自动切换到自动设置的目标元素。<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 <a href="http://www.iwanna.cn/tags/javascript/" class="st_tag internal_tag" rel="tag" title="标签 JavaScript 下的日志">javascript</a> control <a href="http://www.iwanna.cn/tags/plugin/" class="st_tag internal_tag" rel="tag" title="标签 Plugin 下的日志">plugin</a> 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 HTML-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 html 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 website.  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 jQuery 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  HTML 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 html forms into beautiful <a href="http://www.iwanna.cn/tags/web/" class="st_tag internal_tag" rel="tag" title="标签 Web 下的日志">web</a>  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 HTML type combobox from a existing  HTML 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 jQuery 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 jQuery plugin that will will dynamically create all  the HTML 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 jQuery 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  HTML 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 jQuery 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 jquery 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 library 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 jQuery 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 <a href="http://www.iwanna.cn/tags/tool/" class="st_tag internal_tag" rel="tag" title="标签 Tool 下的日志">tool</a> 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 jQuery 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 jQuery 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 jQuery 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 />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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 鲜果 [...]]]></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>，希望对您的日常工作会有很大的帮助，在页面的最后奉献的是用jQuery插件实现图片滚动的几个站点，希望您会喜欢！！</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>这款jquery图片滚动插件用的人很多，功能上颇为强大，你可以控制是水平滚动还是垂直滚动。<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>想要把图片滚动应用到你的站点中，不可避免要对这些jquery图片滚动插件的样式进行重写，接下来来推荐几个漂亮的应用图片滚动的站点。</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 />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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 鲜果 抓虾 Feed enhanced by [...]]]></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 />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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 [...]]]></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 />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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 [...]]]></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 />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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 [...]]]></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 控件，拥有很好的文档，在不支持 <a href="http://www.iwanna.cn/tags/javascript/" class="st_tag internal_tag" rel="tag" title="标签 JavaScript 下的日志">JavaScript</a> 的环境中，可以无缝降级使用。包括 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  工具集，用于快速创建桌面风格的 <a href="http://www.iwanna.cn/tags/web/" class="st_tag internal_tag" rel="tag" title="标签 Web 下的日志">Web</a> 应用。包含的控件从滑动条，到分栏视图，不一而足。熟悉 <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" title="标签 JQuery 下的日志">jQuery</a>  TOOLS</h2>
<p><a href="http://flowplayer.org/tools/index.html">jQuery  Tools</a> 是一个非常轻量（2.5kb）的常用 UI 库，支持以下 jQuery 对象，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>jQuery  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> 在 <a href="http://www.iwanna.cn/tags/firefox/" class="st_tag internal_tag" rel="tag" title="标签 Firefox 下的日志">Firefox</a> 和 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 Library</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 />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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 [...]]]></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 是一款专门为用 <a href="http://www.iwanna.cn/tags/wordpress-php-develope/" class="st_tag internal_tag" rel="tag" title="标签 Wordpress 下的日志">WordPress</a> 搭建站点所使用的手机主题。以苹果的应用商店规格来架构的，加载速度非常快，而且还可以让您的内容显示得非常漂亮，更不会干扰您的网站的正常主题。当从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" title="标签 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 Mobile等。</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 />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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类来定义样式。 [...]]]></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" title="标签 JQuery 下的日志">jQuery</a> Slider 是易于使用且功能重多的jQuery插件。</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 是一款轻量级的，简单易用的jQuery灯箱效果插件，从页面的顶部向下滑动。<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 也是一个轻量级的jQuery插件，通过一个简单的界面来创建模拟对话框。</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 />
jQuery modalBox 是一款简单的，可以自定义多个模拟对话框的jQuery插件。这块插件是在JavaScript的jQuery库之上编写而成，显示内嵌的内容、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 是一款强大的插件，可以将HTML列表转换为导航。包含有很多的选项，如：横向导航、垂直导航、手风琴样式系统及下拉菜单系统等等。</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！中的当前本地的天气预报。他提供HTML结构并结合内置的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密钥）。提供HTML结构并结合内置的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 />
jQuery的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 小工具基于jQuery 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 jQuery Effect <a href="http://www.iwanna.cn/tags/plugin/" class="st_tag internal_tag" rel="tag" title="标签 Plugin 下的日志">Plugin</a> for our site to show  our testimonials. This is a rocking <a href="http://www.iwanna.cn/tags/plugin/" class="st_tag internal_tag" rel="tag" title="标签 Plugin 下的日志">plugin</a> 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 <a href="http://www.iwanna.cn/tags/browser/" class="st_tag internal_tag" rel="tag" title="标签 Browser 下的日志">browser</a>&#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 JQuery 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 jQuery 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 <a href="http://www.iwanna.cn/tags/javascript/" class="st_tag internal_tag" rel="tag" title="标签 JavaScript 下的日志">javascript</a> 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 jQuery 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.jquery.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>jQuery(&#8216;div[~display=block]&#8216;);</li>
<li>jQuery(&#8216;div&#8217;).filter(&#8216;[~padding=2px]&#8216;);</li>
<li>// by stored data:</li>
<li>jQuery(&#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 />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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 [...]]]></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 />
<script type="text/javascript"><!--
google_ad_client = "pub-2057344547305288";
/* 336x280,iwanna feed,created 10/3/10 */
google_ad_slot = "9738886183";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
<hr />
</p>
<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>
	</channel>
</rss>

