<?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>ooCss</title>
	<atom:link href="http://www.oocss.cc/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://www.oocss.cc</link>
	<description>面向对象的CSS</description>
	<lastBuildDate>Fri, 21 May 2010 09:47:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>开启IE脚本</title>
		<link>http://www.oocss.cc/?p=188</link>
		<comments>http://www.oocss.cc/?p=188#comments</comments>
		<pubDate>Thu, 28 Jan 2010 01:55:25 +0000</pubDate>
		<dc:creator>李子哥哥</dc:creator>
				<category><![CDATA[其他]]></category>
		<category><![CDATA[未分类]]></category>
		<category><![CDATA[IE脚步]]></category>
		<category><![CDATA[修复IE脚步]]></category>
		<category><![CDATA[启用IE脚步]]></category>

		<guid isPermaLink="false">http://www.oocss.cc/?p=188</guid>
		<description><![CDATA[        今天修复系统后，浏览器死活不执行Javascript脚步，IE选项里已经启用，真是奇怪
      搜了下，有很多朋友遇到同样的问题，一个朋友给出了解决办法，可以修复IE脚步运行
      将以下内容复制到记事本，存为 ie.bat ，然后运行这个bat文件，即可搞到，其实也可以直接在命令行运行这些命令。
regsvr32 actxprxy.dll /s
regsvr32 shdocvw.dll /s
regsvr32 mshtml.dll /s
regsvr32 urlmon.dll /s
regsvr32 msjava.dll /s
regsvr32 shdocvw.dll /s
regsvr32 browseui.dll /s
regsvr32 actxprxy.dll /s
regsvr32 oleaut32.dll /s
regsvr32 shell32.dll /s
regsvr32 jscript.dll /s
]]></description>
			<content:encoded><![CDATA[<p>        今天修复系统后，浏览器死活不执行Javascript脚步，IE选项里已经启用，真是奇怪</p>
<p>      搜了下，有很多朋友遇到同样的问题，一个朋友给出了解决办法，可以修复IE脚步运行</p>
<p>      将以下内容复制到记事本，存为 ie.bat ，然后运行这个bat文件，即可搞到，其实也可以直接在命令行运行这些命令。</p>
<p><code>regsvr32 actxprxy.dll /s<br />
regsvr32 shdocvw.dll /s<br />
regsvr32 mshtml.dll /s<br />
regsvr32 urlmon.dll /s<br />
regsvr32 msjava.dll /s<br />
regsvr32 shdocvw.dll /s<br />
regsvr32 browseui.dll /s<br />
regsvr32 actxprxy.dll /s<br />
regsvr32 oleaut32.dll /s<br />
regsvr32 shell32.dll /s<br />
regsvr32 jscript.dll /s</code></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oocss.cc/?feed=rss2&amp;p=188</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>让所有人大开眼界的震撼创新：第六感技术的惊异潜力</title>
		<link>http://www.oocss.cc/?p=176</link>
		<comments>http://www.oocss.cc/?p=176#comments</comments>
		<pubDate>Mon, 11 Jan 2010 01:16:59 +0000</pubDate>
		<dc:creator>李子哥哥</dc:creator>
				<category><![CDATA[创意]]></category>
		<category><![CDATA[Pranav Mistry]]></category>
		<category><![CDATA[SixthSense]]></category>
		<category><![CDATA[The thrilling potential of SixthSense technology]]></category>
		<category><![CDATA[创新]]></category>
		<category><![CDATA[大开眼界]]></category>
		<category><![CDATA[潜力]]></category>
		<category><![CDATA[第六感]]></category>
		<category><![CDATA[震撼]]></category>

		<guid isPermaLink="false">http://www.oocss.cc/?p=176</guid>
		<description><![CDATA[<div><a href="http://www.oocss.cc/?p=144"> FlyJS 轻量级的Javascript框架 http://www.oocss.cc/?p=144</a><div>
<div><a href="http://www.oocss.cc/?p=42" >面向对象的CSS：OOCSS http://www.oocss.cc/?p=42</a><div>


我们太落伍了。Pranav Mistry这个印度天才的惊人创新，早在去年2月就被世界各大主流媒体包括新浪和我们CSDN自己所广泛报道（ New York Times &#124; WIRED News &#124; FOX News &#124;  Slashdot &#124; Engadget &#124; 新浪 &#124; CNET NEWS &#124; The Sun &#124; The Gazette &#124; Le Monde &#124;  CSDN），而且他还获得了《MIT Technology Review》的TR35 2009年青年发明者大奖，而我们大多数人只是在将近一年后的这几天才意识到这项创新的震撼性。]]></description>
			<content:encoded><![CDATA[<p><span style="FONT-SIZE: 14px; COLOR: #666666">本文来源于网络，转载请申明</span></p>
<div><a href="http://www.oocss.cc/?p=144"> FlyJS 轻量级的Javascript框架 http://www.oocss.cc/?p=144</a>
<div>
<div><a href="http://www.oocss.cc/?p=42" >面向对象的CSS：OOCSS http://www.oocss.cc/?p=42</a>
<div>
<p>Pranav Mistry: The thrilling potential of SixthSense technology</p>
<p><span style="FONT-SIZE: 14px; COLOR: #666666"> </span></p>
<p><span style="FONT-SIZE: 14px; COLOR: #666666">我们太落伍了。Pranav Mistry这个印度天才的惊人创新，早在去年2月就被世界各大主流媒体包括新浪和我们CSDN自己所广泛报道（<span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"> <a style="COLOR: #999999; TEXT-DECORATION: none" href="http://pogue.blogs.nytimes.com/2009/02/11/at-ted-virtual-worlds-collide-with-reality/" target="_blank">New York Times</a> | <a style="COLOR: #999999; TEXT-DECORATION: none" href="http://blog.wired.com/business/2009/02/ted-digital-six.html" target="_blank">WIRED News</a> | <a style="COLOR: #999999; TEXT-DECORATION: none" href="http://www.foxnews.com/story/0,2933,489444,00.html" target="_blank">FOX News</a> |  <a style="COLOR: #999999; TEXT-DECORATION: none" href="http://hardware.slashdot.org/article.pl?sid=09/02/05/222206" target="_blank">Slashdot</a> | <a style="COLOR: #999999; TEXT-DECORATION: none" href="http://www.engadget.com/2009/02/05/mit-concocts-wearable-sixth-sense-device-bruce-willis-is-like/" target="_blank">Engadget</a> | <a style="COLOR: #999999; TEXT-DECORATION: none" href="http://tech.sina.com.cn/d/2009-02-09/07542803656.shtml" target="_blank">新浪</a> | <a style="COLOR: #999999; TEXT-DECORATION: none" href="http://news.cnet.com/8301-17938_105-10159601-1.html" target="_blank">CNET NEWS</a> | <a style="COLOR: #999999; TEXT-DECORATION: none" href="http://www.thesun.co.uk/sol/homepage/news/article2224087.ece" target="_blank">The Sun</a> | <a style="COLOR: #999999; TEXT-DECORATION: none" href="http://www.montrealgazette.com/technology/story.html?id=1257066" target="_blank">The Gazette</a> | <span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000"><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><a style="COLOR: #999999; TEXT-DECORATION: none" href="http://www.lemonde.fr/technologies/article/2009/02/23/la-realite-augmentee-du-bout-des-doigts_1159331_651865.html" target="_blank">Le Monde</a> |  <span style="FONT-SIZE: 12px; COLOR: #666666"><a style="COLOR: #999999; TEXT-DECORATION: none" href="http://news.csdn.net/a/20091112/214731.html" target="_blank">CSDN</a></span><span style="FONT-WEIGHT: normal">）</span><span style="FONT-SIZE: 14px"><span style="FONT-WEIGHT: normal">，而且他还获得了《MIT Technology Review》的TR35 2009年青年发明者大奖，而我们大多数人只是在将近一年后的这几天才意识到这项创新的震撼性。</span></span></span></span></span></span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000"><br />
</span></span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000">什么创新呢？</span></span></p>
<p><span style="FONT-SIZE: 14px; FONT-FAMILY: mceinline">在TEDIndia，Pranav Mistry 展示了几项让实体世界和数字世界互动的工具，包括深入探讨他的&#8221;第六感运算装置&#8221;，以及划时代的纸&#8221;计算机&#8221;。</span></p>
<p><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000">先什么都不说了，看视频吧。文字稿可以在<a href="http://www.ted.com/talks/lang/chi_hans/pranav_mistry_the_thrilling_potential_of_sixthsense_technology.html">这个网页</a>点击右侧“Open Interactive Transcripts”看到。</span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000"><br />
</span></span></p>
<p><span style="color:red" >请点击播放器左下角“view subtitles”切换其它语言字幕</span></a></p>
<p style="TEXT-ALIGN: center">
<p><EMBED src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" width="446" height="326" type="application/x-shockwave-flash" flashvars="vu=http://video.ted.com/talks/dynamic/PranavMistry_2009I-medium.flv&#038;su=http://images.ted.com/images/ted/tedindex/embed-posters/PranavMistry-2009I.embed_thumbnail.jpg&#038;vw=432&#038;vh=240&#038;ap=0&#038;ti=685&#038;introDuration=16500&#038;adDuration=4000&#038;postAdDuration=2000&#038;adKeys=talk=pranav_mistry_the_thrilling_potential_of_sixthsense_tec;year=2009;theme=design_like_you_give_a_damn;theme=the_creative_spark;theme=what_s_next_in_tech;theme=new_on_ted_com;theme=tales_of_invention;theme=ted_under_30;theme=a_taste_of_tedindia;event=TEDIndia+2009;" allowfullscreen="true" bgcolor="#ffffff" wmode="transparent" pluginspace="http://www.macromedia.com/go/getflashplayer"></EMBED></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000">【Pranav Mistry简介】</span></span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000">出生于印度，2003年在印度Gujarat大学获得计算机工程学士学位，然后在孟买印度理工学院拿到了设计学硕士。2006年开始在麻省理工学院著名的媒体实验室攻读博士。曾经在微软公司工作。</span></span></p>
<p><span style="FONT-SIZE: 14px">几点感想。</span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000"><strong>1. Think out of box </strong></span></span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000">我们被框框限制得太多，太少关注更加本质的东西。注意Pranav的思路，他走的是更直接的路径：“为什么和计算机沟通，不能和实体世界沟通一样?” “人们对计算机没有兴趣，人们感兴趣的是信息。 ”</span></span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000"><strong>2. 教育问题</strong></span></span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000">我们许多人的印象中，印度比我们落后，而很少人注意到，他们的教育体制因为沿袭英国，是比较先进的，至少人家不倾向于抑制创新。在我们面对<a href="http://www.hudong.com/wiki/%E9%92%B1%E5%AD%A6%E6%A3%AE%E4%B9%8B%E9%97%AE">钱学森之问</a>（“为什么我们的学校总是培养不出杰出人才？”）而无言以对的时候，印度人却在用一个个让我们艳羡的成就震惊世界。别的不说，Pranav同学在演讲中明确说到“这些都是我在印度学的”。</span></span></p>
<p><strong>3. 设计思维对于创新的重要性</strong></p>
<p>刚才还在Twitter上看到，设计现在太重要了，只让设计师来完成对于一个公司来说是很危险的。Pranav之所以有这样的想象力，他的设计思维是关键因素之一，在自己的网站上，他自称“设计工程师”（Desigineer）。他的设计功底，在<a href="http://www.pranavmistry.com/">他的网站</a>上已经显露无余，这是我见过的最好的个人网站之一。</p>
<p><strong>4. 技术传播的方式</strong></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000">为什么新浪很早就做过报道，却没有得到大家的重视呢。一方面，新浪的报道只是简单翻译外媒而已，我相信他们的记者和编辑并没有哪怕稍微花些时间研究一下，这篇新闻稿到底在讲什么，当然，那篇文章也太长了，密密麻麻的字，估计很少有人愿意一个一个字去读吧。另一方面，视频的力量，直观的力量，在此也起到了决定性的作用。</span></span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000"><strong>5. 境界</strong></span></span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000">很显然，Pranav的发明有很大的盈利潜力。但是他明确表示要公开源代码，而且要回印度做研究。这些，大概更值得我们思考吧。</span></span></p>
<p><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000">这些天不断受着创新的冲击（想了解更多创新？可以看看<a href="http://www.technologyreview.com/tr35/index.aspx?Year=2009" target="_blank">MIT TR35 2009青年创新奖</a>，年度大奖获得者是华人计算机学者<a href="http://www.technologyreview.com/tr35/Profile.aspx?TRID=760">傅佳伟</a>），未来会怎样？也许好莱坞的电影已经给出了答案。</span></span></p>
<p style="TEXT-ALIGN: center"><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000"><img src="http://historyofeconomics.files.wordpress.com/2008/12/minority-report.jpg" alt="" width="300" height="388" /></span></span></p>
<p style="TEXT-ALIGN: center"><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000"> </span></span></p>
<p style="text-align: left;"><span style="FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #666666"><span style="FONT-WEIGHT: normal; FONT-SIZE: 14px; COLOR: #000000">英文地址：<a href="http://www.ted.com/talks/lang/eng/pranav_mistry_the_thrilling_potential_of_sixthsense_technology.html">http://www.ted.com/talks/lang/eng/pranav_mistry_the_thrilling_potential_of_sixthsense_technology.html</a></span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oocss.cc/?feed=rss2&amp;p=176</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>FlyJS 1.0 Alpha</title>
		<link>http://www.oocss.cc/?p=144</link>
		<comments>http://www.oocss.cc/?p=144#comments</comments>
		<pubDate>Mon, 21 Dec 2009 13:16:31 +0000</pubDate>
		<dc:creator>李子哥哥</dc:creator>
				<category><![CDATA[FlyJS]]></category>
		<category><![CDATA[前端技术]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[fly]]></category>
		<category><![CDATA[fly javascript framework]]></category>
		<category><![CDATA[fly js]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[javascript framework]]></category>
		<category><![CDATA[js]]></category>
		<category><![CDATA[选择器]]></category>

		<guid isPermaLink="false">http://www.oocss.cc/?p=144</guid>
		<description><![CDATA[fly
flyConfig
fly.lib.Function
fly.lib.Data
fly.lib.String
fly.lib.Event
fly.lib.Json
fly.lib.Ajax
fly.lib.Cookie
fly.ui.DomHelper
fly.ui.Style
fly.linq
fly.linq.IEnumerable
fly.ui.selector
fly.ui.selector.DomQuery
$.选择器.基本
$.选择器.层级
$.选择器.简单
$.选择器.内容
$.选择器.可见性
$.选择器.属性
$.选择器.子元素
$.选择器.表单
$.选择器.表单对象属性
$.选择器.技巧]]></description>
			<content:encoded><![CDATA[<p>　　下载地址:<br />
　　　　<a href="http://github.com/flyframework/fly-javascript-framwrork/downloads" target="_blank">http://github.com/flyframework/fly-javascript-framwrork/downloads</a></p>
<p>　　　　<a title="fly javascript framework" href="http://files.cnblogs.com/kuiyouli/fly.rar" target="_blank">fly javascript framework</a></p>
<p>         Api文档：</p>
<p>　　　　<a href="http://www.oocss.cc/download/flyjs/flyjs_api.htm" target="_blank">http://www.oocss.cc/download/flyjs/flyjs_api.htm</a><br/><br />
           QQ交流群:8-0-9-5-6-4-2-5<br/><br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Email:flyframework@gmail.com<br />
<iframe style="height:1600px;width:100%" scroll="yes" frameborder="no" src="http://www.oocss.cc/download/flyjs/flyjs_api.htm" ></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oocss.cc/?feed=rss2&amp;p=144</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>基于jQuery 常用控件收集</title>
		<link>http://www.oocss.cc/?p=138</link>
		<comments>http://www.oocss.cc/?p=138#comments</comments>
		<pubDate>Mon, 05 Oct 2009 10:31:04 +0000</pubDate>
		<dc:creator>李子哥哥</dc:creator>
				<category><![CDATA[前端技术]]></category>

		<guid isPermaLink="false">http://www.oocss.cc/?p=138</guid>
		<description><![CDATA[一些常用的 jQuery 控件收集]]></description>
			<content:encoded><![CDATA[<p><span style="color: #808080;">原文地址： http://www.open-open.com/ajax/jQuery.htm </span></p>
<p>Horizontal accordion: jQuery</p>
<p>基于jQuery开发，非常简单的水平方向折叠控件。</p>
<p>Horizontal accordion: jQuery</p>
<p>jQuery-Horizontal Accordion</p>
<p>具有XBOX360 blade界面风格的水平方向Accordion。</p>
<p>jQuery-Horizontal Accordion</p>
<p>AutoComplete-JQuery</p>
<p>jQuery插件易于集成到现在的表单中(Form)。</p>
<p>AutoComplete-JQuery</p>
<p>Facebook like Autocomplete</p>
<p>基于jQuery开发，类似于FaceBoox提供的AutoCompleter。</p>
<p>Facebook like Autocomplete</p>
<p>jQuery Autocomplete Mod</p>
<p>jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。</p>
<p>jQuery Autocomplete Mod</p>
<p>jqac</p>
<p>基于Jquery开发的Autocomplete插件。具有易于使用，配置简单，既可以利用Ajax读取数据也可以直接从本地获取数据。</p>
<p>jqac</p>
<p>jQuery Tag Suggestion</p>
<p>类似于del.icio.us提供的tag suggesting功能。</p>
<p>jQuery Tag Suggestion</p>
<p>Autocomplete-jQuery ajax</p>
<p>利用jQuery(Ajax)，PHP和MySQL开发的AutoCompleter。</p>
<p>Autocomplete-jQuery ajax</p>
<p>jQuery.Suggest</p>
<p>跨浏览器支持，基于jQuery开发的Autocomplete library。</p>
<p>jQuery.Suggest</p>
<p>Autocomplete- jQuery plugin</p>
<p>一个jQuery Autocompleter，提供缓存选项来限制对服务器的请求。</p>
<p>Autocomplete- jQuery plugin</p>
<p>jquery-aop</p>
<p>为JavaScript增加面向方面编程特性的jQuery插件。它能给任何函数添加Advices(Before、After与Around)。</p>
<p>jquery-aop</p>
<p>jQuery Pagination</p>
<p>jQuery分页插件</p>
<p>jQuery Pagination</p>
<p>Facebox</p>
<p>Facebox是一个基于jQuery，Facebook-style的lightbox。能够展示示images，divs或者整个远程页面。</p>
<p>Facebox</p>
<p>jwysiwyg</p>
<p>WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。</p>
<p>jwysiwyg</p>
<p>Flexigrid</p>
<p>Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。</p>
<p>Flexigrid</p>
<p>SimpleModal</p>
<p>SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。</p>
<p>SimpleModal</p>
<p>Farbtastic</p>
<p>Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件，然后每个控件关联到页面中的一个元素比如：文本输入框。</p>
<p>Farbtastic</p>
<p>ContextMenu</p>
<p>用于创建右键弹出菜单的jQuery插件。</p>
<p>ContextMenu</p>
<p>Damn Small Rich Text Editor</p>
<p>基于jQuery开发，能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能，可设置文本编辑区大小，Ajax上传图片等。</p>
<p>Damn Small Rich Text Editor</p>
<p>jNice</p>
<p>创建自定义外观的Form元素，功能与正常的Form元素相似。</p>
<p>jNice<br />
imgAreaSelect</p>
<p>imgAreaSelect这个jQuery插件能够选取一张图片中一个矩形区域。</p>
<p>imgAreaSelect</p>
<p>jQuery calculate</p>
<p>jQuery计算插件，提供一些常用的数学计算功能比如：Sum、Average、Min、Max等。</p>
<p>jQuery calculate</p>
<p>Easy Slide</p>
<p>EasySlide是以jQuery为基础开发的一个图库展示插件，EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示，并加上鼠标指向时的暂停效果(Pause)，可以当作图库展示或是动画及广告Banner使用。</p>
<p>Easy Slide</p>
<p>Easy News</p>
<p>Easy News是一个可以让您轻松显示网站新闻或图文内容展示的jQuery插件，可设定Fade In-Out ,Slide Up-Down, Left To Right 的效果，调整显示速度，可自行修改CSS改变您为喜欢的风格。</p>
<p>Easy News</p>
<p>Easy News Plus</p>
<p>Easy News Plus是基于Easy News开发，滚动式新闻或图文内容展示的jQuery插件，但是与Easy News有完全不同的显示方式(以左右滑动为主要的显示方法)。</p>
<p>Easy News Plus</p>
<p>jTip</p>
<p>jTip一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单，只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。</p>
<p>jTip</p>
<p>BetterTip</p>
<p>一个可以自定义Tooltip的jQuery插件。基于jTip，但比它来得更加灵活。</p>
<p>BetterTip</p>
<p>jQuery plugin: Accordion</p>
<p>用于创建 折叠菜单的jQuery插件。</p>
<p>jQuery plugin: Accordion</p>
<p>clueTip</p>
<p>clueTip这个jQuery插件方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时，它的内容将变成clueTip的标题。clueTip中显示的内容可以通过Ajax获取，也可以从当前页面中的元素中获取。</p>
<p>clueTip</p>
<p>jQuery plugin: Treeview</p>
<p>这个插件能够把无序列表转换成可展开与收缩的Tree。</p>
<p>jQuery plugin: Treeview</p>
<p>jQuery plugin: Validation</p>
<p>jQuery校验插件。</p>
<p>jQuery plugin: Validation</p>
<p>Flot</p>
<p>Flot一个纯javascript绘画库，基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。</p>
<p>Flot</p>
<p>jQuery select box</p>
<p>模仿HTML select box实现功能的一个下拉菜单。</p>
<p>jQuery select box</p>
<p>jQZoom</p>
<p>基于jQuery开发的图片放大镜插件。</p>
<p>jQZoom</p>
<p>jQuery lightBox plugin</p>
<p>一个简单，强大基于jQuery开发的lightBox控件。</p>
<p>jQuery lightBox plugin</p>
<p>xmlObjectifier</p>
<p>基于jQuery开发，能够把XML DOM转换成 JSON的JavaScript library。</p>
<p>xmlObjectifier</p>
<p>jQuery Plugin: Text Highlight</p>
<p>利用javascript对页面中的关键字进行着色的jQuery插件。</p>
<p>jQuery Plugin: Text Highlight</p>
<p>jQuery UI</p>
<p>基于jQuery开发的一套UI框架。包括一些常用的工具，特效，UI控件。Accordion，Calendar，Dialog（模式浮动对话框与确认框），Slider，Table（可排序的表格），Tabs，Menu，Tree，Uploader等。</p>
<p>jQuery UI</p>
<p>FastFind Menu Script</p>
<p>可拖动的嵌套菜单窗体，基于动态&#8221;AJAX&#8221;响应。</p>
<p>FastFind Menu Script</p>
<p>iconDock</p>
<p>iconDock一个基于jQuery开发的Fisheye menu。</p>
<p>iconDock<br />
jqUploader</p>
<p>结合Javascript与Flash开发，拥有上传进度条的文件上传控件。</p>
<p>jqUploader</p>
<p>jQuery UI Datepicker</p>
<p>基于jQuery开发的日期选择控件。</p>
<p>jQuery UI Datepicker</p>
<p>jQuery UI Tabs</p>
<p>jQuery UI Tabs：一个功能强大，易于使用的Tab控件。</p>
<p>jQuery UI Tabs</p>
<p>JQuery Portlets</p>
<p>这个jQuery插件提供一些Portlets功能包括：drag/drop，expand，collapse等。</p>
<p>JQuery Portlets</p>
<p>jstree</p>
<p>jsTree是一个基于jQuery的Tree控件。支持XML，JSON，Html三种数据源。提供创建，重命名，移动，删除，拖\放节点操作。可以自己自定义创建，删除，嵌套，重命名，选择节点的规则。在这些操作上可以添加多种监听事件。</p>
<p>jstree</p>
<p>jScrollPane</p>
<p>jScrollPane这个jQuery插件可以让你通过简单的CSS设置就能够替换所有分块元素在浏览器中默认的垂直滚动条样式。</p>
<p>jScrollPane</p>
<p>EasyDrag jQuery Plugin</p>
<p>这个jQuery Plugin能够为大部DOM元素添加拖放功能。</p>
<p>EasyDrag jQuery Plugin</p>
<p>jQuery Corner</p>
<p>不需要图片就能够创建各种圆角形状的jQuery插件。</p>
<p>jQuery Corner</p>
<p>JQuery Curvy Corners</p>
<p>用于创建圆角的jQuery插件。压缩之后大小只有9k。</p>
<p>JQuery Curvy Corners</p>
<p>jQuery Corner</p>
<p>更多圆角效果的jQuery插件。</p>
<p>jQuery Corner</p>
<p>jQuery Ajax Rater Plugin</p>
<p>能够动态创建Ajax Rater的jQuery插件。</p>
<p>jQuery Ajax Rater Plugin</p>
<p>jCarousel Lite</p>
<p>这个jQuery插件能够帮助你以滚动（carousel）的方式来组织图片和其它内容。</p>
<p>jCarousel Lite</p>
<p>jCarousel</p>
<p>jCarousel是一个jQuery插件用于控制一个列表项目的水平或垂直顺序，列表项目的内容可以是静态HTML内容或通过AJAX加载的内容。可以向前或向后滚动。</p>
<p>jCarousel</p>
<p>jQchart</p>
<p>基于Canvas+jQuery，可拖放/交互的简单图形控件。</p>
<p>jQchart</p>
<p>Accordion Menu script</p>
<p>基于jQuery开发的可折叠菜单。</p>
<p>Accordion Menu script</p>
<p>jQuery File Tree</p>
<p>jQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。可以通过CSS定制外观，指定文件树展开图标，可以自己定义展开／收缩事件、速度，配置加载信息等。 jQuery File Tree通过Ajax来获取文件信息。</p>
<p>jQuery File Tree</p>
<p>Farbtastic</p>
<p>Farbtastic是一个采用jQuery开发的颜色选择器控件。</p>
<p>Farbtastic</p>
<p>Damn Small Rich Text Editor</p>
<p>基于jQuery开发，压缩之后只有18k左右的Rich Text Editor。提供所有基本的RichText功能，调整文本区域大小，使用AjaxFileUpload插件上传图片，清除HTML标签，标记文本修改，支持多种浏览器（FF1.5+、IE7、IE6）。此外还支持通过插件来扩展文本处理功能。</p>
<p>Damn Small Rich Text Editor</p>
<p>jQuery Impromptu</p>
<p>用于创建模式对话框，确认对话框，输入内容对话框的jQuery插件。</p>
<p>jQuery Impromptu</p>
<p>Spacegallery-Jquery</p>
<p>一个采用jQuery开发，类似于Flash效果的图库（image gallery）。</p>
<p>Spacegallery-Jquery<br />
jQuery Slider Gallery</p>
<p>这是一个基于jQuery开发相册控件，类似于Apple网站上用于展示产品的效果。</p>
<p>jQuery Slider Gallery</p>
<p>jQuery Color Picker</p>
<p>一个简单的颜色选择控件。操作方式与Adobe Photoshop中颜色选择操作置。</p>
<p>jQuery Color Picker</p>
<p>jQuery Cycle Plugin</p>
<p>jQuery Cycle Plugin是一个slideshow插件。支持多种变换效果：shuffle、zoom、fade、turnDown、curtainX、scrollRight。</p>
<p>jQuery Cycle Plugin</p>
<p>Ingrid</p>
<p>这个jQuery DataGrid提供的功能有：可以拖动调整列宽，分页，排序，设置行/列样式等。</p>
<p>Ingrid</p>
<p>jFeed</p>
<p>jFeed是一个基于jQuery开发的RSS/ATOM Feed解析器。 jFeed能够解析RSS0.91、0.92、1.0、2.0和Atom1.0 Feeds。</p>
<p>jFeed</p>
<p>jQuery.combobox</p>
<p>jQuery.combobox是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。</p>
<p>jQuery.combobox</p>
<p>jquery.sparkline</p>
<p>这是一个用于生成迷你型线状图的jQuery插件。</p>
<p>jquery.sparkline</p>
<p>jQuery.UI ProgressBar Widget</p>
<p>采用jQuery开发的进度条控件。</p>
<p>jQuery.UI ProgressBar Widget</p>
<p>jQuery.UI Messenger\Outlook like message notification Widget</p>
<p>这个jQuery.UI控件类似于Messenger\Outlook消息弹出提醒框。</p>
<p>jQuery.UI Messenger\Outlook like message notification Widget</p>
<p>jQuery</p>
<p>jQuery是一个快速、简洁的JavaScript框架，帮助你简化查询DOM对象，处理事件，制作动画，和处理Ajax交互过程。利用jQuery将改变你编写JavaScript代码的方式。原先用20行代码完成的功能，jQuery用10行就可以轻松搞定。</p>
<p>jQuery</p>
<p>Zoomimage</p>
<p>该jQuery插件能够让以当前流行的方式来展示图片。提供：预加载图片提示，对图片进行分组，自动调整图片显示比例，图片分组浏览控制。</p>
<p>Zoomimage</p>
<p>prettyPhoto</p>
<p>prettyPhoto是jQuery lightbox的一个“克隆”。并增加动画效果，图库浏览等特性。</p>
<p>prettyPhoto</p>
<p>ThickBox</p>
<p>ThickBox是一个模式对话框UI控件。基于jQuery开发，可以用来展示单张或多张图片，内嵌的内容，iframed的内容，或通过Ajax获取的内容。</p>
<p>ThickBox</p>
<p>Ajax Poll</p>
<p>利用jQuery的Ajax和动画效果并给合PHP开发的投票系统。</p>
<p>Ajax Poll</p>
<p>prettyCheckboxes</p>
<p>一个简单的jQuery插件用于定制checkboxe和radio按纽的外观。</p>
<p>prettyCheckboxes</p>
<p>Galleria</p>
<p>Galleria是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件，因此可以在图片加载时执行一些动作。</p>
<p>Galleria</p>
<p>jGrow</p>
<p>jGrow这个jQuery插件能够让textarea根据文本的长度自动调整它的大小。</p>
<p>jGrow</p>
<p>jQuery Flash Plugin</p>
<p>一个jQuery插件用于在页面中嵌入Flash影片。</p>
<p>jQuery Flash Plugin</p>
<p>jQuery.SerialScroll</p>
<p>jQuery.SerialScroll是一个用于创建滚动效果的jQuery插件，支持水平／垂直方向滚动和混合滚动效果。</p>
<p>jQuery.SerialScroll</p>
<p>jQuery plugin: Autocomplete</p>
<p>自动完成输入框值让用户能够快速查找和过滤某些值。</p>
<p>jQuery plugin: Autocomplete<br />
jSuggest</p>
<p>模仿Google Suggest功能的AutoComplete jQuery插件。</p>
<p>jSuggest</p>
<p>jQuery API</p>
<p>本文档旨在帮助广大javascript爱好者快速了解jquery库，以及供广大应用jquery进行开发的人员提供一个速查手册！本文档资源来自于jquery.org.cn,部分内容直接翻译或copy自jquery.com！感谢jquery框架开发者John Resig及其所在的jQuery team.为我们提供这么好的javascript开发类库，感谢jquery.org.cn为翻译做出的努力！</p>
<p>jQuery API</p>
<p>jQueryAPI_CHM</p>
<p>最新jQuery API中文手册。本CHM手册旨在帮助广大jQuery爱好者快速了解jquery库和jquery开发人员提供一份速查手册。jQueryAPI_CHM</p>
<p>FancyBox</p>
<p>基于jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该Lightbox除了能够展示图片之外，还可以展示iframed内容， 通过CSS自定义外观。</p>
<p>FancyBox</p>
<p>jQuery1.2 API 中文版手册</p>
<p>仿Visiul jQuery的样式的jQuery1.2 API 参考文档中文版。</p>
<p>jQuery1.2 API 中文版手册</p>
<p>JQuery Progress Bar</p>
<p>基于jQuery开发的进度条控件。在其网站上提供一个可以显示文件上传进度的例子，服务器端采用PHP处理。</p>
<p>JQuery Progress Bar</p>
<p>jQuery Form Plugin</p>
<p>为表单(Form)提供全面Ajax支持，包括文件上传功能的jQuery插件。提供的方法/功能包括：ajaxForm、ajaxSubmit、formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、clearFields、resetForm。这些方法能够让你轻松地管理Form中的数据和Form无刷新提交。</p>
<p>jQuery Form Plugin</p>
<p>jTemplates</p>
<p>基于jQuery开发的javascript模板引擎。</p>
<p>jTemplates</p>
<p>Animated Collapsible DIV</p>
<p>为任何DIV层添加Web2.0风格的动画隐藏/显示效果。</p>
<p>Animated Collapsible DIV</p>
<p>InnerFade</p>
<p>InnerFade这个jQuery插件能够让任意一组元素（img，div等）实现淡入淡出播放效果。</p>
<p>InnerFade</p>
<p>pager jQuery plug-in</p>
<p>jQuery分页插件。</p>
<p>pager jQuery plug-in</p>
<p>Coda Popup Bubbles</p>
<p>采用jQuery开发，类似“冒泡”效果的提醒弹出框。</p>
<p>Coda Popup Bubbles</p>
<p>Simple Effects Plugins</p>
<p>jQuery特效插件，可以实现收缩，隐藏，显示，淡入/淡出和上下滑动效果等．</p>
<p>Simple Effects Plugins</p>
<p>mcDropdown jQuery Plug-in</p>
<p>mcDropdown是一个独特的UI控件，它能够让用户在一个复杂分级的树形下拉选项中进行选择。</p>
<p>mcDropdown jQuery Plug-in</p>
<p>jQuery.Hotkeys plugin</p>
<p>这个jQuery插件能够帮助你快速创建键盘触发事件。支持任意组合键。</p>
<p>jQuery.Hotkeys plugin</p>
<p>jGrowl</p>
<p>jGrowl用于制作消息弹出框的jQuery插件。产生效果的类似于Mac　OSX系统中Growl事件通知框架。</p>
<p>jGrowl</p>
<p>jQuery Grid</p>
<p>jqGrid是一个Ajaxed jQuery Grid插件。提供分页功能，添加、编辑、删除和搜索表中记录，支持多种数据类型输入：XML，JSON，Array等，多行选择，支持子表格，集成日期选择控件等等。</p>
<p>Demo</p>
<p>jQuery Grid</p>
<p>jMP3</p>
<p>jMP3是一个采用jQuery开发的JavaScript MP3插放器，提供一种可以在页面上直接播放MP3的简便方式。</p>
<p>jMP3</p>
<p>jQuery Multiple File Upload Plugin</p>
<p>多文件上传插件（jQuery.MultiFile）能够让用户一次性选择多个要上传的文件。此外该插件还提供一些基本的校验功能比如：文件扩展名校验。</p>
<p>jQuery Multiple File Upload Plugin</p>
<p>Masked Input Plugin</p>
<p>Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。</p>
<p>Masked Input Plugin<br />
jQuery password strength meter</p>
<p>用于检测密码强度的jQuery插件。</p>
<p>jQuery password strength meter</p>
<p>Pure</p>
<p>Pure是一个基于jQuery开发，能够动态生成HTML的JavaScript模板引擎。支持JSON数据。</p>
<p>Pure</p>
<p>Star Rating widget</p>
<p>采用jQuery框架开发的评价控件。</p>
<p>Star Rating widget</p>
<p>NyroModal</p>
<p>一个基于jQuery开发，非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容，改变对话框大小等。</p>
<p>NyroModal</p>
<p>Chain.js</p>
<p>Chain.js是一个提供数据绑定功能的jQuery插件。用于自动生成Web内容，有利于数据与表现相分离。</p>
<p>Chain.js</p>
<p>Superfish</p>
<p>jQuery菜单插件。支持水平/垂直方向。弹出子菜单不会被&lt;SELECT&gt;标签挡住。</p>
<p>Superfish</p>
<p>CrossSlide</p>
<p>CrossSlide这个jQuery插件实现了一些常用Javascript幻灯片放映动画效果如：动态地移动、缩放、渐变、滑入\滑出等。</p>
<p>CrossSlide</p>
<p>Magnify</p>
<p>Magnify是一个能够在图片上添加放大镜功能的jQuery插件。</p>
<p>Magnify</p>
<p>jQuery Live Ajax Search Plug-in</p>
<p>采用jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义，内容展示是一个HTML页面。</p>
<p>jQuery Live Ajax Search Plug-in</p>
<p>jVal</p>
<p>jQuery表单校验插件。</p>
<p>jVal</p>
<p>Img Notes</p>
<p>用于当鼠标移到图片是时，显示一个信息提示框。</p>
<p>Img Notes</p>
<p>ppDrag</p>
<p>ppDrag是一个让页面元素拥有拖移（Drag&amp;Drop）效果的jQuery插件。</p>
<p>ppDrag</p>
<p>jqDnR</p>
<p>jqDnR一个轻量级jQuery插件能够让你拖拽任何元素、调整元素大小。</p>
<p>jqDnR</p>
<p>tableHover</p>
<p>tableHover一个jQuery插件当鼠标经过时，能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。</p>
<p>tableHover</p>
<p>Date Picker</p>
<p>Date Picker一个采用jQuery开发的日期选择控件。支持同时显示多个月份日历，标记特殊日期，易于通过CSS定制外观，自定义周的第一天，自定义月份和星期的显示名称。</p>
<p>Date Picker</p>
<p>JQuery.Resizer</p>
<p>一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。</p>
<p>JQuery.Resizer</p>
<p>FancyZoom</p>
<p>FancyZoom采用缩放效果来展示图片或任意HTML页面，不需要另外开启页面来载入图片，其效果在Apple Mac的官方网站中也有。</p>
<p>FancyZoom</p>
<p>Create A Slider From A Select Box</p>
<p>这是一个漂亮的jQuery插件能够自动将select boxes转换成一个sliders控件。</p>
<p>Create A Slider From A Select Box</p>
<p>Jcrop</p>
<p>Jcrop是一个跨浏览器的jQuery图片剪切插件（jQuery image crop plugin）。支持对剪切框加CSS样式，当选取或拖动时添加回调事件（Callbacks），剪切时能够约束宽度与高度。</p>
<p>Jcrop</p>
<p>accordion menu</p>
<p>Accordion风格的jQuery菜单。</p>
<p>accordion menu<br />
CSS Dock Menu</p>
<p>采用jQuery+CSS实现，仿Mac Dock Menu的一个导航菜单。</p>
<p>CSS Dock Menu</p>
<p>Galleriffic</p>
<p>Galleriffic是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看，也可以手动点击缩略图查看。Galleriffic还支持分页，从而使得它能够展示更多的图片。</p>
<p>Galleriffic</p>
<p>TextArea Resizer</p>
<p>这个jQuery插件提供Resizer bar可拖动调整TextArea大小。</p>
<p>TextArea Resizer</p>
<p>Image Upload and Auto Crop</p>
<p>采用PHP+jQuery开发的图片上传和剪切（Crop）工具。</p>
<p>Image Upload and Auto Crop</p>
<p>CheckTree</p>
<p>带Checkbox的树型jQuery插件。</p>
<p>CheckTree</p>
<p>ddcombobox</p>
<p>带AutoComplete功能的下拉选择框jQuery插件。</p>
<p>ddcombobox</p>
<p>Scrollable</p>
<p>Scrollable是一个灵活、轻量级（3.9kb）用于创建滚动内容的jQuery插件。任何内容（HTML、视频、文件、图片等&#8230;）都可以作为一个滚动项。支持水平与垂直两种滚动方向。</p>
<p>Scrollable</p>
<p>tablesorter</p>
<p>tablesorter这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序，支持二级隐藏排序，支持多种浏览器：IE6.0+、FF2+、Safari2.0+、Opera9.0+。</p>
<p>tablesorter</p>
<p>idTabs</p>
<p>idTabs是一个能够创建简单到复杂Tab控件的jQuery插件。支持动态添加和选择Tab，idTabs能够绑定到不同的事件如mouseover。</p>
<p>idTabs</p>
<p>Scroll Follow</p>
<p>Scroll Follow是一个简单的jQuery插件。当滚动页面时，能够让DOM对象产生浮动跟随效果。</p>
<p>Scroll Follow</p>
<p>jQuery Taconite Plugin</p>
<p>这个jQuery插件能够利用单个Ajax调用结果同时更新多个DOM对象。</p>
<p>jQuery Taconite Plugin</p>
<p>jQuery URL Parser</p>
<p>用于解析URLs字符串的jQuery插件。方便你获取协议,主机,端口,查询参数,文件名,路径等。</p>
<p>jQuery URL Parser</p>
<p>jQuery Context Menu</p>
<p>jQuery Context Menu是一个右键菜单插件。通过非常少的设置就能够轻松实现右键菜单功能。</p>
<p>jQuery Context Menu</p>
<p>jQuery Right-click</p>
<p>这个插件能够让你使用jQuery来捕获由鼠标右键触发的事件。这些事件包括：click、mouseup、mousedown。</p>
<p>jQuery Right-click</p>
<p>jQuery MultiSelect</p>
<p>jQuery MultiSelect是一个可配置的jQuery插件。它将普通的列表框表单控件转换成带有CheckBox的下拉列表控件。</p>
<p>jQuery MultiSelect</p>
<p>jqWindowsEngine</p>
<p>这个jQuery插件能够帮助你轻松创建Ajax Windows。</p>
<p>jqWindowsEngine</p>
<p>jQuery Multi Level CSS Menu</p>
<p>这是一个多级水平CSS菜单，利用规则嵌套的HTML列表标签创建。当子菜单靠近窗体右边缘时，将自动调整展示方面。</p>
<p>jQuery Multi Level CSS Menu</p>
<p>jQuery Corners</p>
<p>这是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。</p>
<p>jQuery Corners</p>
<p>prettyGallery</p>
<p>prettyGallery是一个图库导航控件Slider。基于jQuery开发，除了可以导航图片之外，还支持其它任何内容。可以配置导航滚动速度和图片标题说明。</p>
<p>prettyGallery</p>
<p>jQuery.popeye</p>
<p>jQuery.popeye这个插件能够将一组无序的图片列表转换成一个简单的相册。当点击图片时将以Lightbox风格放大图片。图片展示框提供向前/向后控制并能够为每一张图片添加备注说明信息。jQuery.popeye能够根据图片大小自动调整展示框的高度和宽度。</p>
<p>jQuery.popeye<br />
s3Slider</p>
<p>s3Slider是一个jQuery slideshow插件，效果类似于smooth slideshow。</p>
<p>可以在图片上的任意位置，透明显示当前所放映图片的说明信息。</p>
<p>s3Slider</p>
<p>jQuery Star Rating Plugin</p>
<p>Star Rating Plugin是一个基于一组radio input boxes实现的星形评价控件。</p>
<p>jQuery Star Rating Plugin</p>
<p>jQuery.xml2json</p>
<p>jQuery.xml2json是一个能够将简单的XML转换成JSON对象的jQuery插件。</p>
<p>jQuery.xml2json</p>
<p>Pirobox</p>
<p>采用jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。</p>
<p>Pirobox</p>
<p>jQuery: Ajax file upload</p>
<p>Ajax文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外，可以使用任何元素（图片，文字，按纽等）来触发文件选择窗口。</p>
<p>jQuery: Ajax file upload</p>
<p>csv2table</p>
<p>csv2table这个插件能够将CVS文件（利用Excel创建）的内容转换成HTML Table。</p>
<p>csv2table</p>
<p>Simple Controls Gallery</p>
<p>这是一个采用jQuery开发的图片slideshow控件。提供一个暂停/播放/向前/向后展示的控制菜单。这个jQuery slideshow可以设置当页面打开时自动播放图片并能够将最近查看的图片存储在cookie中。</p>
<p>Simple Controls Gallery</p>
<p>Ajaxify</p>
<p>Ajaxify这个jQuery插件能够将一个页面中的所有链接转换成Ajax加载和提交请求。</p>
<p>Ajaxify</p>
<p>Agile Carousel</p>
<p>Jquery Slideshow插件。易于定制图片切换效果。提供开/关图片标题显示，添加文本水印等功能。</p>
<p>Agile Carousel</p>
<p>jQuery Alert Dialogs</p>
<p>这个jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。</p>
<p>jQuery Alert Dialogs</p>
<p>jQuery Plugin-Page Peel</p>
<p>这是一个用于创建Page Peel(卷页/页面剥落)特效的jQuery插件。</p>
<p>jQuery Plugin-Page Peel</p>
<p>Easy Slider</p>
<p>一个jQuery插件，当点击导航按纽时可以水平或垂直播放图片或其它任何内容。</p>
<p>Easy Slider</p>
<p>tableFormSynch</p>
<p>tableFormSynch是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括：基于表单中的数据，新增行。删除所选择行，并清除表单中的所有数据。tableFormSynch支持所有表单控件包括：checkboxes、radio、buttons与&lt;select&gt;。</p>
<p>tableFormSynch</p>
<p>Date Range Picker</p>
<p>基于jQuery UI1.6与jQuery UI CSS框架开发的日期选择控件。</p>
<p>Date Range Picker</p>
<p>imgPreview</p>
<p>图片预览jQuery插件。当鼠标移到图片链接上时，会在链接的旁边出现一个类似于tooltip效果的图片展示框。</p>
<p>imgPreview</p>
<p>ListNav</p>
<p>ListNav是一个用于创建按字母顺序分类导航的jQuery插件。</p>
<p>ListNav</p>
<p>Editable(jQuery Editable Plugin)</p>
<p>这是一个真正可定制的jQuery editableplugin。当前它能够将任意不可编辑的标签（span、div、p&#8230;等）转换成可编辑的textinput、password、textarea、下拉列表（drop-downlist）等标签。你可以利用它的editableFactory对象来扩展添加自己所需的input type。</p>
<p>Editable(jQuery Editable Plugin)</p>
<p>Jquery Fade In.Fade Out</p>
<p>这是一个用于让图片产生淡入淡出效果的jQuery插件。</p>
<p>Jquery Fade In.Fade Out</p>
<p>Captify</p>
<p>这个jQuery插件能够在图片上显示标题信息，当鼠标放到图片上时滑动出现。</p>
<p>Captify</p>
<p>Simpletip</p>
<p>Simpletip是一个基于jQuery开发的Tooltips控件。Tooltips可以附在任意元素（标签）之上。并定制展示方式与位置。tooltips可以是静态，动态或通过Ajax加载。</p>
<p>Simpletip</p>
<p>Smooth Navigation Menu</p>
<p>Smooth Navigation Menu是一个采用jQuery开发，基于CSS的多层级网站导航菜单。菜单项的内容既可以直接从当前页面中获取，也可以从一个外面文件或通过Ajax获取。</p>
<p>Smooth Navigation Menu</p>
<p>iColorPicker</p>
<p>iColorPicker是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为“iColorPicker”就能变一个漂亮的颜色选择器。</p>
<p>iColorPicker</p>
<p>BeautyTips</p>
<p>BeautyTips是一个jQuery Tooltip插件.</p>
<p>BeautyTips</p>
<p>jdMenu</p>
<p>jdMenu是用于创建水平/垂直分层下拉菜单的jQuery插件.支持通过Ajax加载菜单项，自定义动画效果，易于定制外观，支持相对(relative)与绝对(absolute) 定位等。</p>
<p>jdMenu</p>
<p>JQuery Pager</p>
<p>一个利用jQuery开发的分页UI控件，可用于数据驱动的web应用程序中。</p>
<p>JQuery Pager</p>
<p>jqDock</p>
<p>这是一个能够将一组图片转换成类似于Mac风格鱼眼菜单(Dock Menu)的jQuery插件。菜单可以是水平方向或垂直方向。</p>
<p>jqDock</p>
<p>jParallax</p>
<p>这是一个用于生成视差现象的jQuery插件。mParallax能够产生的效果与jParallax一样但采用Mootools框架开发。</p>
<p>jParallax</p>
<p>NicejForm</p>
<p>NiceJForm是一个拥有完美外形的表单，它是基于jquery库的，NiceJForms实际上是个jquery插件，用来使表单看起来更为美观。这不是最终版本，我知道可以通过多种途径改良它的脚本，但是至少，这是一个可以使用的稳定版本。非常感谢Lucian Slatineanu发布的NiceJForm，在他的blog中你可以获得更多信息。<br />
在IE6，IE7，Firefox2.0中测试成功。</p>
<p>NicejForm</p>
]]></content:encoded>
			<wfw:commentRss>http://www.oocss.cc/?feed=rss2&amp;p=138</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>6个图标搜索站</title>
		<link>http://www.oocss.cc/?p=132</link>
		<comments>http://www.oocss.cc/?p=132#comments</comments>
		<pubDate>Sat, 19 Sep 2009 08:49:50 +0000</pubDate>
		<dc:creator>李子哥哥</dc:creator>
				<category><![CDATA[图标]]></category>
		<category><![CDATA[设计资源]]></category>
		<category><![CDATA[图片]]></category>
		<category><![CDATA[资源]]></category>

		<guid isPermaLink="false">http://www.oo-css.cn/?p=132</guid>
		<description><![CDATA[<img src='http://pelfusion.com/wp-content/uploads/2009/08/iconfinder.jpg' />]]></description>
			<content:encoded><![CDATA[<h6>1. <a href="http://www.iconfinder.net/" target="_blank">IconFinder</a></h6>
<p>Iconfinder provides high quality icons for webdesigners and developers in an easy and efficient way.</p>
<p><a href="http://www.iconfinder.net/" target="_blank">
<div style="height:150px;background-image:url(http://cdn.iconfinder.net/design/images/sprite003.png);background-repeat:no-repeat"></div>
<p></a></p>
<h6>2. <a href="http://www.iconlet.com/" target="_blank">IconLet</a></h6>
<p>Iconlet is simple search engine for <a title="free" href="http://pelfusion.com/tag/free/">free</a> icons, images.</p>
<p><a href="http://www.iconlet.com/" target="_blank"><img title="IconLet - Icon Search Engine" src="http://www.iconlet.com/gfx/ib.gif" alt="IconLet - Icon Search Engine"  /></a></p>
<h6>3. <a href="http://www.iconlook.com/" target="_blank">IconLook</a></h6>
<p>ICONlook.com is a place where to find your icons.</p>
<p><a href="http://www.iconlook.com/" target="_blank">
<div style='height:100px;background:url(http://www.iconlook.com/img/bg.png) no-repeat center -320px'></div>
<p></a></p>
<h6>4. <a href="http://www.veryicon.com/" target="_blank">VeryIcon</a></h6>
<p>The VeryIcom.com is a icon search engine, it contents over 20000 high quaility web icons in more than 1000 icon packs.</p>
<p><a href="http://www.veryicon.com/" target="_blank"><img title="VeryIcon - Icon Search Engine" src="http://www.veryicon.com/images/logo.gif" alt="VeryIcon - Icon Search Engine"  /></a></p>
<h6>5. <a href="http://www.iconseeker.com/" target="_blank">IconSeeker</a></h6>
<p>The IconSeeker.com is the best icon search engine on web, it contents about 50,000+ high quaility icons and each icon has PNG, ICO and ICNS formats for Windows, Macintosh and Linux Systems.</p>
<p><a href="http://www.iconseeker.com/" target="_blank"><img title="IconSeeker - Icon Search Engine" src="http://www.iconseeker.com/images/logo.gif" alt="IconSeeker - Icon Search Engine"  /></a></p>
<h6>6. <a href="http://icons-search.com/" target="_blank">Icons-Search</a></h6>
<p>The Icons-Search is an Icon Search Engine that helps you to find quality icons available on the Internet.</p>
<p><a href="http://icons-search.com/" target="_blank"><img title="IconsSearch - Icon Search Engine" src="http://icons-search.com/images/IconsSearchLogo.gif" alt="IconsSearch - Icon Search Engine"  /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oocss.cc/?feed=rss2&amp;p=132</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>DOM分析工具</title>
		<link>http://www.oocss.cc/?p=125</link>
		<comments>http://www.oocss.cc/?p=125#comments</comments>
		<pubDate>Sat, 19 Sep 2009 07:57:13 +0000</pubDate>
		<dc:creator>李子哥哥</dc:creator>
				<category><![CDATA[工具]]></category>
		<category><![CDATA[DOM]]></category>
		<category><![CDATA[Firebug]]></category>
		<category><![CDATA[IE Developer Toolbar]]></category>

		<guid isPermaLink="false">http://www.oo-css.cn/?p=125</guid>
		<description><![CDATA[1. IE Developer Toolbar
           微软出品，可以方便的查看、修改元素属性，帮助分析调试CSS、DOM结构，IE8已集成该工具
           下载：http://www.microsoft.com/downloads/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&#38;displaylang=en
            
2.FireBug
            Firefox下的HTML、CSS、JS调试工具
            下载：https://addons.mozilla.org/en-US/firefox/addon/1843
            
]]></description>
			<content:encoded><![CDATA[<p><strong>1. IE Developer Toolbar</strong></p>
<p>           微软出品，可以方便的查看、修改元素属性，帮助分析调试CSS、DOM结构，IE8已集成该工具</p>
<p>           下载：<a href="http://www.microsoft.com/downloads/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&amp;displaylang=en">http://www.microsoft.com/downloads/details.aspx?familyid=E59C3964-672D-4511-BB3E-2D5E1DB91038&amp;displaylang=en</a></p>
<p>            <img class="alignnone size-full wp-image-127" title="IE Developer Toolbar+1" src="http://www.oo-css.cn/wp-content/uploads/2009/09/IE-Developer-Toolbar+1.jpg" alt="IE Developer Toolbar+1" width="640" height="391" /></p>
<p><strong>2.FireBug</strong></p>
<p>            Firefox下的HTML、CSS、JS调试工具</p>
<p>            下载：<a href="https://addons.mozilla.org/en-US/firefox/addon/1843">https://addons.mozilla.org/en-US/firefox/addon/1843</a></p>
<p>            <img class="alignnone size-full wp-image-128" title="FireBug+1" src="http://www.oo-css.cn/wp-content/uploads/2009/09/FireBug+1.jpg" alt="FireBug+1" width="640" height="345" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oocss.cc/?feed=rss2&amp;p=125</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS 学习资源收集</title>
		<link>http://www.oocss.cc/?p=111</link>
		<comments>http://www.oocss.cc/?p=111#comments</comments>
		<pubDate>Thu, 17 Sep 2009 17:20:08 +0000</pubDate>
		<dc:creator>李子哥哥</dc:creator>
				<category><![CDATA[前端技术]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[资源]]></category>

		<guid isPermaLink="false">http://www.oo-css.cn/?p=111</guid>
		<description><![CDATA[1.《CSS 滤镜参考手册》
一个不错的CSS滤镜帮助文档，chm格式，可显示实例效果。
下载：《CSS 滤镜参考手册》www.oo-css.cn .chm
2.《CSS 2.0 样式表中文手册》
chm格式
下载：《CSS 2.0 样式表中文手册》www.oo-css.cn .chm
3.《CSS3 完全参考手册》
chm格式
下载：《CSS3 完全参考手册》www.oo-css.cn .chm
]]></description>
			<content:encoded><![CDATA[<p>1.《CSS 滤镜参考手册》<br />
一个不错的CSS滤镜帮助文档，chm格式，可显示实例效果。<br />
下载：<a href="download/css/cssFilter www.oo-css.cn .rar">《CSS 滤镜参考手册》www.oo-css.cn .chm</a></p>
<p>2.《CSS 2.0 样式表中文手册》<br />
chm格式<br />
下载：<a href="download/css/css2.0 www.oo-css.cn .rar">《CSS 2.0 样式表中文手册》www.oo-css.cn .chm</a></p>
<p>3.《CSS3 完全参考手册》<br />
chm格式<br />
下载：<a href="download/css/css3.0 www.oo-css.cn .rar">《CSS3 完全参考手册》www.oo-css.cn .chm</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oocss.cc/?feed=rss2&amp;p=111</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>留言板</title>
		<link>http://www.oocss.cc/?p=99</link>
		<comments>http://www.oocss.cc/?p=99#comments</comments>
		<pubDate>Wed, 09 Sep 2009 17:20:32 +0000</pubDate>
		<dc:creator>李子哥哥</dc:creator>
				<category><![CDATA[其他]]></category>

		<guid isPermaLink="false">http://www.oo-css.cn/?p=99</guid>
		<description><![CDATA[不用怀疑，这就是我的留言板了
如果你有什么想说的话，就写在这儿吧，一定会尽快回复你
]]></description>
			<content:encoded><![CDATA[<p>不用怀疑，这就是我的留言板了</p>
<p>如果你有什么想说的话，就写在这儿吧，一定会尽快回复你</p>
]]></content:encoded>
			<wfw:commentRss>http://www.oocss.cc/?feed=rss2&amp;p=99</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>图片</title>
		<link>http://www.oocss.cc/?p=91</link>
		<comments>http://www.oocss.cc/?p=91#comments</comments>
		<pubDate>Wed, 09 Sep 2009 07:03:58 +0000</pubDate>
		<dc:creator>李子哥哥</dc:creator>
				<category><![CDATA[图片]]></category>
		<category><![CDATA[设计资源]]></category>

		<guid isPermaLink="false">http://www.oo-css.cn/?p=91</guid>
		<description><![CDATA[　]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-93" title="2009_by_SelloR" src="http://www.oo-css.cn/wp-content/uploads/2009/09/2009_by_SelloR.png" alt="2009_by_SelloR" width="600" height="480" /></p>
<p> </p>
<p><img class="alignnone size-full wp-image-92" title="34d60feaf658c6445868c125ab628ed0" src="http://www.oo-css.cn/wp-content/uploads/2009/09/34d60feaf658c6445868c125ab628ed0.jpg" alt="34d60feaf658c6445868c125ab628ed0" width="600" height="400" /></p>
<p> </p>
<p><img class="alignnone size-full wp-image-90" title="03-16_gangsta_game" src="http://www.oo-css.cn/wp-content/uploads/2009/09/03-16_gangsta_game.jpg" alt="03-16_gangsta_game" width="550" height="550" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oocss.cc/?feed=rss2&amp;p=91</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>超酷的车</title>
		<link>http://www.oocss.cc/?p=79</link>
		<comments>http://www.oocss.cc/?p=79#comments</comments>
		<pubDate>Wed, 09 Sep 2009 06:20:45 +0000</pubDate>
		<dc:creator>李子哥哥</dc:creator>
				<category><![CDATA[图片]]></category>
		<category><![CDATA[设计资源]]></category>

		<guid isPermaLink="false">http://www.oo-css.cn/?p=79</guid>
		<description><![CDATA[　]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-medium wp-image-78" title="Wallpapers-room_com___Honda_NAS_Vector_by_dangeruss_1600x1280" src="http://www.oo-css.cn/wp-content/uploads/2009/09/Wallpapers-room_com___Honda_NAS_Vector_by_dangeruss_1600x1280-300x240.jpg" alt="Wallpapers-room_com___Honda_NAS_Vector_by_dangeruss_1600x1280" width="300" height="240" /></p>
<p> </p>
<p><img class="alignnone size-full wp-image-81" title="Scuderia Spider 16M" src="http://www.oo-css.cn/wp-content/uploads/2009/09/2009-Ferrari-Scuderia-Spider-16M-Red-Rear-Angle.jpg" alt="Scuderia Spider 16M" width="600" height="450" /></p>
<p> </p>
<p><img class="alignnone size-full wp-image-83" title="G080011" src="http://www.oo-css.cn/wp-content/uploads/2009/09/2008-Audi-R8-TDI-Le-Mans-Rear-And-Side-Top.jpg" alt="G080011" width="600" height="450" /></p>
<p> </p>
<p><img class="alignnone size-medium wp-image-85" title="G080007" src="http://www.oo-css.cn/wp-content/uploads/2009/09/Wallpapers-room_com___2008-Audi-R8-TDI-Le-Mans-Side_1920x14401-300x225.jpg" alt="G080007" width="300" height="225" /></p>
<p> </p>
<p><img class="alignnone size-full wp-image-86" title="Sapetoku_by_jsdu19" src="http://www.oo-css.cn/wp-content/uploads/2009/09/Sapetoku_by_jsdu19.png" alt="Sapetoku_by_jsdu19" width="600" height="375" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.oocss.cc/?feed=rss2&amp;p=79</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
