<?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>⊹⊱⋛⋋ISong榮耀ζ組織™⋋⋛⊱⊹ &#187; jQuery</title>
	<atom:link href="http://www.isonge.cn/category/code/jquery-code/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.isonge.cn</link>
	<description>Freelance. Graphic design, illustration, print and web.</description>
	<lastBuildDate>Sat, 09 Jul 2011 22:42:40 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>圆角啊圆角</title>
		<link>http://www.isonge.cn/2009/10/%e5%9c%86%e8%a7%92%e5%95%8a%e5%9c%86%e8%a7%92/</link>
		<comments>http://www.isonge.cn/2009/10/%e5%9c%86%e8%a7%92%e5%95%8a%e5%9c%86%e8%a7%92/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 05:40:25 +0000</pubDate>
		<dc:creator>911</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[reMix]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Layout]]></category>

		<guid isPermaLink="false">http://www.isonge.cn/?p=585</guid>
		<description><![CDATA[送给圆角的重度喜好者 经典方案 （css/jquery） &#60;script type=&#8221;text/javascript&#8221; src=&#8221;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&#8221;&#62;&#60;/script&#62; &#60;script type=&#8221;text/javascript&#8221; src=&#8221;js/jquery.corners.js&#8221;&#62;&#60;/script&#62; &#60;script type=&#8221;text/javascript&#8221;&#62; $(function(){ $(&#8216;.box&#8217;).corners(&#8217;10px&#8217;); }); &#60;/script&#62; &#60;div&#62; &#60;!&#8211;CONTENT&#8211;&#62; &#60;/div&#62; &#60;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&#62;&#60;/script&#62; &#60;script type="text/javascript" src="js/jquery.corners.js"&#62;&#60;/script&#62; &#60;script type="text/javascript"&#62; $(function(){ $('.box').corners('10px'); }); &#60;/script&#62; &#60;div&#62; &#60;!--CONTENT--&#62; &#60;/div&#62; CSS3 方案 &#60;style type=&#8221;text/css&#8221;&#62; .box { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } &#60;/style&#62; &#60;div&#62; &#60;!&#8211;CONTENT&#8211;&#62; &#60;/div&#62; &#60;style type="text/css"&#62; .box { border-radius: [...]]]></description>
			<content:encoded><![CDATA[<p>送给圆角的重度喜好者</p>
<div><img style="display: inline;" src="http://nettuts.s3.amazonaws.com/430_cssTips/images/corners.jpg" alt="Rounded Corners" width="382" height="134" /></div>
<h3>经典方案 （css/jquery）</h3>
<blockquote><p>&lt;script type=&#8221;text/javascript&#8221; src=&#8221;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&#8221;&gt;&lt;/script&gt;<br />
&lt;script type=&#8221;text/javascript&#8221; src=&#8221;js/jquery.corners.js&#8221;&gt;&lt;/script&gt;<br />
&lt;script type=&#8221;text/javascript&#8221;&gt;<br />
$(function(){<br />
$(&#8216;.box&#8217;).corners(&#8217;10px&#8217;);<br />
});<br />
&lt;/script&gt;</p>
<p>&lt;div&gt;<br />
&lt;!&#8211;CONTENT&#8211;&gt;<br />
&lt;/div&gt;</p></blockquote>
<pre style="display: none;">&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="js/jquery.corners.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript"&gt;
$(function(){
	$('.box').corners('10px');
});
&lt;/script&gt;

&lt;div&gt;
	&lt;!--CONTENT--&gt;
&lt;/div&gt;</pre>
<p><span id="more-585"></span></p>
<h3>CSS3 方案</h3>
<blockquote><p>&lt;style type=&#8221;text/css&#8221;&gt;<br />
.box {<br />
border-radius: 10px;<br />
-moz-border-radius: 10px;<br />
-webkit-border-radius: 10px;<br />
}<br />
&lt;/style&gt;</p>
<p>&lt;div&gt;<br />
&lt;!&#8211;CONTENT&#8211;&gt;<br />
&lt;/div&gt;</p></blockquote>
<pre style="display: none;">&lt;style type="text/css"&gt;
.box {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
&lt;/style&gt;

&lt;div&gt;
	&lt;!--CONTENT--&gt;
&lt;/div&gt;</pre>
<p>还有附带视频</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="401" height="248" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="flashvars" value="i=6094" /><param name="allowFullScreen" value="true" /><param name="src" value="http://screenr.com/Content/assets/screenr_0817090731.swf" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="401" height="248" src="http://screenr.com/Content/assets/screenr_0817090731.swf" allowfullscreen="true" flashvars="i=6094"></embed></object></p>
]]></content:encoded>
			<wfw:commentRss>http://www.isonge.cn/2009/10/%e5%9c%86%e8%a7%92%e5%95%8a%e5%9c%86%e8%a7%92/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10个有趣的轻量级jQuery插件</title>
		<link>http://www.isonge.cn/2009/07/10%e4%b8%aa%e6%9c%89%e8%b6%a3%e7%9a%84%e8%bd%bb%e9%87%8f%e7%ba%a7jquery%e6%8f%92%e4%bb%b6/</link>
		<comments>http://www.isonge.cn/2009/07/10%e4%b8%aa%e6%9c%89%e8%b6%a3%e7%9a%84%e8%bd%bb%e9%87%8f%e7%ba%a7jquery%e6%8f%92%e4%bb%b6/#comments</comments>
		<pubDate>Wed, 15 Jul 2009 05:42:12 +0000</pubDate>
		<dc:creator>911</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[E]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[Mixed]]></category>
		<category><![CDATA[lightweight]]></category>
		<category><![CDATA[Open source]]></category>
		<category><![CDATA[plugins]]></category>
		<category><![CDATA[toolbox]]></category>
		<category><![CDATA[Web]]></category>
		<category><![CDATA[Web development]]></category>

		<guid isPermaLink="false">http://www.isonge.cn/?p=412</guid>
		<description><![CDATA[本文为web developers准备了十个有趣的轻量级jQuery plugin.清单上包括了lightbox，HTML编辑器，图片插件，tooltips插件以及PHP接口插件。 1. ColorBox ColorBox是一个轻量级的可自定义的lightbox jQuery 1.3插件仅有9KB。可以支持图片，图片组，滑动显示，ajax,inline,与框架内容；通过CSS完全控制表现，用户可以自定义box的样式;行为设置可以被重写，而不用修改js文件。 2. markItUp! markItUp! 轻量级jQuery插件 (仅有 6.5 KB).轻松将文本框变成编辑器。 3. jFlow jFlow 是模仿非常流行的 codar滑动插件，能让内容滑动显示.仅有2KB 。 4. JPolite JPolite &#8211; jQuery POrtal Lite &#8211; 基于jQuery 的轻量级前端web框架(5 KB)。 查看 demo. 5. vTip vTip 快速提供tooltips的轻量级解决方案 (706b js, 272b CSS, 270b 图片)。 6. jQuery Cycle Plugin jQuery Cycle Plugin 轻量级滑动显示插件。提供了暂停，自动停止，自动适应，前后回调，点击触发和许多转变效果。多层的继承，每个子元素也可以变成 &#8220;slide&#8221;. 过渡效果可以进行时间和效果设置。 7. [...]]]></description>
			<content:encoded><![CDATA[<p>本文为web developers准备了十个有趣的轻量级jQuery plugin.清单上包括了lightbox，HTML编辑器，图片插件，tooltips插件以及PHP接口插件。</p>
<p><strong>1. ColorBox</strong><br />
<a href="http://colorpowered.com/colorbox/" target="_blank">ColorBox</a>是一个轻量级的可自定义的lightbox jQuery 1.3插件仅有9KB。可以支持图片，图片组，滑动显示，ajax,inline,与框架内容；通过CSS完全控制表现，用户可以自定义box的样式;行为设置可以被重写，而不用修改js文件。</p>
<p><img style="border: 1px solid #dedede; padding: 4px; float: right; margin-left: 14px;" src="http://lh6.ggpht.com/_TqPdHmAEwTM/Slztu0PqrmI/AAAAAAAAFX8/989Cc8JC-0o/light1.jpg" alt="" /><strong>2. markItUp!</strong><br />
<a href="http://markitup.jaysalvat.com/home/" target="_blank">markItUp!</a> 轻量级jQuery插件 (仅有 <span style="font-weight: bold;">6.5 KB</span>).轻松将文本框变成编辑器。</p>
<p><strong>3. jFlow</strong><br />
<a href="http://www.gimiti.com/kltan/wordpress/?p=46" target="_blank">jFlow</a> 是模仿非常流行的 <a href="http://www.ndoherty.com/demos/coda-slider/1.1.1/" target="_blank">codar</a>滑动插件，能让内容滑动显示.仅有<span style="font-weight: bold;">2KB</span> 。</p>
<p><strong>4. JPolite</strong><br />
<a href="http://code.google.com/p/jpolite/" target="_blank">JPolite</a> &#8211; <em>jQuery POrtal Lite</em> &#8211; 基于jQuery 的轻量级前端web框架(<span style="font-weight: bold;">5 KB</span>)。 <a href="http://www.trilancer.com/jpolite/#t1" target="_blank">查看 demo</a>.</p>
<p><strong>5. vTip</strong><br />
<img style="border: 1px solid #dedede; padding: 4px; float: right; margin-left: 14px;" src="http://lh4.ggpht.com/_TqPdHmAEwTM/SlzvCOVfGTI/AAAAAAAAFYA/hcpDAJ8qyGI/light2.png" alt="" /><a href="http://www.vertigo-project.com/projects/vtip" target="_blank">vTip</a> 快速提供tooltips的轻量级解决方案 (706b js, 272b CSS, 270b 图片)。</p>
<p><strong>6. jQuery Cycle Plugin</strong><br />
<a href="http://malsup.com/jquery/cycle/" target="_blank">jQuery Cycle Plugin</a> 轻量级滑动显示插件。提供了暂停，自动停止，自动适应，前后回调，点击触发和许多转变效果。多层的继承，每个子元素也可以变成 &#8220;slide&#8221;. 过渡效果可以进行时间和效果设置。</p>
<p><img style="border: 1px solid #dedede; padding: 4px; float: right; margin-left: 14px;" src="http://lh4.ggpht.com/_TqPdHmAEwTM/SlzyePgfypI/AAAAAAAAFYE/SLvJla8L6do/light3.jpg" alt="" /><strong>7. Wilq32.RotateImage</strong><br />
<a href="http://wilq32.googlepages.com/wilq32.rollimage222" target="_blank">Wilq32.RotateImage</a> 轻量级简单易用图片旋转插件。</p>
<p><strong>8. jqModal</strong><br />
<a href="http://dev.iceburg.net/jquery/jqModal/" target="_blank">jqModal </a>提供在网页浏览器中以窗口形式显示提示，对话框的轻量级插件。</p>
<p><strong>9. jQPie</strong><br />
<a href="http://projects.cyberlot.net/trac/jqpie/wiki" target="_blank">jQPie</a> 是提供PHP接口的轻量级的 jQuery插件.多种混合方式进行配合，支持  XML, HTML and JSON,</p>
<p><strong>10. jContext</strong><br />
<a href="http://www.gimiti.com/kltan/wordpress/?p=23" target="_blank">jContext</a> 是轻量级右键显示菜单插件，仅有 0.6kB .</p>
]]></content:encoded>
			<wfw:commentRss>http://www.isonge.cn/2009/07/10%e4%b8%aa%e6%9c%89%e8%b6%a3%e7%9a%84%e8%bd%bb%e9%87%8f%e7%ba%a7jquery%e6%8f%92%e4%bb%b6/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

