<?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>CSS9.NET &#187; jquery plugin</title>
	<atom:link href="http://css9.net/tag/jquery-plugin/feed/" rel="self" type="application/rss+xml" />
	<link>http://css9.net</link>
	<description>Less is More,Simple is Perfect!</description>
	<lastBuildDate>Wed, 04 Aug 2010 14:41:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Jquery插件：使用“autoresize”插件自动改变textarea大小</title>
		<link>http://css9.net/jquery-plugin-autoresize/</link>
		<comments>http://css9.net/jquery-plugin-autoresize/#comments</comments>
		<pubDate>Thu, 03 Sep 2009 14:20:56 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[jquery 插件]]></category>
		<category><![CDATA[textarea]]></category>

		<guid isPermaLink="false">http://css9.net/?p=1057</guid>
		<description><![CDATA[文本框textarea是在网站中经常用到到多行文本输入标签，例如本文下面的留言输入框。一般情况下，我们会通过指定textarea的rows和cols属性来控制大小。当在textarea输入较多文本超过预设行数时，就会出现侧边滚动条。这样难免会将部分文本遮挡，当想回顾已输入内容时，还要去拖动滚动条，来来回回，煞是不爽。如果可以让textarea根据用户输入的文本内容自动扩展，就可以解决这个问题了，有助于改善用户体验。“<a href='http://css9.net/jquery-plugin-autoresize'>autoresize</a>”这款jquery插件就是用来解决这个问题的。


延伸阅读:<ol><li><a href='http://css9.net/flexible-ui-library-jquery-tools-3/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（三）'>Jquery Tools——不可错过的Jquery UI库（三）</a></li><li><a href='http://css9.net/javascript-wysiwyg-editor-tinyeditor/' rel='bookmark' title='Permanent Link: 简洁易用的html编辑器——TinyEditor'>简洁易用的html编辑器——TinyEditor</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-6/' rel='bookmark' title='Permanent Link: jQuery Tools——不可错过的jQuery UI库（六）'>jQuery Tools——不可错过的jQuery UI库（六）</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/jquery-plugin-autoresize/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>教你一招，开辟网站页面的新空间</title>
		<link>http://css9.net/jquery-pageslide/</link>
		<comments>http://css9.net/jquery-pageslide/#comments</comments>
		<pubDate>Mon, 06 Jul 2009 06:11:25 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[pageslide]]></category>

		<guid isPermaLink="false">http://css9.net/?p=970</guid>
		<description><![CDATA[电脑屏幕空间终究是有限的，在有限的页面空间上，合理的布局和内容分配是Web设计师需要考虑的。有时有些信息元素，我想放在博客上，却往往找不到合适的位置，十分挠头。国外一位Web设计师提出了一个基于jQuery的PageSlide的效果，我感觉特别有创意，需要的时候也许能用上，在这里介绍给大家。


延伸阅读:<ol><li><a href='http://css9.net/flexible-ui-library-jquery-tools-2/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（二）'>Jquery Tools——不可错过的Jquery UI库（二）</a></li><li><a href='http://css9.net/jquery-plot-plugin-jqplot/' rel='bookmark' title='Permanent Link: 强大的Jquery图表绘制插件 —— jqPlot'>强大的Jquery图表绘制插件 —— jqPlot</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-5/' rel='bookmark' title='Permanent Link: jQuery Tools——不可错过的jQuery UI库（五）'>jQuery Tools——不可错过的jQuery UI库（五）</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/jquery-pageslide/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>jQuery Tools——不可错过的jQuery UI库（六）</title>
		<link>http://css9.net/flexible-ui-library-jquery-tools-6/</link>
		<comments>http://css9.net/flexible-ui-library-jquery-tools-6/#comments</comments>
		<pubDate>Thu, 25 Jun 2009 15:50:33 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[jquery tools]]></category>

		<guid isPermaLink="false">http://css9.net/?p=908</guid>
		<description><![CDATA[在本系列文章的前五篇介绍了jQuery Tools中的工具组件使用，阅读过的朋友想必已经对它有所了解。今天这篇是jQuery Tools系列文章的最后一篇，来介绍一个综合了jQuery Tools中的滚动效果（Scrollable）、遮罩效果（Overlay）、提示工具条（Tooltip）和突出效果（Expose）的综合使用实例，希望能对jQuery Tools的灵活使用有更好的认识。


延伸阅读:<ol><li><a href='http://css9.net/flexible-ui-library-jquery-tools-3/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（三）'>Jquery Tools——不可错过的Jquery UI库（三）</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-4/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（四）'>Jquery Tools——不可错过的Jquery UI库（四）</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-5/' rel='bookmark' title='Permanent Link: jQuery Tools——不可错过的jQuery UI库（五）'>jQuery Tools——不可错过的jQuery UI库（五）</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/flexible-ui-library-jquery-tools-6/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>jQuery Tools——不可错过的jQuery UI库（五）</title>
		<link>http://css9.net/flexible-ui-library-jquery-tools-5/</link>
		<comments>http://css9.net/flexible-ui-library-jquery-tools-5/#comments</comments>
		<pubDate>Wed, 24 Jun 2009 06:04:06 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[jquery tools]]></category>

		<guid isPermaLink="false">http://css9.net/?p=884</guid>
		<description><![CDATA[接<a href='http://css9.net/flexible-ui-library-jquery-tools-4/'>上篇</a>，今天讲解jQuery Tools中另一工具组件——滚动效果（Scrollable）。滚动效果在网页设计中也是经常用到的，例如滚动新闻、幻灯片展示、相册……（发挥想象力吧，用到选项卡的内容切换中是不是会很酷）。


延伸阅读:<ol><li><a href='http://css9.net/flexible-ui-library-jquery-tools-6/' rel='bookmark' title='Permanent Link: jQuery Tools——不可错过的jQuery UI库（六）'>jQuery Tools——不可错过的jQuery UI库（六）</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-4/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（四）'>Jquery Tools——不可错过的Jquery UI库（四）</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-3/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（三）'>Jquery Tools——不可错过的Jquery UI库（三）</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/flexible-ui-library-jquery-tools-5/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Jquery Tools——不可错过的Jquery UI库（四）</title>
		<link>http://css9.net/flexible-ui-library-jquery-tools-4/</link>
		<comments>http://css9.net/flexible-ui-library-jquery-tools-4/#comments</comments>
		<pubDate>Sun, 21 Jun 2009 14:38:01 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[jquery tools]]></category>

		<guid isPermaLink="false">http://css9.net/?p=844</guid>
		<description><![CDATA[接<a href='http://flowplayer.org/tools/demos/overlay/index.html'>上篇</a>，继续jQuery Tools的讲解。本篇讲解jQuery Tools中十分有用的一个组件——遮罩效果（overlay）。


延伸阅读:<ol><li><a href='http://css9.net/flexible-ui-library-jquery-tools-6/' rel='bookmark' title='Permanent Link: jQuery Tools——不可错过的jQuery UI库（六）'>jQuery Tools——不可错过的jQuery UI库（六）</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（一）'>Jquery Tools——不可错过的Jquery UI库（一）</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-5/' rel='bookmark' title='Permanent Link: jQuery Tools——不可错过的jQuery UI库（五）'>jQuery Tools——不可错过的jQuery UI库（五）</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/flexible-ui-library-jquery-tools-4/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Jquery Tools——不可错过的Jquery UI库（三）</title>
		<link>http://css9.net/flexible-ui-library-jquery-tools-3/</link>
		<comments>http://css9.net/flexible-ui-library-jquery-tools-3/#comments</comments>
		<pubDate>Sat, 20 Jun 2009 08:49:51 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[jquery tools]]></category>

		<guid isPermaLink="false">http://css9.net/?p=777</guid>
		<description><![CDATA[<a href='http://css9.net/flexible-ui-library-jquery-tools-2/'>上一篇</a>讲解了jQuery Tools中Tabs选项卡的用法和示例，本篇继续以示例的形式讲解Jquery Tools中的另两个组件tooltips（提示工具条）和expose（突出效果）。


延伸阅读:<ol><li><a href='http://css9.net/flexible-ui-library-jquery-tools-6/' rel='bookmark' title='Permanent Link: jQuery Tools——不可错过的jQuery UI库（六）'>jQuery Tools——不可错过的jQuery UI库（六）</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-4/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（四）'>Jquery Tools——不可错过的Jquery UI库（四）</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-5/' rel='bookmark' title='Permanent Link: jQuery Tools——不可错过的jQuery UI库（五）'>jQuery Tools——不可错过的jQuery UI库（五）</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/flexible-ui-library-jquery-tools-3/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
<enclosure url="http://e1h13.simplecdn.net/flowplayer/flowplayer.flv" length="1040503" type="video/x-flv" />
		</item>
		<item>
		<title>强大的Jquery图表绘制插件 —— jqPlot</title>
		<link>http://css9.net/jquery-plot-plugin-jqplot/</link>
		<comments>http://css9.net/jquery-plot-plugin-jqplot/#comments</comments>
		<pubDate>Wed, 17 Jun 2009 01:40:32 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[jquery插件]]></category>
		<category><![CDATA[图表]]></category>

		<guid isPermaLink="false">http://css9.net/?p=705</guid>
		<description><![CDATA[<a href='http://www.jqplot.com'>jqPlot</a>是一款基于jquery类库的图标绘制插件。通过jqPlot可以再网页中绘制线状、柱状、饼状等多种样式图表。而且，jqPlot具有插件可扩展性(Pluggability)，你可以编写自己的图表样式。jqPlot在之前有人<a href='http://fairyfish.net/2009/06/07/jqplot/'>介绍</a>过了，这里我主要介绍它的一些用法和示例。


延伸阅读:<ol><li><a href='http://css9.net/flexible-ui-library-jquery-tools-3/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（三）'>Jquery Tools——不可错过的Jquery UI库（三）</a></li><li><a href='http://css9.net/flexible-ui-library-jquery-tools-5/' rel='bookmark' title='Permanent Link: jQuery Tools——不可错过的jQuery UI库（五）'>jQuery Tools——不可错过的jQuery UI库（五）</a></li><li><a href='http://css9.net/jquery-muti-file-upload-uploadify/' rel='bookmark' title='Permanent Link: 易用的JQuery上传插件Uploadify'>易用的JQuery上传插件Uploadify</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/jquery-plot-plugin-jqplot/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>实现页面不同位置间平滑滚动的两种解决方案</title>
		<link>http://css9.net/smooth-scroll/</link>
		<comments>http://css9.net/smooth-scroll/#comments</comments>
		<pubDate>Thu, 09 Apr 2009 16:04:13 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[平滑滚动]]></category>

		<guid isPermaLink="false">http://css9.net/?p=140</guid>
		<description><![CDATA[在网页设计中，当页面较长或是想实现一个导航效果时，我们经常会用锚点来实现同一页面间不同位置的跳转。但是这样做也许会造成用户的一种困惑——当用锚点跳转时，页面内容瞬间发生了改变，用户也许就会想：我还在原来的那个页面上吗？如果我们能把这种情况做成平滑滚动的效果（而非瞬间跳转到页面的另一个位置），就可以获得一个好的用户体验。


延伸阅读:<ol><li><a href='http://css9.net/flexible-ui-library-jquery-tools-3/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（三）'>Jquery Tools——不可错过的Jquery UI库（三）</a></li><li><a href='http://css9.net/jquery-ajax-bing-api-search/' rel='bookmark' title='Permanent Link: 使用jQuery及Bing API实现简易搜索引擎'>使用jQuery及Bing API实现简易搜索引擎</a></li><li><a href='http://css9.net/tinybox-extension/' rel='bookmark' title='Permanent Link: Tinybox模态框使用扩展一则'>Tinybox模态框使用扩展一则</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/smooth-scroll/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>FullSize：一个新的IMG标签属性（附带JQuery实现）</title>
		<link>http://css9.net/img-fullsize/</link>
		<comments>http://css9.net/img-fullsize/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 07:46:53 +0000</pubDate>
		<dc:creator>IIduce</dc:creator>
				<category><![CDATA[Jquery]]></category>
		<category><![CDATA[示例]]></category>
		<category><![CDATA[fullsize]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jquery plugin]]></category>
		<category><![CDATA[xhtml]]></category>

		<guid isPermaLink="false">http://css9.net/?p=98</guid>
		<description><![CDATA[“img标签添加了一个新属性么？”，看到标题你也许会惊奇的问。呵呵，千万莫误会，这只是一位国外Web设计师的主张而已。为了推销他的想法，他建立了这个主题网站，而且用Jquery插件模拟了它。它的这个想法真的挺有意思，也很有意义。我这里对它的想法做个简单翻译，略表支持。


延伸阅读:<ol><li><a href='http://css9.net/flexible-ui-library-jquery-tools/' rel='bookmark' title='Permanent Link: Jquery Tools——不可错过的Jquery UI库（一）'>Jquery Tools——不可错过的Jquery UI库（一）</a></li><li><a href='http://css9.net/smooth-scroll/' rel='bookmark' title='Permanent Link: 实现页面不同位置间平滑滚动的两种解决方案'>实现页面不同位置间平滑滚动的两种解决方案</a></li><li><a href='http://css9.net/jquery-tabbed-interfacetabbed-structure-menu/' rel='bookmark' title='Permanent Link: 使用JQuery实现标签（Tab）切换效果'>使用JQuery实现标签（Tab）切换效果</a></li></ol>]]></description>
		<wfw:commentRss>http://css9.net/img-fullsize/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
