<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title type="text">博客园_SoulStore</title><subtitle type="text">　I belive I can fly ...</subtitle><id>http://feed.cnblogs.com/blog/u/13844/rss</id><updated>2012-02-22T04:38:59Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><generator>feed.cnblogs.com</generator><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/"/><link rel="self" type="application/atom+xml" href="http://feed.cnblogs.com/blog/u/13844/rss"/><entry><id>http://www.cnblogs.com/SoulStore/archive/2012/02/22/2362895.html</id><title type="text">团队的职责和任务之间的关系</title><summary type="text">格兰南部亨尼管理学院贝宾（R.M. Belbin）及其同事，进行了一项关于团队职责的研究。在向众多来自世界各地的管理人员授课的过程中，贝宾体察到学员参与小组工作计划时的行为模式。这些学员担当的职责各异，他们的种族、文化背景各有不同。经过多年观察，贝宾发现在团队之中，队员的行为取决于团队的组合，多于受地理、文化等因素支配。 认识各种团队职责和每种职责长处和缺点，十分重要。这样可帮助我们评估自己在团队的地位，以及自己和队员如何为团队作出最有价值的贡献。 （1）团队职责以下九种角色： 主导者 ── 处事冷静的领导 驱策者 ── 精力充沛、意志坚强的领袖 创新者 ── 团队的智囊 监察者 ...</summary><published>2012-02-22T04:10:00Z</published><updated>2012-02-22T04:10:00Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><link rel="alternate" href="http://www.cnblogs.com/SoulStore/archive/2012/02/22/2362895.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/archive/2012/02/22/2362895.html"/><content type="html">&lt;p&gt;格兰南部亨尼管理学院贝宾（R.M. Belbin）及其同事，进行了一项关于团队职责的研究。在向众多来自世界各地的管理人员授课的过程中，贝宾体察到学员参与小组工作计划时的行为模式。这些学员担当的职责各异，他们的种族、文化背景各有不同。经过多年观察，贝宾发现在团队之中，队员的行为取决于团队的组合，多于受地理、文化等因素支配。&lt;/p&gt;&lt;p&gt;认识各种团队职责和每种职责长处和缺点，十分重要。这样可帮助我们评估自己在团队的地位，以及自己和队员如何为团队作出最有价值的贡献。&lt;/p&gt;&lt;p&gt;（1）团队职责以下九种角色：&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;主导者 ── 处事冷静的领导&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;驱策者 ── 精力充沛、意志坚强的领袖&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;创新者 ── 团队的智囊&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;监察者 ── 善于监察和评核团队的表现&lt;/p&gt;&lt;p&gt;执行者 ── 团队的「办事人员」&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;协调者 ── 关心队员的需要&lt;/p&gt;&lt;p&gt;资源查探者── 善于向外界求助&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;贯彻者 ── 确保团队赶上工作进度&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;专业者 ── 专业知识、经验及技能的提供者&lt;/p&gt;&lt;p&gt;上述每个职责对团队的有效合作均有助益，但这些职责无法由个人独力承担。因此，要使工作团队发挥最佳的合作成效，必须根据需要完成的任务，妥善安排最适当的人员担当每种职责。&lt;/p&gt;&lt;p&gt;（2）九种角色描述与解读：&lt;/p&gt;&lt;p&gt;主导者&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;你喜欢带领团队，采用民主的方式并希望所有人都会参与，但你亦知道何时需要握回大权。达致团队目标是非常重要的，你会对工作列出优先次序并确定所有队员对自己的角色有非常清晰的认识。你是一个实际及能承受压力的人，在工作方面喜欢以正统的方法进行。&lt;/p&gt;&lt;p&gt;驱策者&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;你喜欢支配团队的工作方式，希望队员依从你的指示，你作的决定是决断的及实际的并会非常坚持自己的意见，你认为达致目标至为重要，因此对于队员的表现要求非常严谨，你不大有耐性，然而队员亦尊重你的积极性及魄力。&lt;/p&gt;&lt;p&gt;创新者&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;你是个充满创意的人，时常喜欢提出新意见，由于非常自信有时候对人会欠缺交际手腕，如别人批评你的意见，你会显得不高兴，因此有时你会宁愿远离其它队员，避免发生冲突。&lt;/p&gt;&lt;p&gt;监察者&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;你喜欢仔细分析意见，看看它们是否符合团队的目标及方向，你处事认真及精明，因此别人忽略的问题你亦看到，由于这样，别人会觉得你很挑剔，但你认为至少这样可避免犯错误。&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;面对复杂资料，你有能力明白个中意思，从而制订最好的决策。&lt;/p&gt;&lt;p&gt;执行者&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;你是一个实际及非常有效率的人，能集中注意力，看清楚目标、工作及成效，对于一些前卫的意见不大感兴趣，你处事小心及果断，着重细节多于速度，当你进行一项工作时，最不喜欢的是要有很多临时的改动。&lt;/p&gt;&lt;p&gt;协调者&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;你首要关心的是别人及他们的情绪，你很易看到别人的长处及短处，当别人不开心时，你会尝试去开解他们，你认为彼此不应存有竞争，一个团队应像一个快乐的家庭。你亦喜欢发掘别人的潜能，亦能够与沉默寡言的人展开沟通。&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;资源查探者&lt;/p&gt;&lt;p&gt;你很有求知欲，喜欢探索团队以外的事物及其它人的工作，你建立了很多联系，亦懂得善用其它人的长处。你须要很多变化否则会觉得沈闷，有时你会过于冲动，你善于探索新方法并能说服及推动其它队员。&lt;/p&gt;&lt;p&gt;贯彻者&lt;/p&gt;&lt;p&gt;你喜欢工作理想地完成，例如按时完成，否则你会变得忧虑，你会不断指出别人可改善的地方，令他们不会自满，因此你会较集中看错误及细节，亦由于这样，你会有时触怒别人，但却防止了他们变得不小心、太自满或懒惰。&lt;/p&gt;&lt;p&gt;专业者&lt;span class="Apple-converted-space"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;你有专业或技术上的知识，能用简单易明的方法解释复杂概念，你鼓励其它人要客观地看事物，对于不明白你的人，有时你会显得不耐烦，对于别人的批评你会非常留意。整体来说，你是个有方向感及会为目标而奋斗的人，偶然，你会是颇为固执的。&lt;/p&gt;&lt;img src="http://www.cnblogs.com/SoulStore/aggbug/2362895.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/SoulStore/archive/2012/02/22/2362895.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/SoulStore/archive/2011/10/18/2216877.html</id><title type="text">精心收集的jQuery常用的插件1000</title><summary type="text">花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。感谢大家的支持。1.accordion类基于jQuery开发，非常简单的水平方向折叠控件。Horizontal accordion: jQuery热点图书：www.hotbook.cnjQuery-Horizontal Accordion具有XBOX360 blade界面风格的水平方向Accordion。jQuery-Horizontal AccordionjQuery plugin: Accordion用于创建 折叠菜单的jQuery插件。jQuery plugin: Accordion热点图书：ww</summary><published>2011-10-18T13:11:00Z</published><updated>2011-10-18T13:11:00Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><link rel="alternate" href="http://www.cnblogs.com/SoulStore/archive/2011/10/18/2216877.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/archive/2011/10/18/2216877.html"/><content type="html">&lt;p&gt;花N长时间积累的Jquery插件，希望大家喜欢。大家还有什么新的插件，请留言，我们一并收录。&lt;/p&gt;&lt;p&gt;感谢大家的支持。&lt;/p&gt;&lt;p&gt;1.&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243803.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;accordion类&lt;/p&gt;&lt;p&gt;基于jQuery开发，非常简单的水平方向折叠控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/102807.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://letmehaveblog.blogspot.com%2F2007%2F10%2Fhaccordion-simple-horizontal-accordion.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Horizontal accordion: jQuery&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery-Horizontal Accordion&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;具有XBOX360 blade界面风格的水平方向Accordion。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Query_Horizontal_Accordion.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://dev.portalzine.de%2Findex%3F%2FHorizontal_Accordion--print" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery-Horizontal Accordion&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery plugin: Accordion&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;用于创建 折叠菜单的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/JAccordion.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://bassistance.de%2Fjquery-plugins%2Fjquery-plugin-accordion%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery plugin: Accordion&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Accordion Menu script&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于 jQuery开发的可折叠菜单。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Accordion_Content_Menu-scri.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.dynamicdrive.com%2Fdynamicindex17%2Fddaccordionmenu.htm" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Accordion Menu script&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery.combobox&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery.combobox 是一个采用jQuery开发的combobox控件，可以使用CSS控制该combobox的外观，可以设置各种不同风格的下拉动画效果。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery.combobox.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://jquery.sanchezsalvador.com%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery.combobox&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;2.&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243142.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;AutoComplete&lt;/p&gt;&lt;p&gt;jQuery插件易于集成到现在的表单中(Form)。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jq_auto_..jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://bassistance.de%2Fjquery-plugins%2Fjquery-plugin-autocomplete%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;AutoComplete-JQuery&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Facebook like Autocomplete&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于jQuery开发，类似于FaceBoox提供的 AutoCompleter。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/facebook_searchengine.png" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://web2ajax.fr%2Fexamples%2Ffacebook_searchengine%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Facebook like Autocomplete&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Autocomplete Mod&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery Autcomplete插件。能够限制下拉菜单显示的结果数。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/9jan0800.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.pengoworks.com%2Fworkshop%2Fjquery%2Fautocomplete.htm" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Autocomplete Mod&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jqac&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于Jquery开发的Autocomplete插件。具有易于使用，配置简单，既可以利用Ajax读取数据也可以直接从本地获取数据。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jqac_snapshot.png" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://code.google.com%2Fp%2Fjqac%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jqac&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Tag Suggestion&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;类似于del.icio.us提供的tag suggesting功能。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/2jan0808.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://remysharp.com%2F2007%2F12%2F28%2Fjquery-tag-suggestion%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Tag Suggestion&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Autocomplete-jQuery ajax&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;利用 jQuery(Ajax)，PHP和MySQL开发的 AutoCompleter。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img height="148" width="250" src="http://www.open-open.com/ajax/pimage/AutoComplete_1.png" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://nodstrum.com%2F2007%2F09%2F19%2Fautocompleter%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Autocomplete-jQuery ajax&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery.Suggest&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;跨浏览器支持，基于jQuery开发的Autocomplete library。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/092300.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.vulgarisoip.com%2F2007%2F08%2F06%2Fjquerysuggest-11%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery.Suggest&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Autocomplete- jQuery plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个jQuery Autocompleter，提供缓存选项来限制对服务器的请求。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/072902.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.dyve.net%2Fjquery%2F%3Fautocomplete" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Autocomplete- jQuery plugin&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jQuery plugin: Autocomplete&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;自动完成输入框值让用户能够快速查找和过滤某些值。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Autocomplete.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://bassistance.de%2Fjquery-plugins%2Fjquery-plugin-autocomplete%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery plugin: Autocomplete&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jSuggest&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;模仿 Google Suggest功能的AutoComplete jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/test.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.gimiti.com%2Fkltan%2Fwordpress%2F%3Fp%3D40" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jSuggest&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Live Ajax Search Plug-in&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;采用 jQuery开发的AutoComplete控件。搜索结果展示框完全可以利用CSS自定义，内容展示是一个HTML页面。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Ajax_jquery.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://exscale.se%2Farchives%2F2008%2F05%2F16%2Fjquery-live-ajax-search-plug-in%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Live Ajax Search Plug-in&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;ddcombobox&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;带 AutoComplete功能的下拉选择框jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/ddcombobox.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://simpletutorials.com%2F%3Fpath%3Dtutorials%2F.%2Fjquery%2Fddcombobox" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;ddcombobox&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243485.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;分页类&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Pagination&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery分页插件&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Pagination.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://plugins.jquery.com%2Fproject%2Fpagination" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Pagination&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;pager jQuery plug-in&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery 分页插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/pager_jQuery_plug-in.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://rikrikrik.com%2Fjquery%2Fpager%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;pager jQuery plug-in&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;JQuery Pager&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个利用 jQuery开发的分页UI控件，可用于数据驱动的web应用程序中。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/JQuery_Pager.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://jonpauldavies.github.com%2FJQuery%2FPager%2FPagerDemo.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;JQuery Pager&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243970.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;提示框类&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Facebox&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Facebox 是一个基于jQuery，Facebook-style的lightbox。能够展示示images，divs或者整个远程页面。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Facebox2.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://famspam.com%2Ffacebox" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Facebox&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;SimpleModal&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;SimpleModal是一个轻量级jQuery插件提供了一个简单的接口来创建模式对话框。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/SimpleModal.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.ericmmartin.com%2Fprojects%2Fsimplemodal" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;SimpleModal&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jTip&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jTip 一个利用jQuery开发的提示工具。jTip通过HttpXMLRequest获取内容。用法简单，只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/tooltips_05.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://codylindley.com%2F.%2F264%2Fjtip-a-jquery-tool-tip" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jTip&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;BetterTip&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个可以自定义Tooltip的jQuery插件。基于jTip，但比它来得更加灵活。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/090901.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://edgarverle.com%2FBetterTip%2Fdefault.cfm" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;BetterTip&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;clueTip&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;clueTip 这个jQuery插件方便您为链接或其它元素添加Tooltip功能。当链接包括title属性时，它的内容将变成clueTip的标题。clueTip 中显示的内容可以通过Ajax获取，也可以从当前页面中的元素中获取。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img height="218" width="400" src="http://www.open-open.com/ajax/pimage/clueTip.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://plugins.jquery.com%2Fproject%2Fcluetip" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;clueTip&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery lightBox plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个简单，强大基于jQuery开发的lightBox控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_lightBox_plugin.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://leandrovieira.com%2Fprojects%2Fjquery%2Flightbox%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery lightBox plugin&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Impromptu&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;用于创建模式对话框，确认对话框，输入内容对话框的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Impromptu.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://trentrichardson.com%2FImpromptu%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Impromptu&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery.UI Messenger"Outlook like message notification Widget&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个jQuery.UI控件类似于Messenger"Outlook消息弹出提醒框。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery.UI.Messenger.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://mosesofegypt.net%2Fpost%2F2008%2F07%2F17%2FjQueryui-Messenger-Outlook-like-message-notification-Widget.aspx" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery.UI Messenger"Outlook like message notification Widget&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;FancyBox&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于 jQuery开发的Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该Lightbox除了能够展示图片之外，还可以展示iframed内容， 通过CSS自定义外观。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/FancyBox.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://fancy.klade.lv%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;FancyBox&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Coda Popup Bubbles&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;采用 jQuery开发，类似&amp;ldquo;冒泡&amp;rdquo;效果的提醒弹出框。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Coda_Popup_Bubbles.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://jqueryfordesigners.com%2Fcoda-popup-bubbles%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Coda Popup Bubbles&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jGrowl&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jGrowl 用于制作消息弹出框的jQuery插件。产生效果的类似于Mac OSX系统中Growl事件通知框架。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jGrowl.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://stanlemon.net%2Fprojects%2Fjgrowl.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;j&lt;/span&gt;&lt;/a&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://stanlemon.net%2Fprojects%2Fjgrowl.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Grow&lt;/span&gt;&lt;/a&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://stanlemon.net%2Fprojects%2Fjgrowl.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;l&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jqWindowsEngine&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个 jQuery插件能够帮助你轻松创建Ajax Windows。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jqWindowsEngine.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.socialembedded.com%2Flabs%2FjQuery-Windows-Engine-Plugin%2FjQuery-Windows-Engine-Plugin.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jqWindowsEngine&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Alert Dialogs&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个 jQuery插件能够替换JavaScript提供的alert()、confirm()和prompt()功能。支持利用CSS自定义对话框外观。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Alert_Dialogs1.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Alert_Dialogs2.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Alert_Dialogs3.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Alert_Dialogs4.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://abeautifulsite.net%2Fnotebook%2F87" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Alert Dialogs&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;BeautyTips&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;BeautyTips 是一个jQuery Tooltip插件.&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/diwd-schedule-2.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.lullabot.com%2Farticles%2Fannouncing-beautytips-jquery-tooltip-plugin" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;BeautyTips&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/05524341.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;编辑器类&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jwysiwyg&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;WYSIWYG jQuery插件。整个编辑器文件大小只有17Kb。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/wysiwyg.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://code.google.com%2Fp%2Fjwysiwyg%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jwysiwyg&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;Damn Small Rich Text Editor&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于jQuery开发，能够从IFRAME元素创建一个Rich Text Editor。提供了所有基本的Rich Text功能，可设置文本编辑区大小，Ajax上传图片等。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Damn.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.avidansoft.com%2Fdsrte%2Findex.php" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Damn Small Rich Text Editor&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243687.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;表格类&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Flexigrid&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Flexigrid是一个类似于Ext Gird，但基于jQuery开发的Grid。它具有的功能包括：可以调整列宽，合并列标题，分页，排序，显示/隐藏表格等。Flexigrid显示的数据能够通过Ajax获取或者从一个普通的表格转换。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Flexigrid.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://webplicity.net%2Fflexigrid%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Flexigrid&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Ingrid&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个 jQuery DataGrid提供的功能有：可以拖动调整列宽，分页，排序，设置行/列样式等。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Ingrid.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.reconstrukt.com%2Fingrid%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Ingrid&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Grid&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jqGrid 是一个Ajaxed jQuery Grid插件。提供分页功能，添加、编辑、删除和搜索表中记录，支持多种数据类型输入：XML，JSON，Array等，多行选择，支持子表格，集成日期选择控件等等。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://trirand.com%2Fjqgrid%2Fjqgrid.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Demo&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jqGrid.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.trirand.com%2Fblog%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Grid&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;tableHover&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;tableHover 一个jQuery插件当鼠标经过时，能够对表格的一整列或行进行着色加亮。支持colspans与rowspans的表格。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/tableHover.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://p.sohei.org%2Fjquery-plugins%2Ftablehover%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;tableHover&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;JQuery.Resizer&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个轻量级jQuery插件用于创建可以拖动调整行高与列宽的表格。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://os.arandomurl.com%2Fjquerytableresizer%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;JQuery.Resizer&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;tablesorter&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;tablesorter 这个jQuery插件能够将带THEAD与TBODY标签的标准HTMLTable转换成一个可排序的表格。tablesorter能够排序多种数据类型包括Text、URIs、integers、currency、floats、IP地址、日期、时间和自定义的数据类型。支持拥有复杂表头表格的排序，支持二级隐藏排序，支持多种浏览器：IE6.0+、FF2+、Safari2.0+、Opera9.0+。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/tablesorter.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://tablesorter.com%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;tablesorter&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;csv2table&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;csv2table 这个插件能够将CVS文件（利用Excel创建）的内容转换成HTML Table。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://plugins.jquery.com%2Fproject%2Fcsv2table" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;csv2table&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;tableFormSynch&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;tableFormSynch 是一个表格与表单数据相互更新的jQuery插件。它提供的功能包括：基于表单中的数据，新增行。删除所选择行，并清除表单中的所有数据。 tableFormSynch支持所有表单控件包括：checkboxes、radio、buttons 与&amp;lt;select&amp;gt;。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/tableFormSynch.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.swartzfager.org%2Fblog%2FjQuery%2Fplugins%2FtableFormSynch%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;tableFormSynch&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243188.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;色彩选择器&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Farbtastic&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Farbtastic是一个color picker插件。它能够在一个页面中加入多个颜色选择控件，然后每个控件关联到页面中的一个元素比如：文本输入框。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Farbtastic.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://acko.net%2Fdev%2Ffarbtastic" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Farbtastic&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Color Picker&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个简单的颜色选择控件。操作方式与Adobe Photoshop中颜色选择操作置。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Color_Picker.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://eyecon.ro%2Fcolorpicker%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Color Picker&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;iColorPicker&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;iColorPicker 是一个只有6KB大小的jQuery Color Picker。只要将输入框的class属性设置为&amp;ldquo;iColorPicker&amp;rdquo;就能变一个漂亮的颜色选择器。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/colorpicker.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.supersite.me%2Fwebsite-building%2Fjquery-free-color-picker%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;iColorPicker&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243929.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;右键菜单&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;ContextMenu&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;用于创建右键弹出菜单的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/ContextMenu.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.trendskitchens.co.nz%2Fjquery%2Fcontextmenu%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;ContextMenu&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243506.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;图片新闻Flash展示相关类&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;imgAreaSelect&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;imgAreaSelect 这个jQuery插件能够选取一张图片中一个矩形区域。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/imgAreaSelect.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://odyniec.net%2Fprojects%2Fimgareaselect%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;imgAreaSelect&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Easy Slide&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;EasySlide 是以jQuery为基础开发的一个图库展示插件，EasySlide可以将任何一个网页容器(Container)内的图形自动将其排列展示，并加上鼠标指向时的暂停效果(Pause)，可以当作图库展示或是动画及广告Banner使用。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img height="326" width="400" src="http://www.open-open.com/ajax/pimage/Easy-Slide.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.ezjquery.com%2Fcgi-bin%2Fwebapp.rb%3Fr%3Daccess%26amp%3Blan%3Dgb" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Easy Slide&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Easy News&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Easy News是一个可以让您轻松显示网站新闻或图文内容展示的jQuery插件，可设定Fade In-Out ,Slide Up-Down, Left To Right 的效果，调整显示速度，可自行修改CSS改变您为喜欢的风格。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Easy-News.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.ezjquery.com%2Fcgi-bin%2Fwebapp.rb%3Fr%3Daccess%26amp%3Blan%3Dgb" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Easy News&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Easy News Plus&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Easy News Plus是基于Easy News开发，滚动式新闻或图文内容展示的jQuery插件，但是与Easy News有完全不同的显示方式(以左右滑动为主要的显示方法)。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.ezjquery.com%2Fcgi-bin%2Fwebapp.rb%3Fr%3Daccess%26amp%3Blan%3Dgb" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Easy News Plus&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQZoom&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于 jQuery开发的图片放大镜插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQZoom.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.mind-projects.it%2Fblog%2Fjqzoom_v10" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQZoom&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Plugin: Text Highlight&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;利用 javascript对页面中的关键字进行着色的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/092302.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://johannburkard.de%2Fblog%2Fprogramming%2F.%2Fhighlight-.-text-higlighting-jquery-plugin.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Plugin: Text Highlight&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jCarousel Lite&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个 jQuery插件能够帮助你以滚动（carousel）的方式来组织图片和其它内容。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jCarousel_Lite.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.gmarwaha.com%2Fjquery%2Fjcarousellite%2Findex.php" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jCarousel Lite&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jCarousel&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jCarousel 是一个jQuery插件用于控制一个列表项目的水平或垂直顺序，列表项目的内容可以是静态HTML内容或通过AJAX加载的内容。可以向前或向后滚动。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jCarousel.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://sorgalla.com%2Fprojects%2Fjcarousel%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jCarousel&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Spacegallery-Jquery&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个采用 jQuery开发，类似于Flash效果的图库（image gallery）。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Spacegallery-Jquery.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://eyecon.ro%2Fspacegallery%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Spacegallery-Jquery&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Slider Gallery&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个基于jQuery开发相册控件，类似于Apple网站上用于展示产品的效果。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Slider_Gallery.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://jqueryfordesigners.com%2Fslider-gallery%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Slider Gallery&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Cycle Plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery Cycle Plugin是一个slideshow插件。支持多种变换效果：shuffle、zoom、fade、turnDown、curtainX、 scrollRight。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Cycle_Plugin.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.malsup.com%2Fjquery%2Fcycle%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Cycle Plugin&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Zoomimage&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;该 jQuery插件能够让以当前流行的方式来展示图片。提供：预加载图片提示，对图片进行分组，自动调整图片显示比例，图片分组浏览控制。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Zoomimage.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://eyecon.ro%2Fzoomimage%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Zoomimage&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;prettyPhoto&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;prettyPhoto 是jQuery lightbox的一个&amp;ldquo;克隆&amp;rdquo;。并增加动画效果，图库浏览等特性。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/prettyPhoto.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.no-margin-for-errors.com%2Fprojects%2FprettyPhoto%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;prettyPhoto&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;ThickBox&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;ThickBox 是一个模式对话框UI控件。基于jQuery开发，可以用来展示单张或多张图片，内嵌的内容，iframed的内容，或通过Ajax获取的内容。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/ThickBox.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://jquery.com%2Fdemo%2Fthickbox%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;ThickBox&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Galleria&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Galleria 是一个采用jQuery开发的图片展示插件。它通过缩略图导航一张一张的显示大的图片。支持通过CSS设置整个相册的风格。能够按比例创建缩略图并剪切成适合在缩略图容器中显示的小图片。能够触一些事件，因此可以在图片加载时执行一些动作。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/galleria.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://devkick.com%2Flab%2Fgalleria%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Galleria&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Flash Plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个 jQuery插件用于在页面中嵌入Flash影片。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Flash_Plugin.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://jquery.lukelutman.com%2Fplugins%2Fflash%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Flash Plugin&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery.SerialScroll&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery.SerialScroll 是一个用于创建滚动效果的jQuery插件，支持水平／垂直方向滚动和混合滚动效果。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery.SerialScroll.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://flesler.blogspot.com%2F2008%2F02%2Fjqueryserialscroll.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery.SerialScroll&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;InnerFade&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;InnerFade 这个jQuery插件能够让任意一组元素（img，div等）实现淡入淡出播放效果。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/InnerFade.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://medienfreunde.com%2Flab%2Finnerfade%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;InnerFade&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;NyroModal&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个基于 jQuery开发，非常灵活和可定制外观/动画效果的模式对话框。可通过Ajax调用目标内容，改变对话框大小等。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/NyroModal.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://nyromodal.nyrodev.com%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;NyroModal&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;CrossSlide&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;CrossSlide 这个jQuery插件实现了一些常用Javascript幻灯片放映动画效果如：动态地移动、缩放、渐变、滑入"滑出等。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/CrossSlide.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.gruppo4.com%2F%257Etobia%2Fcross-slide.shtml" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;CrossSlide&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Magnify&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Magnify 是一个能够在图片上添加放大镜功能的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Magnify.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.jnathanson.com%2Findex.cfm%3Fpage%3Dpages%2Fjquery%2Fmagnify%2Fmagnify" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Magnify&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Img Notes&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;用于当鼠标移到图片是时，显示一个信息提示框。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Img-Notes.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.sanisoft.com%2Fblog%2F2008%2F05%2F26%2Fimg-notes-jquery-plugin%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Img Notes&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;FancyZoom&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;FancyZoom 采用缩放效果来展示图片或任意HTML页面，不需要另外开启页面来载入图片，其效果在Apple Mac的官方网站中也有。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/iphoto_zoom.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.cabel.name%2F2008%2F02%2Ffancyzoom-10.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;FancyZoom&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Jcrop&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Jcrop 是一个跨浏览器的jQuery图片剪切插件（&lt;strong style="padding: 0px; margin: 0px;"&gt;jQuery image crop plugin&lt;/strong&gt;）。支持对剪切框加 CSS样式，当选取或拖动时添加回调事件（Callbacks），剪切时能够约束宽度与高度。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jquery-image-crop-plugin.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://deepliquid.com%2Fcontent%2FJcrop.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Jcrop&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Galleriffic&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Galleriffic 是一个用于创建快速展示相册中照片的jQuery插件。图片既可以以幻灯片的方式查看，也可以手动点击缩略图查看。Galleriffic还支持分页，从而使得它能够展示更多的图片。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jquery-gallery-plugin.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.twospy.com%2Fgalleriffic%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Galleriffic&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Image Upload and Auto Crop&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;采用 PHP+jQuery开发的图片上传和剪切（Crop）工具。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Image_Upload_and_Auto_Crop.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.webmotionuk.co.uk%2Fphp-jquery-image-upload-and-crop%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Image Upload and Auto Crop&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;prettyGallery&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;prettyGallery 是一个图库导航控件Slider。基于jQuery开发，除了可以导航图片之外，还支持其它任何内容。可以配置导航滚动速度和图片标题说明。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/prettyGallery.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.no-margin-for-errors.com%2Fprojects%2FprettyGallery%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;prettyGallery&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery.popeye&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery.popeye 这个插件能够将一组无序的图片列表转换成一个简单的相册。当点击图片时将以Lightbox风格放大图片。图片展示框提供向前/向后控制并能够为每一张图片添加备注说明信息。jQuery.popeye能够根据图片大小自动调整展示框的高度和宽度。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery.popeye.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://herr-schuessler.de%2Fblog%2Fjquerypopeye-an-inline-lightbox-alternative%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery.popeye&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;s3Slider&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;s3Slider 是一个jQuery slideshow插件，效果类似于&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://smoothslideshow.jondesign.net%2Ftimed.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;smooth slideshow&lt;/span&gt;&lt;/a&gt;。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;可以在图片上的任意位置，透明显示当前所放映图片的说明信息。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/s3Slider.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.serie3.info%2Fs3slider%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;s3Slider&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Pirobox&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;采用 jQuery开发的Lightbox控件。能够根据浏览器窗体大小自动调整展示图片大小。提供向前/向后控制链接。动态加载图片效果。易于定制。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Pirobox.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://designshack.co.uk%2Ftutorials%2Fpirobox-jquery-lightbox" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Pirobox&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Simple Controls Gallery&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个采用jQuery开发的图片slideshow控件。提供一个暂停/播放/向前/向后展示的控制菜单。这个jQuery slideshow可以设置当页面打开时自动播放图片并能够将最近查看的图片存储在cookie中。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_slideshow.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.dynamicdrive.com%2Fdynamicindex4%2Fsimplegallery.htm" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Simple Controls Gallery&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Agile Carousel&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Jquery Slideshow插件。易于定制图片切换效果。提供开/关图片标题显示，添加文本水印等功能。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Agile_Carousel.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://code.google.com%2Fp%2Fagile-carousel%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Agile Carousel&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Plugin-Page Peel&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个用于创建Page Peel(卷页/页面剥落)特效的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/PagePeel1.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://smple.com%2F2008%2F12%2F15%2Fjquery-plugin-page-peel%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Plugin-Page Peel&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Easy Slider&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个 jQuery插件，当点击导航按纽时可以水平或垂直播放图片或其它任何内容。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Easy_Slider.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://cssglobe.com%2Fpost%2F3783%2Fjquery-plugin-easy-image-or-content-slider" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Easy Slider&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;imgPreview&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;图片预览 jQuery插件。当鼠标移到图片链接上时，会在链接的旁边出现一个类似于tooltip效果的图片展示框。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/imgPreview.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://james.padolsey.com%2F.%2Fnew-jquery-plugin-imgpreview%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;imgPreview&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Jquery Fade In.Fade Out&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个用于让图片产生淡入淡出效果的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jquery_fade_big.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://hv-designs.co.uk%2F2009%2F01%2F19%2Fjquery-fade-infade-out%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Jquery Fade In.Fade Out&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Captify&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个 jQuery插件能够在图片上显示标题信息，当鼠标放到图片上时滑动出现。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Captify.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://masterfidgeter.com%2Fprojects%2Fcaptify%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Captify&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jParallax&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个用于生成视差现象的jQuery插件。&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.piksite.com%2FmParallax%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;mParallax&lt;/span&gt;&lt;/a&gt;能够产生的效果与 jParallax一样但采用Mootools框架开发。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jparallax-jquery.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/mParallax.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://webdev.stephband.info%2Fparallax.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jParallax&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243623.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;导航类&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;jQuery plugin: Treeview&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个插件能够把无序列表转换成可展开与收缩的Tree。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Treeview.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://bassistance.de%2Fjquery-plugins%2Fjquery-plugin-treeview%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery plugin: Treeview&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;FastFind Menu Script&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;可拖动的嵌套菜单窗体，基于动态"AJAX"响应。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/FastFind_Menu_..jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://labs.activespotlight.net%2FjQuery%2Fmenu_demo.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;FastFind Menu Script&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;iconDock&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;iconDock 一个基于jQuery开发的Fisheye menu。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Dockexample.png" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://icon.cat%2Fwiki%2FIconDock_En%23iconDock_jQuery_Plugin" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;iconDock&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery UI Tabs&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery UI Tabs：一个功能强大，易于使用的Tab控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQueryUITabs1.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.stilbuero.de%2Fjquery%2Ftabs" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery UI Tabs&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jstree&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://code.google.com%2Fp%2Fjstree%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jsTree&lt;/span&gt;&lt;/a&gt;是一个基于jQuery的Tree 控件。支持XML，JSON，Html三种数据源。提供创建，重命名，移动，删除，拖"放节点操作。可以自己自定义创建，删除，嵌套，重命名，选择节点的规则。在这些操作上可以添加多种监听事件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jstree.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://code.google.com%2Fp%2Fjstree%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jstree&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery File Tree&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery File Tree是一个可配置的Ajax文件浏览器jQuery插件。可以通过CSS定制外观，指定文件树展开图标，可以自己定义展开／收缩事件、速度，配置加载信息等。 jQuery File Tree通过Ajax来获取文件信息。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_File_Tree.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://abeautifulsite.net%2Fnotebook.php%3Farticle%3D58" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery File Tree&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Superfish&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery 菜单插件。支持水平/垂直方向。弹出子菜单不会被&amp;lt;SELECT&amp;gt;标签挡住。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Superfish.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://users.tpg.com.au%2Fj_birch%2Fplugins%2Fsuperfish" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Superfish&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;accordion menu&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Accordion 风格的jQuery菜单。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/accordion-menu.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://roshanbh.com.np%2F2008%2F06%2Faccordion-menu-using-jquery.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;accordion menu&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;CSS Dock Menu&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;采用 jQuery+CSS实现，仿Mac Dock Menu的一个导航菜单。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/css-dock-menu.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.ndesign-studio.com%2Fblog%2Fdesign%2Fcss-dock-menu%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;CSS Dock Menu&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;CheckTree&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;带 Checkbox的树型jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/CheckTree.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://static.geewax.org%2Fchecktree%2Findex.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;CheckTree&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;idTabs&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;idTabs 是一个能够创建简单到复杂Tab控件的jQuery插件。支持动态添加和选择Tab，idTabs能够绑定到不同的事件如mouseover。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/idTabs.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.sunsean.com%2FidTabs%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;idTabs&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Context Menu&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery Context Menu是一个右键菜单插件。通过非常少的设置就能够轻松实现右键菜单功能。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Context_Menu.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.abeautifulsite.net%2Fnotebook%2F80" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Context Menu&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Right-click&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个插件能够让你使用jQuery来捕获由鼠标右键触发的事件。这些事件包括：click、mouseup、mousedown。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.abeautifulsite.net%2Fnotebook%2F68" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Right-click&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Multi Level CSS Menu&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个多级水平CSS菜单，利用规则嵌套的HTML列表标签创建。当子菜单靠近窗体右边缘时，将自动调整展示方面。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Multi_Level_CSS_Menu.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.dynamicdrive.com%2Fstyle%2Fcsslibrary%2Fitem%2Fjquery_multi_level_css_menu_horizontal_blue%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Multi Level CSS Menu&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;ListNav&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;ListNav 是一个用于创建按字母顺序分类导航的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/ListNav.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.ihwy.com%2FLabs%2Fjquery-listnav-plugin.aspx" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;ListNav&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Simpletip&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Simpletip 是一个基于jQuery开发的Tooltips控件。Tooltips可以附在任意元素（标签）之上。并定制展示方式与位置。tooltips可以是静态，动态或通过Ajax加载。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Simpletip.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://craigsworks.com%2Fsimpletip%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Simpletip&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Smooth Navigation Menu&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Smooth Navigation Menu是一个采用jQuery开发，基于CSS的多层级网站导航菜单。菜单项的内容既可以直接从当前页面中获取，也可以从一个外面文件或通过Ajax获取。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img height="194" width="432" src="http://www.open-open.com/ajax/pimage/Smooth_Navigational_Menu.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.dynamicdrive.com%2Fdynamicindex1%2Fddsmoothmenu.htm" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Smooth Navigation Menu&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jdMenu&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jdMenu 是用于创建水平/垂直分层下拉菜单的jQuery插件.支持通过Ajax加载菜单项，自定义动画效果，易于定制外观，支持相对(relative)与绝对 (absolute) 定位等。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jdMenu.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://jdsharp.us%2FjQuery%2Fplugins%2FjdMenu%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jdMenu&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jqDock&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个能够将一组图片转换成类似于Mac风格鱼眼菜单(Dock Menu)的jQuery插件。菜单可以是水平方向或垂直方向。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jqDock.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.wizzud.com%2FjqDock%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jqDock&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243801.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;验证类&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jQuery plugin: Validation&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery 校验插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Validation.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://bassistance.de%2Fjquery-plugins%2Fjquery-plugin-validation%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery plugin: Validation&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Masked Input Plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Masked Input这个jQuery插件让用户能够按照预先设定好的固定格式输入数据(如日期、电话号码等)。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/input-mask.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://digitalbush.com%2Fprojects%2Fmasked-input-plugin" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Masked Input Plugin&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery password strength meter&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;用于检测密码强度的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_password_strength_me.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://simplythebest.net%2F.s%2Fajax%2Fajax_password_strength.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery password strength meter&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jVal&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery 表单校验插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jVal_0-1-0_pod_ss.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.overset.com%2F2008%2F07%2F31%2Fjval-jquery-form-field-validation-plugin%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jVal&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243621.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;图表类&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;Flot&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Flot 一个纯javascript绘画库，基于jQuery开发。它能够在客户端根据任何数据集快速生成图片。目前只能绘制线状图和柱状。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Flot.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://code.google.com%2Fp%2Fflot%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Flot&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQchart&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于 Canvas+jQuery，可拖放/交互的简单图形控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQchart.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://plugins.jquery.com%2Fproject%2FjQchart" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQchart&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jquery.sparkline&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个用于生成迷你型线状图的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jquerysparkline.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://omnipotent.net%2Fjquery.sparkline%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jquery.sparkline&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243687.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;Form相关类&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jNice&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;创建自定义外观的Form元素，功能与正常的Form元素相似。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jNice.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://plugins.jquery.com%2Fproject%2FjNice" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jNice&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jQuery calculate&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery 计算插件，提供一些常用的数学计算功能比如：Sum、Average、Min、Max等。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/calculate1.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/calculate.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.pengoworks.com%2Fworkshop%2Fjquery%2Fcalculation%2Fcalculation.plugin.htm" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery calculate&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jQuery select box&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;模仿 HTML select box实现功能的一个下拉菜单。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/27110702.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.brainfault.com%2F2007%2F07%2F23%2Fselect-box-replacement%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery select box&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;prettyCheckboxes&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;一个简单的jQuery插件用于定制checkboxe和radio按纽的外观。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/prettyCheckboxes.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.no-margin-for-errors.com%2Fprojects%2FprettyCheckboxes%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;prettyCheckboxes&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jGrow&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jGrow 这个jQuery插件能够让textarea根据文本的长度自动调整它的大小。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/2j16.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://lab.berkerpeksag.com%2FjGrow" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jGrow&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Form Plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;为表单 (Form)提供全面Ajax支持，包括文件上传功能的jQuery插件。提供的方法/功能包括：ajaxForm、ajaxSubmit、 formToArray、formSerialize、fieldSerialize、fieldValue、clearForm、 clearFields、resetForm。这些方法能够让你轻松地管理Form中的数据和Form无刷新提交。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://malsup.com%2Fjquery%2Fform%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Form Plugin&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;mcDropdown jQuery Plug-in&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;mcDropdown 是一个独特的UI控件，它能够让用户在一个复杂分级的树形下拉选项中进行选择。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/mcDropdown.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.givainc.com%2Flabs%2Fmcdropdown_jquery_plugin.htm" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;mcDropdown jQuery Plug-in&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Create A Slider From A Select Box&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个漂亮的jQuery插件能够自动将select boxes转换成一个sliders控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Slider.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.filamentgroup.com%2Flab%2Fprogressive_enhancement_convert_select_box_to_accessible_jquery_ui_slider%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Create A Slider From A Select Box&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;TextArea Resizer&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个 jQuery插件提供Resizer bar可拖动调整TextArea大小。&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.open-open.com/ajax/pimage/TextArea_Resizer.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://plugins.jquery.com%2Fproject%2FTextAreaResizer" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;TextArea Resizer&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jQuery MultiSelect&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery MultiSelect是一个可配置的jQuery插件。它将普通的列表框表单控件转换成带有CheckBox的下拉列表控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_MultiSelect.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.abeautifulsite.net%2Fnotebook%2F62" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery MultiSelect&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Editable(jQuery Editable Plugin)&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个真正可定制的jQuery editableplugin。当前它能够将任意不可编辑的标签（span、div、p...等）转换成可编辑的textinput、password、 textarea、下拉列表（drop-downlist）等标签。你可以利用它的editableFactory对象来扩展添加自己所需的input type。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Editable.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://arashkarimzadeh.com%2Findex.php%2Fjquery%2F7-editable-jquery-plugin.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Editable(jQuery Editable Plugin)&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;NicejForm&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;NiceJForm 是一个拥有完美外形的表单，它是基于jquery库的，NiceJForms实际上是个jquery插件，用来使表单看起来更为美观。这不是最终版本，我知道可以通过多种途径改良它的脚本，但是至少，这是一个可以使用的稳定版本。非常感谢&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://badboy.ro%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Lucian Slatineanu&lt;/span&gt;&lt;/a&gt;发布的 NiceJForm，在他的blog中你可以获得更多信息。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;在IE6，IE7，Firefox2.0中测试成功。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.hotajax.org%2Fjquery%2Faccordions-menu-form%2F207-nicejformjquery.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;NicejForm&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243873.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;上传类&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jqUploader&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;结合 Javascript与Flash开发，拥有上传进度条的文件上传控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jqUploader.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.pixeline.be%2Fexperiments%2FjqUploader%2Ftest.php" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jqUploader&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Multiple File Upload Plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;多文件上传插件（jQuery.MultiFile）能够让用户一次性选择多个要上传的文件。此外该插件还提供一些基本的校验功能比如：文件扩展名校验。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery.MultiFile.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.fyneworks.com%2Fjquery%2Fmultiple-file-upload%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Multiple File Upload Plugin&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery: Ajax file upload&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Ajax 文件上传插件让用户能够很方便地上传多个文件而无需刷新页面。此外，可以使用任何元素（图片，文字，按纽等）来触发文件选择窗口。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Ajax_file_upload.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://valums.com%2Fprojects%2Fajax-upload%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery: Ajax file upload&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055611605.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;时间日期类&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jQuery UI Datepicker&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于 jQuery开发的日期选择控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_UI_Datepicker.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://marcgrabanski.com%2Fcode%2Fui-datepicker%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery UI Datepicker&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;Date Picker&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Date Picker一个采用jQuery开发的日期选择控件。支持同时显示多个月份日历，标记特殊日期，易于通过CSS定制外观，自定义周的第一天，自定义月份和星期的显示名称。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Date_Picker.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://eyecon.ro%2Fdatepicker%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Date Picker&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;Date Range Picker&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于 jQuery UI1.6与jQuery UI CSS框架开发的日期选择控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Date_Range_Picker.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.filamentgroup.com%2Flab%2Fdate_range_picker_using_jquery_ui_16_and_jquery_ui_css_framework%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Date Range Picker&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055611250.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;圆角类&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jQuery Corner&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;不需要图片就能够创建各种圆角形状的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Corner.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.malsup.com%2Fjquery%2Fcorner%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Corner&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;JQuery Curvy Corners&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;用于创建圆角的jQuery插件。压缩之后大小只有9k。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/JQuery_Curvy_Corners.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://blue-anvil.com%2Fjquerycurvycorners%2Ftest.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;JQuery Curvy Corners&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Corner&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;更多圆角效果的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQueryCorner1.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.methvin.com%2Fjquery%2Fjq-corner-demo.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Corner&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jQuery Corners&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这是一个用于创建漂亮圆角效果的jQuery插件。不需要用到图片或其它特殊的标签。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Corners.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.atblabs.com%2Fjquery.corners.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Corners&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055243218.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;评价类&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jQuery Ajax Rater Plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;能够动态创建Ajax Rater的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_Ajax_Rater_Plugin.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.m3nt0r.de%2Fdevel%2FraterDemo%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Ajax Rater Plugin&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;Star Rating widget&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;采用 jQuery框架开发的评价控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img height="177" width="204" src="http://www.open-open.com/ajax/pimage/Star_Rating_widget.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://orkan.jaslo4u.pl%2Fstar_rating%2Findex.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Star Rating widget&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Star Rating Plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Star Rating Plugin是一个基于一组radio input boxes实现的星形评价控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Star_Rating_Plugin.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.fyneworks.com%2Fjquery%2Fstar-rating%2F%23tab-Overview" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Star Rating Plugin&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.cnblogs.com/Emoticons/qface/055611161.gif" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;其它&lt;a href="http://www.hotbook.cn/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;热点图书：www.hotbook.cn&lt;/span&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&amp;nbsp;jquery-aop&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;为 JavaScript增加面向方面编程特性的jQuery插件。它能给任何函数添加&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://en.wikipedia.org%2Fwiki%2FAdvice_in_aspect-%2520oriented_programming" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Advices&lt;/span&gt;&lt;/a&gt;(&lt;em style="padding: 0px; margin: 0px;"&gt;Before&lt;/em&gt;、&amp;lt;EM&amp;amp; gt;After&amp;lt; em&amp;gt;与&lt;em style="padding: 0px; margin: 0px;"&gt;Around&lt;/em&gt;)。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://code.google.com%2Fp%2Fjquery-aop%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jquery-aop&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;xmlObjectifier&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于 jQuery开发，能够把XML DOM转换成 JSON的JavaScript library。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.terracoder.com%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;xmlObjectifier&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;JQuery Portlets&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个 jQuery插件提供一些Portlets功能包括：drag/drop，expand，collapse等。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/JQueryPortlets.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://sonspring.com%2Fjournal%2Fjquery-portlets" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;JQuery Portlets&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jScrollPane&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jScrollPane 这个jQuery插件可以让你通过简单的CSS设置就能够替换所有分块元素在浏览器中默认的垂直滚动条样式。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jScrollPane.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.kelvinluck.com%2Fassets%2Fjquery%2FjScrollPane%2FjScrollPane.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jScrollPane&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;EasyDrag jQuery Plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个 jQuery Plugin能够为大部DOM元素添加拖放功能。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/EasyDrag_jQuery_Plugin.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://fromvega.com%2Fwordpress%2F2007%2F07%2F14%2Feasydrag-jquery-plugin%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;EasyDrag jQuery Plugin&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jFeed&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jFeed 是一个基于jQuery开发的RSS/ATOM Feed解析器。 jFeed能够解析RSS0.91、0.92、1.0、2.0和Atom1.0 Feeds。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.hovinne.com%2Fblog%2Findex.php%2F2007%2F07%2F15%2F132-jfeed-jquery-rss-atom-feed-parser-plugin" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jFeed&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery.UI ProgressBar Widget&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;采用 jQuery开发的进度条控件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery.UI.ProgressBar.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://mattberseth.com%2Fblog%2F2008%2F07%2Fjqueryui_progressbar_widget.html" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery.UI ProgressBar Widget&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Ajax Poll&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;利用 jQuery的Ajax和动画效果并给合PHP开发的投票系统。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/poll-results.png" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://nettuts.com%2F.-ajax%2Fcreating-a-dynamic-poll-with-jquery-and-php%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Ajax Poll&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;JQuery Progress Bar&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于 jQuery开发的进度条控件。在其网站上提供一个可以显示文件上传进度的例子，服务器端采用PHP处理。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jqueryprogressbar.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://t.wits.sg%2F2008%2F06%2F20%2Fjquery-progress-bar-11%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;JQuery Progress Bar&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://malsup.com%2Fjquery%2Fform%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Form Plugin&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jTemplates&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;基于 jQuery开发的javascript模板引擎。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://jtemplates.tpython.com%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jTemplates&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Animated Collapsible DIV&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;为任何 DIV层添加Web2.0风格的动画隐藏/显示效果。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Animated_Collapsible_DIV.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.dynamicdrive.com%2Fdynamicindex17%2Fanimatedcollapse.htm" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Animated Collapsible DIV&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Simple Effects Plugins&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery 特效插件，可以实现收缩，隐藏，显示，淡入/淡出和上下滑动效果等．&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img height="181" width="400" src="http://www.open-open.com/ajax/pimage/Simple_Effects_Plugins.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.learningjquery.com%2F2008%2F02%2Fsimple-effects-plugins" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Simple Effects Plugins&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery.Hotkeys plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个 jQuery插件能够帮助你快速创建键盘触发事件。支持任意组合键。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery.Hotkeys.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery.Hotkeys1.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://code.google.com%2Fp%2Fjs-hotkeys%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery.Hotkeys plugin&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jMP3&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jMP3 是一个采用jQuery开发的JavaScript MP3插放器，提供一种可以在页面上直接播放MP3的简便方式。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jMP3.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.sean-o.com%2Fjquery%2Fjmp3%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jMP3&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Pure&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Pure 是一个基于jQuery开发，能够动态生成HTML的JavaScript模板引擎。支持JSON数据。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://beebole.com%2Fpure%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Pure&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Chain.js&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Chain.js 是一个提供数据绑定功能的jQuery插件。用于自动生成Web内容，有利于数据与表现相分离。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Chain.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://github.com%2Fraid-ox%2Fchain.js%2Fwikis" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Chain.js&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;ppDrag&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;ppDrag 是一个让页面元素拥有拖移（Drag&amp;amp;Drop）效果的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/ppDrag.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://ppdrag.ppetrov.com%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;ppDrag&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jqDnR&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jqDnR 一个轻量级jQuery插件能够让你拖拽任何元素、调整元素大小。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jqDnR.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://dev.iceburg.net%2Fjquery%2FjqDnR%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jqDnR&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Scroll Follow&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Scroll Follow是一个简单的jQuery插件。当滚动页面时，能够让DOM对象产生浮动跟随效果。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Scroll_Follow.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://kitchen.net-perspective.com%2Fopen-source%2Fscroll-follow%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;Scroll Follow&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery Taconite Plugin&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;这个 jQuery插件能够利用单个Ajax调用结果同时更新多个DOM对象。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.malsup.com%2Fjquery%2Ftaconite%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery Taconite Plugin&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery URL Parser&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;用于解析 URLs字符串的jQuery插件。方便你获取协议,主机,端口,查询参数,文件名,路径等。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/jQuery_URL_Parser.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://projects.allmarkedup.com%2Fjquery_url_parser%2F" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery URL Parser&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;jQuery.xml2json&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;jQuery.xml2json 是一个能够将简单的XML转换成JSON对象的jQuery插件。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;a href="http://www.ruanko.com:9090/uchome/link.php?url=http://www.fyneworks.com%2Fjquery%2Fxml-to-json%2F%23" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;&lt;span color="#4371a6" style="line-height: 1.5; color: #4371a6; padding: 0px; margin: 0px;"&gt;jQuery.xml2json&lt;/span&gt;&lt;/a&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/icon_1.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;Ajaxify&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/resource/von.gif" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;Ajaxify 这个jQuery插件能够将一个页面中的所有链接转换成Ajax加载和提交请求。&amp;nbsp;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;img src="http://www.open-open.com/ajax/pimage/Ajaxify.jpg" border="0" style="border-style: initial; border-color: initial; padding: 0px; margin: 0px;" /&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/SoulStore/aggbug/2216877.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/SoulStore/archive/2011/10/18/2216877.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/SoulStore/archive/2011/10/18/2216876.html</id><title type="text">24款超实用的Web 2.0风格翻页代码</title><summary type="text">DiggStyle&lt;1234567...199200&gt;YahooStyle&lt;1234567...199200&gt;New Yahoo!Style1234567...199200Next &gt;MeneameStyle&lt;1234567...199200&gt;FlickrStyle&lt;1234567...199200&gt;Sabros.usStyle&lt;1234567...199200&gt;Green Style&lt;1234567...199200&gt;Gray Style&lt;1234567...199200&gt;Black Style&lt;</summary><published>2011-10-18T13:10:00Z</published><updated>2011-10-18T13:10:00Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><link rel="alternate" href="http://www.cnblogs.com/SoulStore/archive/2011/10/18/2216876.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/archive/2011/10/18/2216876.html"/><content type="html">&lt;p&gt;&lt;a href="http://www.digg.com/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;Digg&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="digg" style="text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #dddddd; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #ffffff; background-color: #000099; border-width: 1px; border-color: #000099; border-style: solid; margin: 2px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000099; border-width: 1px; border-color: #aaaadd; border-style: solid; margin: 2px;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000099; border-width: 1px; border-color: #aaaadd; border-style: solid; margin: 2px;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000099; border-width: 1px; border-color: #aaaadd; border-style: solid; margin: 2px;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000099; border-width: 1px; border-color: #aaaadd; border-style: solid; margin: 2px;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000099; border-width: 1px; border-color: #aaaadd; border-style: solid; margin: 2px;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000099; border-width: 1px; border-color: #aaaadd; border-style: solid; margin: 2px;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000099; border-width: 1px; border-color: #aaaadd; border-style: solid; margin: 2px;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000099; border-width: 1px; border-color: #aaaadd; border-style: solid; margin: 2px;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000099; border-width: 1px; border-color: #aaaadd; border-style: solid; margin: 2px;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;div style="padding: 0px; margin: 0px;"&gt;&lt;/div&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.yahoo.com/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;Yahoo&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="yahoo" style="text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #dddddd; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #000000; background-color: #ffffff; border-width: 1px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: underline; color: #000099; border-width: 1px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: underline; color: #000099; border-width: 1px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: underline; color: #000099; border-width: 1px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: underline; color: #000099; border-width: 1px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: underline; color: #000099; border-width: 1px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: underline; color: #000099; border-width: 1px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: underline; color: #000099; border-width: 1px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: underline; color: #000099; border-width: 1px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: underline; color: #000099; border-width: 1px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.yahoo.com/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;New Yahoo!&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="yahoo2" style="font-size: 0.85em; font-family: Tahoma, Helvetica, sans-serif; text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; line-height: 1.5; font-weight: bold; color: #000000;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #ccdbe4; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #ccdbe4; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #ccdbe4; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #ccdbe4; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #ccdbe4; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #ccdbe4; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #ccdbe4; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #ccdbe4; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 8px; padding-bottom: 2px; padding-left: 8px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #ccdbe4; border-style: solid;"&gt;Next &amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.meneame.net/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;Meneame&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="meneame" style="font-size: 12px; color: #ff6500; text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; line-height: 1.5; color: #ffe3c6; border-width: 1px; border-color: #ffe3c6; border-style: solid;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; line-height: 1.5; font-weight: bold; color: #ff6500; background-color: #ffbe94; border-width: 1px; border-color: #ff6500; border-style: solid;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; text-decoration: none; color: #ff6500; background-image: url('http://files.cnblogs.com/wayshan/meneame.jpg'); background-position: 50% 100%; border-width: 1px; border-color: #ff9600; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; text-decoration: none; color: #ff6500; background-image: url('http://files.cnblogs.com/wayshan/meneame.jpg'); background-position: 50% 100%; border-width: 1px; border-color: #ff9600; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; text-decoration: none; color: #ff6500; background-image: url('http://files.cnblogs.com/wayshan/meneame.jpg'); background-position: 50% 100%; border-width: 1px; border-color: #ff9600; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; text-decoration: none; color: #ff6500; background-image: url('http://files.cnblogs.com/wayshan/meneame.jpg'); background-position: 50% 100%; border-width: 1px; border-color: #ff9600; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; text-decoration: none; color: #ff6500; background-image: url('http://files.cnblogs.com/wayshan/meneame.jpg'); background-position: 50% 100%; border-width: 1px; border-color: #ff9600; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; text-decoration: none; color: #ff6500; background-image: url('http://files.cnblogs.com/wayshan/meneame.jpg'); background-position: 50% 100%; border-width: 1px; border-color: #ff9600; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; text-decoration: none; color: #ff6500; background-image: url('http://files.cnblogs.com/wayshan/meneame.jpg'); background-position: 50% 100%; border-width: 1px; border-color: #ff9600; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; text-decoration: none; color: #ff6500; background-image: url('http://files.cnblogs.com/wayshan/meneame.jpg'); background-position: 50% 100%; border-width: 1px; border-color: #ff9600; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 7px; padding-bottom: 5px; padding-left: 7px; text-decoration: none; color: #ff6500; background-image: url('http://files.cnblogs.com/wayshan/meneame.jpg'); background-position: 50% 100%; border-width: 1px; border-color: #ff9600; border-style: solid;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.flickr.com/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;Flickr&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="flickr" style="text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; line-height: 1.5; color: #adaaad;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; line-height: 1.5; font-weight: bold; color: #ff0084;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #0061de; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://sabros.us/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;Sabros.us&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="sabrosus" style="text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #929292; border-width: 1px; border-color: #929292; border-style: solid;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #ffffff; background-color: #2e6ab1; border-width: 1px; border-color: navy; border-style: solid;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #2e6ab1; border-width: 1px; border-color: #9aafe5; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #2e6ab1; border-width: 1px; border-color: #9aafe5; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #2e6ab1; border-width: 1px; border-color: #9aafe5; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #2e6ab1; border-width: 1px; border-color: #9aafe5; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #2e6ab1; border-width: 1px; border-color: #9aafe5; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #2e6ab1; border-width: 1px; border-color: #9aafe5; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #2e6ab1; border-width: 1px; border-color: #9aafe5; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #2e6ab1; border-width: 1px; border-color: #9aafe5; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #2e6ab1; border-width: 1px; border-color: #9aafe5; border-style: solid;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Green Style&lt;/p&gt;&lt;div class="scott" style="text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #cccccc; border-width: 1px; border-color: #f3f3f3; border-style: solid;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #ffffff; background-color: #b2e05d; border-width: 1px; border-color: #b2e05d; border-style: solid;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #88af3f; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #88af3f; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #88af3f; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #88af3f; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #88af3f; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #88af3f; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #88af3f; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #88af3f; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #88af3f; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Gray Style&lt;/p&gt;&lt;div class="quotes" style="text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #cccccc; border-width: 1px; border-color: #f3f3f3; border-style: solid;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #aaaaaa; background-color: #f0f0f0; border-width: 1px; border-color: #e0e0e0; border-style: solid;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #aaaaaa; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #aaaaaa; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #aaaaaa; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #aaaaaa; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #aaaaaa; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #aaaaaa; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #aaaaaa; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #aaaaaa; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #aaaaaa; border-width: 1px; border-color: #dddddd; border-style: solid;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Black Style&lt;/p&gt;&lt;div class="black" style="padding-top: 10px; padding-right: 3px; padding-bottom: 10px; padding-left: 3px; font-size: 12px; color: #a0a0a0; background-color: #000000; text-align: center; margin: 3px;"&gt;&lt;span class="disabled" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #808080; border-width: 1px; border-color: #606060; border-style: solid;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #ffffff; background-color: #606060; border-width: 1px; border-color: #ffffff; border-style: solid;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #c0c0c0; background-image: url('http://files.cnblogs.com/wayshan/bar.gif'); background-position: 50% 100%; border-width: 1px; border-color: #909090; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #c0c0c0; background-image: url('http://files.cnblogs.com/wayshan/bar.gif'); background-position: 50% 100%; border-width: 1px; border-color: #909090; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #c0c0c0; background-image: url('http://files.cnblogs.com/wayshan/bar.gif'); background-position: 50% 100%; border-width: 1px; border-color: #909090; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #c0c0c0; background-image: url('http://files.cnblogs.com/wayshan/bar.gif'); background-position: 50% 100%; border-width: 1px; border-color: #909090; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #c0c0c0; background-image: url('http://files.cnblogs.com/wayshan/bar.gif'); background-position: 50% 100%; border-width: 1px; border-color: #909090; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #c0c0c0; background-image: url('http://files.cnblogs.com/wayshan/bar.gif'); background-position: 50% 100%; border-width: 1px; border-color: #909090; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #c0c0c0; background-image: url('http://files.cnblogs.com/wayshan/bar.gif'); background-position: 50% 100%; border-width: 1px; border-color: #909090; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #c0c0c0; background-image: url('http://files.cnblogs.com/wayshan/bar.gif'); background-position: 50% 100%; border-width: 1px; border-color: #909090; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #c0c0c0; background-image: url('http://files.cnblogs.com/wayshan/bar.gif'); background-position: 50% 100%; border-width: 1px; border-color: #909090; border-style: solid;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.mis-algoritmos.com/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;Mis Algoritmos&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="black2" style="text-align: center; padding: 7px; margin: 3px;"&gt;&lt;span class="disabled" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #dddddd; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #ffffff; background-color: #000000; border-width: 1px; border-color: #000000; border-style: solid; margin: 2px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #000000; border-style: solid; margin: 2px;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #000000; border-style: solid; margin: 2px;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #000000; border-style: solid; margin: 2px;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #000000; border-style: solid; margin: 2px;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #000000; border-style: solid; margin: 2px;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #000000; border-style: solid; margin: 2px;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #000000; border-style: solid; margin: 2px;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #000000; border-style: solid; margin: 2px;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #000000; border-style: solid; margin: 2px;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Black-Red Style&lt;/p&gt;&lt;div style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; background-color: #313131; margin: 0px;"&gt;&lt;div class="black-red" style="font-size: 11px; color: #ffffff; font-family: Tahoma, Arial, Helvetica, sans-serif; background-color: #3e3e3e; padding: 0px; margin: 0px;"&gt;&lt;span class="disabled" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #868686; background-color: #3e3e3e; margin: 2px;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #ffffff; background-color: #313131; margin: 2px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #3e3e3e; margin: 2px;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #3e3e3e; margin: 2px;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #3e3e3e; margin: 2px;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #3e3e3e; margin: 2px;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #3e3e3e; margin: 2px;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #3e3e3e; margin: 2px;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #3e3e3e; margin: 2px;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #3e3e3e; margin: 2px;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #3e3e3e; margin: 2px;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Gray Style 2&lt;/p&gt;&lt;div class="grayr" style="font-size: 11px; font-family: Tahoma, Arial, Helvetica, sans-serif; background-color: #c1c1c1; padding: 2px; margin: 0px;"&gt;&lt;span class="disabled" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #797979; background-color: #c1c1c1; margin: 2px;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #303030; background-color: #ffffff; margin: 2px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #c1c1c1; margin: 2px;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #c1c1c1; margin: 2px;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #c1c1c1; margin: 2px;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #c1c1c1; margin: 2px;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #c1c1c1; margin: 2px;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #c1c1c1; margin: 2px;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #c1c1c1; margin: 2px;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #c1c1c1; margin: 2px;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #c1c1c1; margin: 2px;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Yellow Style&lt;/p&gt;&lt;div class="yellow" style="text-align: center; padding: 7px; margin: 3px;"&gt;&lt;span class="disabled" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #dddddd; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #ffffff; background-color: #d9d300; border-width: 1px; border-color: #d9d300; border-style: solid; margin: 2px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #cccccc; border-style: solid; margin: 2px;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #cccccc; border-style: solid; margin: 2px;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #cccccc; border-style: solid; margin: 2px;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #cccccc; border-style: solid; margin: 2px;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #cccccc; border-style: solid; margin: 2px;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #cccccc; border-style: solid; margin: 2px;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #cccccc; border-style: solid; margin: 2px;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #cccccc; border-style: solid; margin: 2px;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #cccccc; border-style: solid; margin: 2px;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://jogger.pl/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;jogger&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="jogger" style="font-family: 'Lucida Sans Unicode', 'Lucida Grande', LucidaGrande, 'Lucida Sans', Geneva, Verdana, sans-serif; padding: 2px; margin: 7px;"&gt;&lt;span class="current" style="padding-top: 0.5em; padding-right: 0.64em; padding-bottom: 0.43em; padding-left: 0.64em; line-height: 1.5; color: #6d643c; background-color: #f6efcc; margin: 2px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 0.5em; padding-right: 0.64em; padding-bottom: 0.43em; padding-left: 0.64em; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #ee4e4e; margin: 2px;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="padding-top: 0.5em; padding-right: 0.64em; padding-bottom: 0.43em; padding-left: 0.64em; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #ee4e4e; margin: 2px;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="padding-top: 0.5em; padding-right: 0.64em; padding-bottom: 0.43em; padding-left: 0.64em; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #ee4e4e; margin: 2px;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="padding-top: 0.5em; padding-right: 0.64em; padding-bottom: 0.43em; padding-left: 0.64em; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #ee4e4e; margin: 2px;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="padding-top: 0.5em; padding-right: 0.64em; padding-bottom: 0.43em; padding-left: 0.64em; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #ee4e4e; margin: 2px;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="padding-top: 0.5em; padding-right: 0.64em; padding-bottom: 0.43em; padding-left: 0.64em; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #ee4e4e; margin: 2px;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="padding-top: 0.5em; padding-right: 0.64em; padding-bottom: 0.43em; padding-left: 0.64em; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #ee4e4e; margin: 2px;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="padding-top: 0.5em; padding-right: 0.64em; padding-bottom: 0.43em; padding-left: 0.64em; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #ee4e4e; margin: 2px;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 0.5em; padding-right: 0.64em; padding-bottom: 0.43em; padding-left: 0.64em; text-decoration: none; color: #ffffff; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #ee4e4e; margin: 2px;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://eu.starcraft2.com/screenshots.xml" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;starcraft 2&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="starcraft2" style="font-weight: bold; font-size: 13.5pt; color: #ffffff; font-family: Arial; background-color: #000000; text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="line-height: 1.5; color: #444444; background-color: #000000; padding: 0px; margin: 2px;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="line-height: 1.5; font-weight: bold; color: #ffffff; background-color: #000000; padding: 0px; margin: 2px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="text-decoration: none; color: #ffaa00; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #000000; padding: 0px; margin: 2px;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="text-decoration: none; color: #ffaa00; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #000000; padding: 0px; margin: 2px;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="text-decoration: none; color: #ffaa00; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #000000; padding: 0px; margin: 2px;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="text-decoration: none; color: #ffaa00; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #000000; padding: 0px; margin: 2px;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="text-decoration: none; color: #ffaa00; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #000000; padding: 0px; margin: 2px;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="text-decoration: none; color: #ffaa00; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #000000; padding: 0px; margin: 2px;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="text-decoration: none; color: #ffaa00; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #000000; padding: 0px; margin: 2px;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="text-decoration: none; color: #ffaa00; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #000000; padding: 0px; margin: 2px;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="text-decoration: none; color: #ffaa00; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; background-color: #000000; padding: 0px; margin: 2px;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Tres Style&lt;/p&gt;&lt;div class="tres" style="font-weight: bold; font-size: 13.2pt; font-family: Arial, Helvetica, sans-serif; text-align: center; padding: 7px; margin: 3px;"&gt;&lt;span class="current" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #000000; border-width: 2px; border-color: #ffffff; border-style: solid; margin: 2px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-color: #dd9900; border-width: 2px; border-color: #d9d300; border-style: solid; margin: 2px;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-color: #dd9900; border-width: 2px; border-color: #d9d300; border-style: solid; margin: 2px;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-color: #dd9900; border-width: 2px; border-color: #d9d300; border-style: solid; margin: 2px;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-color: #dd9900; border-width: 2px; border-color: #d9d300; border-style: solid; margin: 2px;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-color: #dd9900; border-width: 2px; border-color: #d9d300; border-style: solid; margin: 2px;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-color: #dd9900; border-width: 2px; border-color: #d9d300; border-style: solid; margin: 2px;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-color: #dd9900; border-width: 2px; border-color: #d9d300; border-style: solid; margin: 2px;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-color: #dd9900; border-width: 2px; border-color: #d9d300; border-style: solid; margin: 2px;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-color: #dd9900; border-width: 2px; border-color: #d9d300; border-style: solid; margin: 2px;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.512megas.com/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;512megas&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="megas512" style="text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; line-height: 1.5; color: #adaaad;"&gt;&amp;lt;&amp;nbsp;&lt;/span&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; line-height: 1.5; font-weight: bold; color: #99210b;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #99210b; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #99210b; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #99210b; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #99210b; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #99210b; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #99210b; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #99210b; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #99210b; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #99210b; background-position: 50% 100%; border-width: 1px; border-color: #dedfde; border-style: solid;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.technorati.com/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;Technorati&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="technorati" style="text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; line-height: 1.5; font-weight: bold; color: #000000;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #4261de; font-weight: bold; background-position: 50% 100%; border-width: 1px; border-color: #cccccc; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #4261de; font-weight: bold; background-position: 50% 100%; border-width: 1px; border-color: #cccccc; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #4261de; font-weight: bold; background-position: 50% 100%; border-width: 1px; border-color: #cccccc; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #4261de; font-weight: bold; background-position: 50% 100%; border-width: 1px; border-color: #cccccc; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #4261de; font-weight: bold; background-position: 50% 100%; border-width: 1px; border-color: #cccccc; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #4261de; font-weight: bold; background-position: 50% 100%; border-width: 1px; border-color: #cccccc; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #4261de; font-weight: bold; background-position: 50% 100%; border-width: 1px; border-color: #cccccc; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #4261de; font-weight: bold; background-position: 50% 100%; border-width: 1px; border-color: #cccccc; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 6px; padding-bottom: 2px; padding-left: 6px; text-decoration: none; color: #4261de; font-weight: bold; background-position: 50% 100%; border-width: 1px; border-color: #cccccc; border-style: solid;"&gt;&amp;nbsp;&amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://www.youtube.com/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;YouTube&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="youtube" style="padding-top: 4px; padding-right: 6px; padding-bottom: 4px; padding-left: 0px; border-top-color: #9c9a9c; border-top-width: 1px; border-top-style: dotted; font-size: 13px; color: #313031; font-family: Arial, Helvetica, sans-serif; background-color: #cecfce; text-align: right; margin: 0px;"&gt;&lt;span class="current" style="padding-top: 1px; padding-right: 2px; padding-bottom: 1px; padding-left: 2px; line-height: 1.5; color: #000000; background-color: #ffffff; margin: 0px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-decoration: underline; color: #0030ce; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-weight: bold;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-decoration: underline; color: #0030ce; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-weight: bold;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-decoration: underline; color: #0030ce; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-weight: bold;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-decoration: underline; color: #0030ce; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-weight: bold;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-decoration: underline; color: #0030ce; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-weight: bold;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-decoration: underline; color: #0030ce; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-weight: bold;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-decoration: underline; color: #0030ce; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-weight: bold;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-decoration: underline; color: #0030ce; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-weight: bold;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 1px; margin-bottom: 0px; margin-left: 1px; padding-top: 1px; padding-right: 3px; padding-bottom: 1px; padding-left: 3px; text-decoration: underline; color: #0030ce; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; font-weight: bold;"&gt;Next&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://search.msdn.microsoft.com/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;MSDN Search&lt;/a&gt;&amp;nbsp;Style&lt;/p&gt;&lt;div class="msdn" style="padding-top: 4px; padding-right: 6px; padding-bottom: 4px; padding-left: 0px; font-size: 13px; color: #313031; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: right; margin: 0px;"&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 5px; padding-right: 6px; padding-bottom: 4px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #444444; background-color: #d2eaf6; border-width: 1px; border-color: #b7d8ee; border-style: solid;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 5px; padding-right: 6px; padding-bottom: 4px; padding-left: 5px; text-decoration: none; color: #0030ce; border-width: 1px; border-color: #b7d8ee; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 5px; padding-right: 6px; padding-bottom: 4px; padding-left: 5px; text-decoration: none; color: #0030ce; border-width: 1px; border-color: #b7d8ee; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 5px; padding-right: 6px; padding-bottom: 4px; padding-left: 5px; text-decoration: none; color: #0030ce; border-width: 1px; border-color: #b7d8ee; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 5px; padding-right: 6px; padding-bottom: 4px; padding-left: 5px; text-decoration: none; color: #0030ce; border-width: 1px; border-color: #b7d8ee; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 5px; padding-right: 6px; padding-bottom: 4px; padding-left: 5px; text-decoration: none; color: #0030ce; border-width: 1px; border-color: #b7d8ee; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 5px; padding-right: 6px; padding-bottom: 4px; padding-left: 5px; text-decoration: none; color: #0030ce; border-width: 1px; border-color: #b7d8ee; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 5px; padding-right: 6px; padding-bottom: 4px; padding-left: 5px; text-decoration: none; color: #0030ce; border-width: 1px; border-color: #b7d8ee; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 5px; padding-right: 6px; padding-bottom: 4px; padding-left: 5px; text-decoration: none; color: #0030ce; border-width: 1px; border-color: #b7d8ee; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 3px; padding-top: 5px; padding-right: 6px; padding-bottom: 4px; padding-left: 5px; text-decoration: none; color: #0030ce; border-width: 1px; border-color: #b7d8ee; border-style: solid;"&gt;Next &amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://badoo.com/" style="text-decoration: none; color: #000000; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #333333; padding: 0px; margin: 0px;"&gt;Badoo&lt;/a&gt;&lt;/p&gt;&lt;div class="badoo" style="padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; font-size: 13px; color: #48b9ef; font-family: Arial, Helvetica, sans-serif; background-color: #ffffff; text-align: center; margin: 0px;"&gt;&lt;span class="current" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #ffffff; background-color: #ff6c16; border-width: 2px; border-color: #ff5a00; border-style: solid; margin: 0px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #48b9ef; border-width: 2px; border-color: #f0f0f0; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #48b9ef; border-width: 2px; border-color: #f0f0f0; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #48b9ef; border-width: 2px; border-color: #f0f0f0; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #48b9ef; border-width: 2px; border-color: #f0f0f0; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #48b9ef; border-width: 2px; border-color: #f0f0f0; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #48b9ef; border-width: 2px; border-color: #f0f0f0; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #48b9ef; border-width: 2px; border-color: #f0f0f0; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #48b9ef; border-width: 2px; border-color: #f0f0f0; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 2px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #48b9ef; border-width: 2px; border-color: #f0f0f0; border-style: solid;"&gt;Next &amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Blue Style&lt;/p&gt;&lt;div class="manu" style="text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #dddddd; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;&amp;lt; Prev&lt;/span&gt;&lt;span class="current" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #ffffff; background-color: #036cb4; border-width: 1px; border-color: #036cb4; border-style: solid; margin: 2px;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #036cb4; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #036cb4; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #036cb4; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #036cb4; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #036cb4; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #036cb4; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #036cb4; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #036cb4; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #036cb4; border-width: 1px; border-color: #eeeeee; border-style: solid; margin: 2px;"&gt;Next &amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;Green-Black Style&lt;/p&gt;&lt;div class="green-black" style="text-align: center; padding: 3px; margin: 3px;"&gt;&lt;span class="disabled" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #cccccc; border-width: 1px; border-color: #f3f3f3; border-style: solid;"&gt;&amp;lt; Prev&lt;/span&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; background-image: url('http://files.cnblogs.com/wayshan/image2.gif'); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #aad83e; color: #ffffff; background-position: initial initial; background-repeat: initial initial; border-width: 1px; border-color: #aad83e; border-style: solid;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-image: url('http://files.cnblogs.com/wayshan/image1.gif'); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #2c2c2c; background-position: initial initial; background-repeat: initial initial; border-width: 1px; border-color: #2c2c2c; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-image: url('http://files.cnblogs.com/wayshan/image1.gif'); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #2c2c2c; background-position: initial initial; background-repeat: initial initial; border-width: 1px; border-color: #2c2c2c; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-image: url('http://files.cnblogs.com/wayshan/image1.gif'); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #2c2c2c; background-position: initial initial; background-repeat: initial initial; border-width: 1px; border-color: #2c2c2c; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-image: url('http://files.cnblogs.com/wayshan/image1.gif'); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #2c2c2c; background-position: initial initial; background-repeat: initial initial; border-width: 1px; border-color: #2c2c2c; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-image: url('http://files.cnblogs.com/wayshan/image1.gif'); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #2c2c2c; background-position: initial initial; background-repeat: initial initial; border-width: 1px; border-color: #2c2c2c; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-image: url('http://files.cnblogs.com/wayshan/image1.gif'); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #2c2c2c; background-position: initial initial; background-repeat: initial initial; border-width: 1px; border-color: #2c2c2c; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-image: url('http://files.cnblogs.com/wayshan/image1.gif'); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #2c2c2c; background-position: initial initial; background-repeat: initial initial; border-width: 1px; border-color: #2c2c2c; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-image: url('http://files.cnblogs.com/wayshan/image1.gif'); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #2c2c2c; background-position: initial initial; background-repeat: initial initial; border-width: 1px; border-color: #2c2c2c; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #ffffff; background-image: url('http://files.cnblogs.com/wayshan/image1.gif'); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: #2c2c2c; background-position: initial initial; background-repeat: initial initial; border-width: 1px; border-color: #2c2c2c; border-style: solid;"&gt;Next &amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;span class="Apple-style-span" style="color: #333333; font-family: verdana, ����, Arial;"&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;br style="padding: 0px; margin: 0px;" /&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;viciao Style&lt;/p&gt;&lt;div class="viciao" style="margin-top: 20px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding: 0px;"&gt;&lt;span class="disabled" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; color: #cccccc; border-width: 1px; border-color: #cccccc; border-style: solid;"&gt;&amp;lt; Prev&lt;/span&gt;&lt;span class="current" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; line-height: 1.5; font-weight: bold; color: #000000; background-color: #ffca7d; border-width: 1px; border-color: #e89954; border-style: solid;"&gt;1&lt;/span&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #8db5d7; border-style: solid;"&gt;2&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=3" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #8db5d7; border-style: solid;"&gt;3&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=4" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #8db5d7; border-style: solid;"&gt;4&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=5" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #8db5d7; border-style: solid;"&gt;5&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=6" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #8db5d7; border-style: solid;"&gt;6&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=7" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #8db5d7; border-style: solid;"&gt;7&lt;/a&gt;...&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=199" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #8db5d7; border-style: solid;"&gt;199&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=200" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #8db5d7; border-style: solid;"&gt;200&lt;/a&gt;&lt;a href="http://www.cnblogs.com/wayshan/archive/2011/05/06/2039384.html#?page=2" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #8db5d7; border-style: solid;"&gt;Next &amp;gt;&lt;/a&gt;&lt;/div&gt;&lt;p&gt;&lt;/p&gt;&lt;div class="viciao" style="margin-top: 20px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; padding: 0px;"&gt;&amp;nbsp;附件：&lt;span style="line-height: 1.5; text-decoration: underline; padding: 0px; margin: 0px;"&gt;&lt;a href="http://files.cnblogs.com/wayshan/24%E6%AC%BE%E8%B6%85%E5%AE%9E%E7%94%A8%E7%9A%84Web2.0%E9%A3%8E%E6%A0%BC%E7%BF%BB%E9%A1%B5%E4%BB%A3%E7%A0%81.zip" style="margin-top: 0px; margin-right: 2px; margin-bottom: 0px; margin-left: 0px; padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px; text-decoration: none; color: #000000; border-width: 1px; border-color: #8db5d7; border-style: none;"&gt;24款超实用的Web 2.0风格翻页代码&lt;/a&gt;&lt;/span&gt;&lt;/div&gt;&lt;img src="http://www.cnblogs.com/SoulStore/aggbug/2216876.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/SoulStore/archive/2011/10/18/2216876.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/SoulStore/archive/2011/10/06/2200141.html</id><title type="text">【转】使用 Entity Framework + ListView + DataPager 实现数据分页</title><summary type="text">l Web程序运行时，页面效果概览未加载数据时的效果执行了数据库查询，没有符合条件的结果时的效果执行了数据库查询，返回10条查询结果时的效果（PageSize设置为5，所以进行了分页）点击列标题进行排序DataPager分页控件l 如何实现自定义组合条件的复杂查询？实现步骤如下：1. QueryCondition 类首先定义一个 QueryCondition 类，包含了查询条件的组合，以及排序规则。该class中的各个字段都为可空类型，为空即表示不依据该字段查询，从而不需要将参数设置为0或者-1或者“”以表示同样的目的。其中，PatternQueryKeywordsScope用于定义Keywo</summary><published>2011-10-06T12:53:00Z</published><updated>2011-10-06T12:53:00Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><link rel="alternate" href="http://www.cnblogs.com/SoulStore/archive/2011/10/06/2200141.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/archive/2011/10/06/2200141.html"/><content type="html">&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: Wingdings; color: #333333; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings;" lang="EN-US"&gt;&lt;span style="mso-list: Ignore;"&gt;l&lt;span style="font: 7pt 'Times New Roman';"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: #333333; font-size: 14pt;" lang="EN-US"&gt;Web&lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="font-family: 宋体; color: #333333; font-size: 14pt; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;程序运行时，页面效果概览&lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: #333333; font-size: 14pt;" lang="EN-US"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;未加载数据时的效果&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;img src="http://pic002.cnblogs.com/img/btbtshu/200906/2009061621280811.jpg" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;执行了数据库查询，没有符合条件的结果时的效果&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;img src="http://pic002.cnblogs.com/img/btbtshu/200906/2009061621283015.jpg" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;执行了数据库查询，返回&lt;/span&gt;&lt;span lang="EN-US"&gt;10&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;条查询结果时的效果（&lt;/span&gt;&lt;span lang="EN-US"&gt;PageSize&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;设置为&lt;/span&gt;&lt;span lang="EN-US"&gt;5&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;，所以进行了分页）&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;img src="http://pic002.cnblogs.com/img/btbtshu/200906/2009061621285491.jpg" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;点击列标题进行排序&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;img src="http://pic002.cnblogs.com/img/btbtshu/200906/2009061621291433.jpg" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span lang="EN-US"&gt;DataPager&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;分页控件&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;img src="http://pic002.cnblogs.com/img/btbtshu/200906/2009061621295425.jpg" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: Wingdings; color: #333333; mso-fareast-font-family: Wingdings; mso-bidi-font-family: Wingdings;" lang="EN-US"&gt;&lt;span style="mso-list: Ignore;"&gt;l&lt;span style="font: 7pt 'Times New Roman';"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="font-family: 宋体; color: #333333; font-size: 14pt; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;如何实现自定义组合条件的复杂查询？&lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="color: #333333; font-size: 14pt;" lang="EN-US"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;v:shapetype id="_x0000_t75" coordsize="21600,21600" o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f" stroked="f"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;v:stroke joinstyle="miter"&gt;&lt;/v:stroke&gt;&lt;v:formulas&gt;&lt;v:f eqn="if lineDrawn pixelLineWidth 0"&gt;&lt;/v:f&gt;&lt;v:f eqn="sum @0 1 0"&gt;&lt;/v:f&gt;&lt;v:f eqn="sum 0 0 @1"&gt;&lt;/v:f&gt;&lt;v:f eqn="prod @2 1 2"&gt;&lt;/v:f&gt;&lt;v:f eqn="prod @3 21600 pixelWidth"&gt;&lt;/v:f&gt;&lt;v:f eqn="prod @3 21600 pixelHeight"&gt;&lt;/v:f&gt;&lt;v:f eqn="sum @0 0 1"&gt;&lt;/v:f&gt;&lt;v:f eqn="prod @6 1 2"&gt;&lt;/v:f&gt;&lt;v:f eqn="prod @7 21600 pixelWidth"&gt;&lt;/v:f&gt;&lt;v:f eqn="sum @8 21600 0"&gt;&lt;/v:f&gt;&lt;v:f eqn="prod @7 21600 pixelHeight"&gt;&lt;/v:f&gt;&lt;v:f eqn="sum @10 21600 0"&gt;&lt;/v:f&gt;&lt;/v:formulas&gt;&lt;v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"&gt;&lt;/v:path&gt;&lt;o:lock v:ext="edit" aspectratio="t"&gt;&lt;/o:lock&gt;&lt;/span&gt;&lt;/span&gt;&lt;/v:shapetype&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;img src="http://pic002.cnblogs.com/img/btbtshu/200906/2009061621304618.jpg" /&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;/span&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;实现步骤如下：&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="mso-fareast-font-family: 'Times New Roman';" lang="EN-US"&gt;&lt;span style="mso-list: Ignore;"&gt;1.&lt;span style="font: 7pt 'Times New Roman';"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span lang="EN-US"&gt;QueryCondition &lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;类&lt;/span&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;首先定义一个&lt;/span&gt; &lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span lang="EN-US"&gt;QueryCondition&lt;/span&gt;&lt;/b&gt;&lt;span lang="EN-US"&gt; &lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;类，包含了查询条件的组合，以及排序规则。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;img src="http://pic002.cnblogs.com/img/btbtshu/200906/2009061621311930.jpg" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;该&lt;/span&gt;&lt;span lang="EN-US"&gt;class&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;中的各个字段都为可空类型，为空即表示不依据该字段查询，从而不需要将参数设置为&lt;/span&gt;&lt;span lang="EN-US"&gt;0&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;或者&lt;/span&gt;&lt;span lang="EN-US"&gt;-1&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;或者&amp;ldquo;&amp;rdquo;以表示同样的目的。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;其中，&lt;/span&gt;&lt;span lang="EN-US"&gt;PatternQueryKeywordsScope&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;用于定义&lt;/span&gt;&lt;span lang="EN-US"&gt;Keywords&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;查询条件将要覆盖的范围，是标记为&lt;/span&gt;&lt;span lang="EN-US"&gt; [Flag] &lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;属性的枚举类型，可以将多个枚举值通过&lt;/span&gt;&lt;span lang="EN-US"&gt; | &lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;运算符累加起来，表示&lt;/span&gt;&lt;span lang="EN-US"&gt;AND&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;或者&lt;/span&gt;&lt;span lang="EN-US"&gt;OR&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;的关系。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span lang="EN-US"&gt;PatternQueryOrderBy &lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;则是定义了排序的字段，该字段为&lt;/span&gt;&lt;span lang="EN-US"&gt;nullable&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;，如果为&lt;/span&gt;&lt;span lang="EN-US"&gt;null&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;，则表示由&lt;/span&gt;&lt;span lang="EN-US"&gt;BIZ&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;层业务逻辑代码决定默认的排序字段（通常为&lt;/span&gt;&lt;span lang="EN-US"&gt;ID&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;、&lt;/span&gt;&lt;span lang="EN-US"&gt;DateTime&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;等）。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span lang="EN-US"&gt;IsAsc&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;属性（&lt;/span&gt;&lt;span lang="EN-US"&gt;bool&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;类型）定义了排序顺序（升序、降序）。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="mso-fareast-font-family: 'Times New Roman';" lang="EN-US"&gt;&lt;span style="mso-list: Ignore;"&gt;1.&lt;span style="font: 7pt 'Times New Roman';"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span lang="EN-US"&gt;BIZ&lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;业务层方法&lt;/span&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;业务层代码提供了一个&lt;/span&gt;&lt;span lang="EN-US"&gt; QueryPattern &lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;静态方法，返回类型为：&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;/p&gt;&lt;table style="border-collapse: collapse; background: #f3f3f3; mso-border-alt: solid gray .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid gray; mso-border-insidev: .5pt solid gray;" class="MsoTableGrid" border="1" cellspacing="0" cellpadding="0"&gt;&lt;tbody&gt;&lt;tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes;"&gt;&lt;td style="padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 492.7pt; padding-right: 5.4pt; padding-top: 0cm; mso-border-alt: solid gray .5pt; border: gray 1pt solid;" valign="top" width="657"&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: gray; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;///&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;summary&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: gray; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;///&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 9pt; mso-bidi-font-family: 'Courier New'; mso-ascii-font-family: 'Courier New'; mso-hansi-font-family: 'Courier New'; mso-font-kerning: 0pt; mso-no-proof: yes;"&gt;根据查询条件，搜索符合条件的&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;Pattern&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 9pt; mso-bidi-font-family: 'Courier New'; mso-ascii-font-family: 'Courier New'; mso-hansi-font-family: 'Courier New'; mso-font-kerning: 0pt; mso-no-proof: yes;"&gt;数据列表。&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: gray; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;///&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;/summary&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: gray; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;///&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;param name="con"&amp;gt;&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 9pt; mso-bidi-font-family: 'Courier New'; mso-ascii-font-family: 'Courier New'; mso-hansi-font-family: 'Courier New'; mso-font-kerning: 0pt; mso-no-proof: yes;"&gt;查询条件对象&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;/param&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: gray; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;///&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;param name="startRowIndex"&amp;gt;&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 9pt; mso-bidi-font-family: 'Courier New'; mso-ascii-font-family: 'Courier New'; mso-hansi-font-family: 'Courier New'; mso-font-kerning: 0pt; mso-no-proof: yes;"&gt;开始的记录数（&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;PageSize * PageIndex&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 9pt; mso-bidi-font-family: 'Courier New'; mso-ascii-font-family: 'Courier New'; mso-hansi-font-family: 'Courier New'; mso-font-kerning: 0pt; mso-no-proof: yes;"&gt;）&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;/param&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: gray; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;///&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;param name="maxRowsCount"&amp;gt;&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 9pt; mso-bidi-font-family: 'Courier New'; mso-ascii-font-family: 'Courier New'; mso-hansi-font-family: 'Courier New'; mso-font-kerning: 0pt; mso-no-proof: yes;"&gt;最大记录数目（&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;PageSize&lt;/span&gt;&lt;span style="font-family: 宋体; color: green; font-size: 9pt; mso-bidi-font-family: 'Courier New'; mso-ascii-font-family: 'Courier New'; mso-hansi-font-family: 'Courier New'; mso-font-kerning: 0pt; mso-no-proof: yes;"&gt;）&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;/param&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: gray; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;///&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: green; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;returns&amp;gt;&amp;lt;/returns&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;public&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: blue;"&gt;static&lt;/span&gt; &lt;span style="color: #2b91af;"&gt;List&lt;/span&gt;&amp;lt;&lt;span style="color: #2b91af;"&gt;Pattern&lt;/span&gt;&amp;gt; QueryPattern(&lt;span style="color: #2b91af;"&gt;PatternQueryCondition&lt;/span&gt; con, &lt;span style="color: blue;"&gt;int&lt;/span&gt;&lt;span style="color: gray;"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;startRowIndex, &lt;span style="color: blue;"&gt;int&lt;/span&gt; maxRowsCount){&amp;hellip;}&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;该方法中，首先判断&lt;/span&gt; &lt;span lang="EN-US"&gt;PatternQueryCondition &lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;对象是否为空，为空的话，则新建该对象，并设置默认的排序规则。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;然后，根据不同的查询参数，调用各自的查询业务逻辑代码。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;/p&gt;&lt;table style="border-collapse: collapse; background: #f3f3f3; mso-border-alt: solid gray .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid gray; mso-border-insidev: .5pt solid gray;" class="MsoTableGrid" border="1" cellspacing="0" cellpadding="0"&gt;&lt;tbody&gt;&lt;tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes;"&gt;&lt;td style="padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 492.7pt; padding-right: 5.4pt; padding-top: 0cm; mso-border-alt: solid gray .5pt; border: gray 1pt solid;" valign="top" width="657"&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;if&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; (con.CreateUserID.HasValue)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;patterns = patterns.Where(p =&amp;gt; p.CreateUser.UserID == con.CreateUserID.Value);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;if&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; (&lt;span style="color: blue;"&gt;string&lt;/span&gt;.IsNullOrEmpty(con.CreateUserName) == &lt;span style="color: blue;"&gt;false&lt;/span&gt;)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;patterns = patterns.Where(p =&amp;gt; p.CreateUser.DisplayName.Contains(con.CreateUserName));&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;if&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; (con.From.HasValue)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;patterns = patterns.Where(p =&amp;gt; p.CreateTime &amp;gt;= con.From.Value);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;if&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; (con.To.HasValue)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;patterns = patterns.Where(p =&amp;gt; p.CreateTime &amp;lt;= con.To.Value);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;搜索完成后，再处理排序。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;也可以先统一调用&lt;/span&gt;&lt;span lang="EN-US"&gt;OrderBy&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;方法，排序完成后根据&lt;/span&gt;&lt;span lang="EN-US"&gt;IsAsc&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;的值，如果&lt;/span&gt;&lt;span lang="EN-US"&gt;IsAsc==false&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;，再调用&lt;/span&gt;&lt;span lang="EN-US"&gt;Reverse&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;方法即进行反序操作。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;/p&gt;&lt;table style="border-collapse: collapse; background: #f3f3f3; mso-border-alt: solid gray .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid gray; mso-border-insidev: .5pt solid gray;" class="MsoTableGrid" border="1" cellspacing="0" cellpadding="0"&gt;&lt;tbody&gt;&lt;tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes;"&gt;&lt;td style="padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 492.7pt; padding-right: 5.4pt; padding-top: 0cm; mso-border-alt: solid gray .5pt; border: gray 1pt solid;" valign="top" width="657"&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;switch&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; (con.OrderBy.Value)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;{&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: green; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;// other cases&amp;hellip;&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;case&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: #2b91af;"&gt;PatternQueryOrderBy&lt;/span&gt;.CreateDate:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;default&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;:&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;patterns = con.IsAsc == &lt;span style="color: blue;"&gt;true&lt;/span&gt; ? patterns.OrderBy(p =&amp;gt; p.CreateTime) : patterns.OrderByDescending(p =&amp;gt; p.CreateTime);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;break&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;最后，进行分页操作，获得所需要的记录列表。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;/p&gt;&lt;table style="border-collapse: collapse; background: #f3f3f3; mso-border-alt: solid gray .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid gray; mso-border-insidev: .5pt solid gray;" class="MsoTableGrid" border="1" cellspacing="0" cellpadding="0"&gt;&lt;tbody&gt;&lt;tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes;"&gt;&lt;td style="padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 492.7pt; padding-right: 5.4pt; padding-top: 0cm; mso-border-alt: solid gray .5pt; border: gray 1pt solid;" valign="top" width="657"&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;return&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; patterns.Skip(startRowIndex).Take(maxRowsCount).ToList();&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="mso-fareast-font-family: 'Times New Roman';" lang="EN-US"&gt;&lt;span style="mso-list: Ignore;"&gt;2.&lt;span style="font: 7pt 'Times New Roman';"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span lang="EN-US"&gt;Web&lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;项目中，前端页面代码&lt;/span&gt;&lt;span lang="EN-US"&gt;(.aspx)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;显示查询结果的数据列表使用&lt;/span&gt;&lt;span lang="EN-US"&gt; DataTable &lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;布局，&lt;/span&gt;&lt;span lang="EN-US"&gt;Header&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;（列标题，可点击排序）和&lt;/span&gt;&lt;span lang="EN-US"&gt; Footer&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;（显示记录数和分页控件）各占一个&lt;/span&gt;&lt;span lang="EN-US"&gt;TR&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;中间的数据部分使用了&lt;/span&gt;&lt;span lang="EN-US"&gt;ASP.NET 3.5&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;新的&lt;/span&gt;&lt;span lang="EN-US"&gt;ListView&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;控件，其中&lt;/span&gt;&lt;span lang="EN-US"&gt;LayoutTemplate&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;为空（都在控件外面定义了），仅定义了&lt;/span&gt;&lt;span lang="EN-US"&gt;ItemTemplate&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;和&lt;/span&gt;&lt;span lang="EN-US"&gt;EmptyDataTemplate&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;分页使用了&lt;/span&gt;&lt;span lang="EN-US"&gt;ASP.NET 3.5&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;新的&lt;/span&gt;&lt;span lang="EN-US"&gt;DataPager&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;控件，定义如下。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;/p&gt;&lt;table style="border-collapse: collapse; background: #f3f3f3; mso-border-alt: solid gray .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid gray; mso-border-insidev: .5pt solid gray;" class="MsoTableGrid" border="1" cellspacing="0" cellpadding="0"&gt;&lt;tbody&gt;&lt;tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes;"&gt;&lt;td style="padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 492.7pt; padding-right: 5.4pt; padding-top: 0cm; mso-border-alt: solid gray .5pt; border: gray 1pt solid;" valign="top" width="657"&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;asp&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;:&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;DataPager&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: red;"&gt;ID&lt;/span&gt;&lt;span style="color: blue;"&gt;="dataPagerResults"&lt;/span&gt; &lt;span style="color: red;"&gt;runat&lt;/span&gt;&lt;span style="color: blue;"&gt;="server"&lt;/span&gt; &lt;span style="color: red;"&gt;PageSize&lt;/span&gt;&lt;span style="color: blue;"&gt;="5"&lt;/span&gt; &lt;span style="color: red;"&gt;PagedControlID&lt;/span&gt;&lt;span style="color: blue;"&gt;="listViewResult"&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;Fields&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="mso-spacerun: yes;"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="color: blue;"&gt;&amp;lt;&lt;/span&gt;&lt;span style="color: #a31515;"&gt;asp&lt;/span&gt;&lt;span style="color: blue;"&gt;:&lt;/span&gt;&lt;span style="color: #a31515;"&gt;NextPreviousPagerField&lt;/span&gt; &lt;span style="color: red;"&gt;ButtonType&lt;/span&gt;&lt;span style="color: blue;"&gt;="Link"&lt;/span&gt; &lt;span style="color: red;"&gt;ShowFirstPageButton&lt;/span&gt;&lt;span style="color: blue;"&gt;="True"&lt;/span&gt; &lt;span style="color: red;"&gt;ShowNextPageButton&lt;/span&gt;&lt;span style="color: blue;"&gt;="False" &lt;/span&gt;&lt;span style="color: red;"&gt;FirstPageText&lt;/span&gt;&lt;span style="color: blue;"&gt;="◄◄"&lt;/span&gt; &lt;span style="color: red;"&gt;LastPageText&lt;/span&gt;&lt;span style="color: blue;"&gt;="►►"&lt;/span&gt; &lt;span style="color: red;"&gt;NextPageText&lt;/span&gt;&lt;span style="color: blue;"&gt;="►"&lt;/span&gt; &lt;span style="color: red;"&gt;PreviousPageText&lt;/span&gt;&lt;span style="color: blue;"&gt;="◄"&lt;/span&gt; &lt;span style="color: blue;"&gt;/&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;asp&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;:&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;NumericPagerField&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: red;"&gt;CurrentPageLabelCssClass&lt;/span&gt;&lt;span style="color: blue;"&gt;="currentPage"&lt;/span&gt; &lt;span style="color: blue;"&gt;/&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;asp&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;:&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;NextPreviousPagerField&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: red;"&gt;ButtonType&lt;/span&gt;&lt;span style="color: blue;"&gt;="Link"&lt;/span&gt; &lt;span style="color: red;"&gt;ShowLastPageButton&lt;/span&gt;&lt;span style="color: blue;"&gt;="True"&lt;/span&gt; &lt;span style="color: red;"&gt;ShowPreviousPageButton&lt;/span&gt;&lt;span style="color: blue;"&gt;="False" &lt;/span&gt;&lt;span style="color: red;"&gt;FirstPageText&lt;/span&gt;&lt;span style="color: blue;"&gt;="◄◄"&lt;/span&gt; &lt;span style="color: red;"&gt;LastPageText&lt;/span&gt;&lt;span style="color: blue;"&gt;="►►"&lt;/span&gt; &lt;span style="color: red;"&gt;NextPageText&lt;/span&gt;&lt;span style="color: blue;"&gt;="►"&lt;/span&gt; &lt;span style="color: red;"&gt;PreviousPageText&lt;/span&gt;&lt;span style="color: blue;"&gt;="◄"&lt;/span&gt; &lt;span style="color: blue;"&gt;/&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;Fields&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;asp&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;:&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;DataPager&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;gt;&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;具体分页操作的执行，使用了&lt;/span&gt; &lt;span lang="EN-US"&gt;ObjectDataSource &lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;控件，其中仅需要指定&lt;/span&gt;&lt;span lang="EN-US"&gt;2&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;个查询方法和查询参数名称。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;/p&gt;&lt;table style="border-collapse: collapse; background: #f3f3f3; mso-border-alt: solid gray .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid gray; mso-border-insidev: .5pt solid gray;" class="MsoTableGrid" border="1" cellspacing="0" cellpadding="0"&gt;&lt;tbody&gt;&lt;tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes;"&gt;&lt;td style="padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 492.7pt; padding-right: 5.4pt; padding-top: 0cm; mso-border-alt: solid gray .5pt; border: gray 1pt solid;" valign="top" width="657"&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;asp&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;:&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;ObjectDataSource&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: red;"&gt;ID&lt;/span&gt;&lt;span style="color: blue;"&gt;="ObjectDataSourcePatterns"&lt;/span&gt; &lt;span style="color: red;"&gt;runat&lt;/span&gt;&lt;span style="color: blue;"&gt;="server"&lt;/span&gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: red; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;SelectMethod&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;="QueryPatterns" &lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: red; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;TypeName&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;="PatternsAndPractices.WebApp.PnP.Patterns"&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: red;"&gt;MaximumRowsParameterName&lt;/span&gt;&lt;span style="color: blue;"&gt;="maxRowsCount" &lt;/span&gt;&lt;span style="color: red;"&gt;EnablePaging&lt;/span&gt;&lt;span style="color: blue;"&gt;="True"&lt;/span&gt; &lt;span style="color: red;"&gt;SelectCountMethod&lt;/span&gt;&lt;span style="color: blue;"&gt;="GetQueryCount"&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;lt;/&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;asp&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;:&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: #a31515; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;ObjectDataSource&lt;/span&gt;&lt;span style="font-family: 'Courier New'; color: blue; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&amp;gt;&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="mso-fareast-font-family: 'Times New Roman';" lang="EN-US"&gt;&lt;span style="mso-list: Ignore;"&gt;3.&lt;span style="font: 7pt 'Times New Roman';"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span lang="EN-US"&gt;Web&lt;/span&gt;&lt;/b&gt;&lt;b style="mso-bidi-font-weight: normal;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;项目中，页面后台代码&lt;/span&gt;&lt;span lang="EN-US"&gt;(.aspx.cs)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/b&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;相关页面的后台代码中，首先需要响应&lt;/span&gt;&lt;span lang="EN-US"&gt; Query Button &lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;的&lt;/span&gt;&lt;span lang="EN-US"&gt;Click&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;事件，根据用户的输入和选择，构造对应的&lt;/span&gt;&lt;span lang="EN-US"&gt; PatternQueryCondition &lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;对象，然后调用执行数据库查询的方法。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;在页面代码中，需要定义如下&lt;/span&gt;&lt;span lang="EN-US"&gt;2&lt;/span&gt;&lt;span style="font-family: 宋体; mso-ascii-font-family: 'Times New Roman'; mso-hansi-font-family: 'Times New Roman';"&gt;个方法，一个用于执行具体的查询操作，一个用于获得该查询条件下，符合条件的记录总数（从而计算出分页总数）。&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;/p&gt;&lt;table style="border-collapse: collapse; background: #f3f3f3; mso-border-alt: solid gray .5pt; mso-yfti-tbllook: 480; mso-padding-alt: 0cm 5.4pt 0cm 5.4pt; mso-border-insideh: .5pt solid gray; mso-border-insidev: .5pt solid gray;" class="MsoTableGrid" border="1" cellspacing="0" cellpadding="0"&gt;&lt;tbody&gt;&lt;tr style="mso-yfti-irow: 0; mso-yfti-firstrow: yes; mso-yfti-lastrow: yes;"&gt;&lt;td style="padding-bottom: 0cm; background-color: transparent; padding-left: 5.4pt; width: 492.7pt; padding-right: 5.4pt; padding-top: 0cm; mso-border-alt: solid gray .5pt; border: gray 1pt solid;" valign="top" width="657"&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;public&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: #2b91af;"&gt;List&lt;/span&gt;&amp;lt;&lt;span style="color: #2b91af;"&gt;Pattern&lt;/span&gt;&amp;gt; QueryPatterns(&lt;span style="color: blue;"&gt;int&lt;/span&gt; startRowIndex, &lt;span style="color: blue;"&gt;int&lt;/span&gt; maxRowsCount)&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;{&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;return&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: #2b91af;"&gt;PatternManager&lt;/span&gt;.QueryPattern(CurrentPatternQueryCondition, startRowIndex, maxRowsCount);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;}&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;public&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: blue;"&gt;int&lt;/span&gt; GetQueryCount()&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;{&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal" align="left"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&lt;span style="font-family: 'Courier New'; color: blue; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;return&lt;/span&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt; &lt;span style="color: #2b91af;"&gt;PatternManager&lt;/span&gt;.GetQueryCount(CurrentPatternQueryCondition);&lt;o:p&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 'Courier New'; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;}&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p class="MsoNormal"&gt;&lt;span style="font-family: 'Courier New'; color: gray; font-size: 9pt; mso-font-kerning: 0pt; mso-no-proof: yes;" lang="EN-US"&gt;&lt;o:p&gt;&lt;span&gt;&lt;span style="font-size: small;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/o:p&gt;&lt;/span&gt;&lt;/p&gt;&lt;img src="http://www.cnblogs.com/SoulStore/aggbug/2200141.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/SoulStore/archive/2011/10/06/2200141.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/SoulStore/archive/2011/08/05/2128526.html</id><title type="text">(转)ASP.NET页面打印技术的总结</title><summary type="text">网络打印概述◆B/S结构导致了Web应用程序中打印的特殊性。◆程序运行在浏览器中，打印机在本地，而文件却可能在服务器上，导致了打印控制不是很灵活。◆格式如何控制和定制等，是我们开发中可能会面对的问题。打印文档的生成1、客户端脚本方式一般情况下，主要使用JS可以分析源页面的内容，将欲打印的页面元素提取出来，实现打印。通过分析源文档的内容，可以生成打印目标文档。优点：客户端独立完成打印目标文档的生成，减轻服务器负荷；缺点：源文档的分析操作复杂，并且源文档中的打印内容要有约定。2、服务器端程序方式利用后台代码从数据库中读取打印源，生成打印目标文档。当的页面生成时，还应适当考虑使用CSS来实现强制分页</summary><published>2011-08-05T05:20:00Z</published><updated>2011-08-05T05:20:00Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><link rel="alternate" href="http://www.cnblogs.com/SoulStore/archive/2011/08/05/2128526.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/archive/2011/08/05/2128526.html"/><content type="html">&lt;p&gt;&lt;strong&gt;网络打印概述&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;◆B/S结构导致了Web应用程序中打印的特殊性。&lt;br /&gt;◆程序运行在浏览器中，打印机在本地，而文件却可能在服务器上，导致了打印控制不是很灵活。&lt;br /&gt;◆格式如何控制和定制等，是我们开发中可能会面对的问题。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;打印文档的生成&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;1、客户端脚本方式&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;一般情况下，主要使用JS可以分析源页面的内容，将欲打印的页面元素提取出来，实现打印。通过分析源文档的内容，可以生成打印目标文档。&lt;/p&gt;&lt;p&gt;优点：客户端独立完成打印目标文档的生成，减轻服务器负荷；&lt;/p&gt;&lt;p&gt;缺点：源文档的分析操作复杂，并且源文档中的打印内容要有约定。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;2、服务器端程序方式&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;利用后台代码从数据库中读取打印源，生成打印目标文档。当的页面生成时，还应适当考虑使用CSS来实现强制分页控制。&lt;/p&gt;&lt;p&gt;优点：可以生成内容非常丰富的打印目标文档，目标文档的内容的可控性强。由于打印内容是从数据库中获取的，所以生成操作相对简单；&lt;/p&gt;&lt;p&gt;缺点：服务器端负载比较大。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;页面设置&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;◆页面设置主要是指设置打印文档的页边距、页眉、页脚、纸张等内容。页面设置将直接影响到打印文档版面的生成效果，所以它和打印文档的生成有着密切的关系。比如：表格的行数、大小、位置、字体的大小等。&lt;/p&gt;&lt;p&gt;现有的技术是利用IE 6.0内置的打印模板方式来控制页面设置，其可以对打印目标文档产生非常大的影响。打印模板可以控制页边距、页眉、页脚、奇偶页等内容，并可以将用户的设置取得，还可以将设置发送到服务器端。打印模板技术可以自定预览窗口和打印格式，最大限度地影响目标文档和打印效果。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;IE直接打印&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;直接调用window.print或者webrower控件的ExecWB方法来打印。&lt;/p&gt;&lt;p&gt;优点：方便快捷，客户端无需任何设置即可。&lt;/p&gt;&lt;p&gt;缺点：打印控制不是很灵活。如果直接调用。&lt;/p&gt;&lt;p&gt;window.print来打印页面，页面上别的元素也会被打印处理，页头页尾的格式也不好控制。&lt;/p&gt;&lt;p&gt;常用方法：大部分情况会把查询的结果绑定到DataGrid上来，然后打印DataGrid。这种情况的打印一般来说格式比较固定简单，确定后基本不会再作更改。所以可以采用IE直接打印。&lt;/p&gt;&lt;p&gt;【实例代码】&lt;/p&gt;&lt;p&gt;注：&lt;/p&gt;&lt;p&gt;①这是客户端通过window.print打印指定内容。这里定义sprnstr和eprnstr来指定内容。执行代码：&lt;/p&gt;&lt;table style="width: 400px;" border="1" cellspacing="0" bordercolorlight="black" bordercolordark="#ffffff" cellpadding="2" align="center"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="code" bgcolor="#e6e6e6"&gt;&amp;lt;input type="button" name="print" value="预览并打印" onclick="preview()"&amp;gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;②如果直接使用window.print将打印页面上的所有内容，但是我们可以使用：&lt;/p&gt;&lt;table style="width: 400px;" border="1" cellspacing="0" bordercolorlight="black" bordercolordark="#ffffff" cellpadding="2" align="center"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="code" bgcolor="#e6e6e6"&gt;&lt;style&gt;&lt;!-- @media Print { .Noprn { DISPLAY: none }}&lt;/pre&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;/p&gt;&lt;p&gt;用来指定不打印的内容。&lt;/p&gt;&lt;p&gt;&lt;table cellspacing="0" bordercolordark="#ffffff" cellpadding="2" width="400" align="center" bordercolorlight="black" border="1"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="code" bgcolor="#e6e6e6"&gt;script language="Javascript"&gt;&lt;br /&gt;function preview()&lt;br /&gt;{&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; bdhtml=window.document.body.innerHTML;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; sprnstr="&lt;!--startprint--&gt;";&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; eprnstr="&lt;!--endprint--&gt;";&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; window.document.body.innerHTML=prnhtml;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; window.print();&lt;br /&gt;}&lt;br /&gt;&lt;/script&gt;&lt;br /&gt;&lt;!--省略部分代码--&gt;&lt;br /&gt;&lt;form id="WebForm1" method="post" runat="server"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;center&gt;本部分以上不被打印&lt;/center&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;!--startprint--&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;div align="center"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;asp:DataGrid id="dgShow" runat="server"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;!--省略部分代码--&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/asp:DataGrid&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/div&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;!--endprint--&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;center&gt;本部分以下不被打印&lt;/center&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;div align="center"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;input type="button" name="print" value="预览并打印" onclick="preview()"&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/div&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;style&gt; @media Print { .Noprn { DISPLAY: none }}&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;br/&gt;--&gt;&lt;/style&gt;&lt;br/&gt;&lt;p class="Noprn"&gt;st&amp;lt;&amp;lt;style&amp;gt; @media Print { .Noprn { DISPLAY: none }}&lt;/p&gt;&lt;br/&gt;&lt;/td&gt;&lt;br/&gt;&lt;/tr&gt;&lt;br/&gt;&lt;/tbody&gt;&lt;br/&gt;&lt;/table&gt;&lt;br/&gt;&lt;p&gt;&lt;/p&gt;&lt;br/&gt;&lt;p&gt;用来指定不打印的内容。&lt;/p&gt;&lt;br/&gt;&lt;table style="width: 400px;" border="1" cellspacing="0" bordercolorlight="black" bordercolordark="#ffffff" cellpadding="2" align="center"&gt;&lt;br/&gt;&lt;tbody&gt;&lt;br/&gt;&lt;tr&gt;&lt;br/&gt;&lt;td class="code" bgcolor="#e6e6e6"&gt;&lt;br/&gt;&lt;pre&gt;script language="Javascript"&amp;gt;&lt;br /&gt;function preview()&lt;br /&gt;{&lt;br /&gt;    bdhtml=window.document.body.innerHTML;&lt;br /&gt;    sprnstr="&amp;lt;!--startprint--&amp;gt;";&lt;br /&gt;    eprnstr="&amp;lt;!--endprint--&amp;gt;";&lt;br /&gt;    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);&lt;br /&gt;    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));&lt;br /&gt;    window.document.body.innerHTML=prnhtml;&lt;br /&gt;    window.print();&lt;br /&gt;}&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;&amp;lt;!--省略部分代码--&amp;gt;&lt;br /&gt;&amp;lt;form id="WebForm1" method="post" runat="server"&amp;gt;&lt;br /&gt;     &amp;lt;center&amp;gt;本部分以上不被打印&amp;lt;/center&amp;gt;&lt;br /&gt;     &amp;lt;!--startprint--&amp;gt;&lt;br /&gt;     &amp;lt;div align="center"&amp;gt;&lt;br /&gt;         &amp;lt;asp:DataGrid id="dgShow" runat="server"&amp;gt;&lt;br /&gt;              &amp;lt;!--省略部分代码--&amp;gt;&lt;br /&gt;         &amp;lt;/asp:DataGrid&amp;gt;&lt;br /&gt;     &amp;lt;/div&amp;gt;&lt;br /&gt;     &amp;lt;!--endprint--&amp;gt;&lt;br /&gt;     &amp;lt;center&amp;gt;本部分以下不被打印&amp;lt;/center&amp;gt;&lt;br /&gt;     &amp;lt;div align="center"&amp;gt;&lt;br /&gt;         &amp;lt;input type="button" name="print" value="预览并打印" onclick="preview()"&amp;gt;&lt;br /&gt;     &amp;lt;/div&amp;gt;&lt;br /&gt;     &amp;lt;style&amp;gt; @media Print { .Noprn { DISPLAY: none }}&lt;br /&gt;     &amp;lt;/style&amp;gt;&lt;br /&gt;     &amp;lt;p class="Noprn"&amp;gt;不打印&amp;lt;/p&amp;gt;&lt;br /&gt;     &amp;lt;table id="datagrid"&amp;gt;&lt;br /&gt;         &amp;lt;tr&amp;gt;&lt;br /&gt;              &amp;lt;td&amp;gt;打印&amp;lt;/td&amp;gt;&lt;br /&gt;         &amp;lt;/tr&amp;gt;&lt;br /&gt;     &amp;lt;/table&amp;gt;&lt;br /&gt;     &amp;lt;input class="Noprn" type="button" onclick="window.print()" value="print"&amp;gt;&lt;br /&gt;&amp;lt;/form&amp;gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;#p#&lt;/p&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;WebBrowser控件技术&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;◆打印操作的实现&lt;/p&gt;&lt;p&gt;此功能的实现主要是利用WebBrowser控件的函数接口来实现打印、打印预览(默认的)、页面设置(默认的)。&lt;/p&gt;&lt;table style="width: 400px;" border="1" cellspacing="0" bordercolorlight="black" bordercolordark="#ffffff" cellpadding="2" align="center"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="code" bgcolor="#e6e6e6"&gt;&lt;p&gt;&lt;object id="&amp;lsquo;WebBrowser1&amp;rsquo;" width="0" height="0&amp;lt;BR"&gt;CLASSID=&amp;lsquo;CLSID:8856F961-340A-11D0-A96B-00C04FD705A2&amp;rsquo;&amp;gt;&lt;br /&gt;//打印&lt;br /&gt;WebBrowser1.ExecWB(6,1);&lt;br /&gt;//打印设置&lt;br /&gt;WebBrowser1.ExecWB(8,1);&lt;br /&gt;//打印预览&lt;br /&gt;WebBrowser1.ExecWB(7,1);&lt;br /&gt;//直接打印&lt;br /&gt;WebBrowser1.ExecWB(6,6);&lt;/object&gt;&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;【实例代码】&lt;/p&gt;&lt;table style="width: 400px;" border="1" cellspacing="0" bordercolorlight="black" bordercolordark="#ffffff" cellpadding="2" align="center"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="code" bgcolor="#e6e6e6"&gt;&lt;p&gt;//自定义类PrintClass&lt;br /&gt;public string DGPrint(DataSet ds)&lt;br /&gt;{&lt;br /&gt;    //DGPrint执行的功能：根据DataTable转换成对应的HTML对应的字符串&lt;br /&gt;     DataTable myDataTable=new DataTable();&lt;br /&gt;     myDataTable=ds.Tables[0];&lt;br /&gt; &lt;br /&gt;     int myRow=myDataTable.Rows.Count; &lt;br /&gt;     int myCol=myDataTable.Columns.Count;&lt;br /&gt; &lt;br /&gt;     StringBuilder sb=new StringBuilder(); &lt;br /&gt; &lt;br /&gt;     string colHeaders=""+"&amp;lt;object ID=&amp;lsquo;WebBrowser1&amp;rsquo; WIDTH=0 HEIGHT=0&lt;br /&gt;CLASSID=&amp;lsquo;CLSID:8856F961-340A-11D0-A96B-00C04FD705A2&amp;rsquo;&amp;gt;&lt;br /&gt;//打印&lt;br /&gt;WebBrowser1.ExecWB(6,1);&lt;br /&gt;//打印设置&lt;br /&gt;WebBrowser1.ExecWB(8,1);&lt;br /&gt;//打印预览&lt;br /&gt;WebBrowser1.ExecWB(7,1);&lt;br /&gt;//直接打印&lt;br /&gt;WebBrowser1.ExecWB(6,6);&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;在把DataGrid转换为对应的HTML代码时，如果存在按钮列就会报错，最好把这一列隐藏，一般只能转换数据列。其次要注意分页问题，一般只能打印当前一页，最好在打印之前除掉分页。导出到Excel，Word中去打印。可以在服务端或者客户端进行。&lt;/p&gt;&lt;p&gt;优点：使用这种方法，可适应性比较强，控制较好。&lt;/p&gt;&lt;p&gt;缺点：在服务端使用的话，要求服务端要安装Word，Excel，在客户端使用的话，要求客户端在IE的安全设置上有一定要求。&lt;/p&gt;&lt;p&gt;【实例代码】&lt;/p&gt;&lt;table style="width: 400px;" border="1" cellspacing="0" bordercolorlight="black" bordercolordark="#ffffff" cellpadding="2" align="center"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="code" bgcolor="#e6e6e6"&gt;protected void btnMIME_Click(object sender, System.EventArgs e)&lt;br /&gt;{&lt;br /&gt;     BindData();&lt;br /&gt; &lt;br /&gt;     Response.ContentType = "application/vnd.ms-excel";&lt;br /&gt;     Response.AddHeader("Content-Disposition", "inline;       filename="+HttpUtility.UrlEncode("下载文件.xls",Encoding.UTF8));        &lt;br /&gt; &lt;br /&gt;     //如果输出为Word，修改为以下代码&lt;br /&gt;     //Response.ContentType = "application/ms-word" &lt;br /&gt;     //Response.AddHeader("Content-Disposition", "inline;filename=test.doc") &lt;br /&gt;     StringBuilder sb=new StringBuilder(); &lt;br /&gt;     System.IO.StringWriter sw = new System.IO.StringWriter(sb);&lt;br /&gt;     System.Web.UI.HtmlTextWriter hw = new System.Web.UI.HtmlTextWriter(sw);&lt;br /&gt;     sb.Append("");&lt;br /&gt;     dgShow.RenderControl(hw);&lt;br /&gt;     sb.Append(""); &lt;br /&gt;     Response.Write(sb.ToString());&lt;br /&gt;     Response.End();&lt;br /&gt;}&lt;br /&gt; &lt;br /&gt;protected void btnCom_Click(object sender, System.EventArgs e)&lt;br /&gt;{&lt;br /&gt;     ExportToExcel(BindData(),Server.MapPath("ComExcel.xls")); &lt;br /&gt;}&lt;br /&gt;//从DataSet到出到Excel&lt;br /&gt;#region从DataSet到出到Excel&lt;br /&gt;///导出指定的Excel文件&lt;br /&gt;public void ExportToExcel(DataSet ds,string strExcelFileName)&lt;br /&gt;{&lt;br /&gt;     if (ds.Tables.Count==0 || strExcelFileName=="") return;&lt;br /&gt;     doExport(ds,strExcelFileName);&lt;br /&gt;}&lt;br /&gt;///执行导出&lt;br /&gt;private void doExport(DataSet ds,string strExcelFileName)&lt;br /&gt;{&lt;br /&gt;     excel.Application excel= new excel.Application();&lt;br /&gt;     int rowIndex=1;&lt;br /&gt;     int colIndex=0;&lt;br /&gt;     excel.Application.Workbooks.Add(true);&lt;br /&gt;     System.Data.DataTable table=ds.Tables[0] ;&lt;br /&gt;     foreach(DataColumn col in table.Columns)&lt;br /&gt;     {&lt;br /&gt;         colIndex++;    &lt;br /&gt;         excel.Cells[1,colIndex]=col.ColumnName;                &lt;br /&gt;     }&lt;br /&gt; &lt;br /&gt;     foreach(DataRow row in table.Rows)&lt;br /&gt;     {&lt;br /&gt;         rowIndex++;&lt;br /&gt;         colIndex=0;&lt;br /&gt;         foreach(DataColumn col in table.Columns)&lt;br /&gt;         {&lt;br /&gt;              colIndex++;&lt;br /&gt;              excel.Cells[rowIndex,colIndex]=row[col.ColumnName].ToString();&lt;br /&gt;         }&lt;br /&gt;     }&lt;br /&gt;     excel.Visible=false;    &lt;br /&gt;     excel.ActiveWorkbook.SaveAs(strExcelFileName+".XLS",       Excel.XlFileFormat.xlExcel9795,null,null,false,false,       Excel.XlSaveAsAccessMode.xlNoChange,null,null,null,null,null);&lt;br /&gt;     excel.Quit();&lt;br /&gt;     excel=null;&lt;br /&gt;     GC.Collect();//垃圾回收&lt;br /&gt;}&lt;br /&gt;#endregion&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;#p#&lt;/p&gt;&lt;p&gt;&lt;strong&gt;利用.Net组件打印&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;利用.Net组件&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;◆优点：这种打印方式对于格式变化大，数据量小的应用来说非常合适。&lt;/p&gt;&lt;p&gt;◆缺点：&lt;/p&gt;&lt;p&gt;◆需要客户端安.Net framework组件。&lt;br /&gt;   ◆Xml的解析上，如果文件较大速度上不是很理想。&lt;br /&gt;   ◆页面首次加载时会有明显的延时。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;使用XSL和XSLT转换Xml&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;◆XSL：扩展样式表语言，可以通过它来把Xml转换为其他的文本格式。&lt;br /&gt;◆XSL转换包括发现或者选择一个模式匹配，通过使用XPath选择一个结果集，然后对结果集中的每一项，为这些匹配定义结果输出。&lt;br /&gt;◆XSL是一个功能强大的工具，可以把Xml转换成任何你想要的格式。&lt;/p&gt;&lt;p&gt;【参考代码】&lt;/p&gt;&lt;table style="width: 400px;" border="1" cellspacing="0" bordercolorlight="black" bordercolordark="#ffffff" cellpadding="2" align="center"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="code" bgcolor="#e6e6e6"&gt;&lt;p&gt;XslTransform xslt = new XslTransform();&lt;br /&gt;xslt.Load(Server.MapPath( "StudentsToHTML.xsl") );&lt;br /&gt; &lt;br /&gt;XPathDocument XDoc = new XPathDocument(Server.MapPath( "Students.Xml" ));&lt;br /&gt;XmlWriter writer = new XmlTextWriter( server.MapPath("Students.html"),&lt;/p&gt;&lt;p&gt;System.Text.Encoding.UTF8 );&lt;br /&gt;xslt.Transform( XDoc, null, writer );&lt;br /&gt;writer.Close();&lt;br /&gt;Response.Redirect("Students.html");&lt;/p&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;利用ActiveX控件打印&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;利用第三方控件&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;◆自己开发控件。这种方式很多商用软件采用这种方式，写成控件后已经无所谓是在web中使用还是应用程序中使用了。&lt;/p&gt;&lt;p&gt;优点：打印方式非常灵活，基本上程序能做到的web也能做得到。&lt;/p&gt;&lt;p&gt;缺点：客户端需要安装组件，部署不是很方便。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;使用水晶报表&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;◆用户仅需要Web 浏览器就可以查看报表。&lt;br /&gt;◆报表查看器控件可以是应用程序中众多控件之一。&lt;br /&gt;◆与报表轻松交互&lt;br /&gt;◆用户可将报表导出为Microsoft word 和Excel 格式，以及PDF、HTML 和Crystal Reports for visual Studio .Net格式。&lt;br /&gt;◆可以使用报表控件直接打印&lt;/p&gt;&lt;p&gt;【实例代码】&lt;/p&gt;&lt;table style="width: 400px;" border="1" cellspacing="0" bordercolorlight="black" bordercolordark="#ffffff" cellpadding="2" align="center"&gt;&lt;tbody&gt;&lt;tr&gt;&lt;td class="code" bgcolor="#e6e6e6"&gt;//水晶报表的填充，省略连接代码&lt;br /&gt;myReport ReportDoc = new myReport();&lt;br /&gt;ReportDoc.SetDataSource(ds);&lt;br /&gt;Crv.ReportSource = ReportDoc;&lt;br /&gt; &lt;br /&gt;//输出为指定类型文件&lt;br /&gt;CrystalDecisions.Shared.DiskFileDestinationOptions DiskOpts = new            CrystalDecisions.Shared.DiskFileDestinationOptions();&lt;br /&gt;ReportDoc.ExportOptions.ExportDestinationType =   CrystalDecisions.Shared.ExportDestinationType.DiskFile;&lt;br /&gt;string strFileName = server.MapPath("Output");&lt;br /&gt;switch (ddlFormat.SelectedItem.Text)&lt;br /&gt;{&lt;br /&gt;     case "Rich Text (RTF)":&lt;br /&gt;              ReportDoc.ExportOptions.ExportFormatType =                   CrystalDecisions.Shared.ExportFormatType.RichText;&lt;br /&gt;              DiskOpts.DiskFileName =strFileName + ".rtf";&lt;br /&gt;         break;&lt;br /&gt;     case "Portable Document (PDF)":&lt;br /&gt;              ReportDoc.ExportOptions.ExportFormatType =                   CrystalDecisions.Shared.ExportFormatType.PortableDocFormat;&lt;br /&gt;              DiskOpts.DiskFileName = strFileName + ".pdf";&lt;br /&gt;         break;&lt;br /&gt;     case "MS word (DOC)":&lt;br /&gt;              ReportDoc.ExportOptions.ExportFormatType =                   CrystalDecisions.Shared.ExportFormatType.WordForWindows;&lt;br /&gt;              DiskOpts.DiskFileName = strFileName + ".doc";&lt;br /&gt;         break;&lt;br /&gt;     case "MS excel (XLS)":&lt;br /&gt;              ReportDoc.ExportOptions.ExportFormatType =                   CrystalDecisions.Shared.ExportFormatType.Excel;//&lt;br /&gt;              DiskOpts.DiskFileName = strFileName + ".xls";&lt;br /&gt;         break;&lt;br /&gt;     default:&lt;br /&gt;         break;&lt;br /&gt;}&lt;br /&gt;ReportDoc.ExportOptions.DestinationOptions = DiskOpts;&lt;br /&gt;ReportDoc.Export();&lt;br /&gt; &lt;br /&gt;//打印&lt;br /&gt;// 指定打印机名称   &lt;br /&gt;string strPrinterName; &lt;br /&gt;strPrinterName = @"Canon Bubble-Jet BJC-210SP";&lt;br /&gt;// 设置打印页边距&lt;br /&gt;PageMargins margins; &lt;br /&gt;margins = ReportDoc.PrintOptions.PageMargins; &lt;br /&gt;margins.bottomMargin = 250; &lt;br /&gt;margins.leftMargin = 350; &lt;br /&gt;margins.rightMargin = 350; &lt;br /&gt;margins.topMargin = 450;     &lt;br /&gt;ReportDoc.PrintOptions.ApplyPageMargins(margins);     &lt;br /&gt;//应用打印机名称&lt;br /&gt;ReportDoc.PrintOptions.PrinterName = strPrinterName;     &lt;br /&gt;// 打印   // 打印报表。将startPageN 和endPageN &lt;br /&gt;// 参数设置为0 表示打印所有页。&lt;br /&gt;ReportDoc.PrintToPrinter(1, false,0,0);&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;img src="http://www.cnblogs.com/SoulStore/aggbug/2128526.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/SoulStore/archive/2011/08/05/2128526.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/SoulStore/archive/2011/06/01/2065401.html</id><title type="text">[转]数据库设计 Step by Step (5)</title><summary type="text">引言：数据库设计 Step by Step (4)中我们讨论了泛化关系、聚合关系、三元关系等高级实体关系模型构件及其语义。从本次讲座开始我将引领大家开始数据库设计之旅，我们将从需求分析开始，途中将经过概念数据建模、多视图集成、ER模型转化为SQL、范式化等过程，最终得到完整、可用的SQL表。需求分析在数据库生命周期中至关重要，通常也是涉及人员最多的步骤。数据库设计师在这个阶段必须走访最终用户，与他们进行访谈，从而确定用户想在系统中存储什么数据以及想怎样使用这些数据。我们将需求分析分为两个步骤：1.理解用户需求；2.提取业务规则。这次我们先讨论“理解用户需求”。设计定制化产品——无论是一个数据库</summary><published>2011-06-01T01:30:00Z</published><updated>2011-06-01T01:30:00Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><link rel="alternate" href="http://www.cnblogs.com/SoulStore/archive/2011/06/01/2065401.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/archive/2011/06/01/2065401.html"/><content type="html">&lt;div id="cnblogs_post_body"&gt;&lt;p&gt;引言：&lt;a href="http://www.cnblogs.com/DBFocus/archive/2011/05/07/2039674.html"&gt;&lt;span color="#3d81ee" style="color: #3d81ee;"&gt;数据库设计 Step by Step (4)&lt;/span&gt;&lt;/a&gt;中我们讨论了泛化关系、聚合关系、三元关系等高级实体关系模型构件及其语义。从本次讲座开始我将引领大家开始数据库设计之旅，我们将从需求分析开始，途中将经过概念数据建模、多视图集成、ER模型转化为SQL、范式化等过程，最终得到完整、可用的SQL表。&lt;/p&gt;&lt;p&gt;需求分析在数据库生命周期中至关重要，通常也是涉及人员最多的步骤。数据库设计师在这个阶段必须走访最终用户，与他们进行访谈，从而确定用户想在系统中存储什么数据以及想怎样使用这些数据。我们将需求分析分为两个步骤：1.理解用户需求；2.提取业务规则。这次我们先讨论&amp;ldquo;理解用户需求&amp;rdquo;。&lt;/p&gt;&lt;p&gt;&lt;a href="http://images.cnblogs.com/cnblogs_com/DBFocus/201105/201105282148225951.png"&gt;&lt;img height="97" width="426" src="http://images.cnblogs.com/cnblogs_com/DBFocus/201105/20110528214824769.png" alt="image" border="0" title="image" style="background-image: none; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border-width: 0px;" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;设计定制化产品&amp;mdash;&amp;mdash;无论是一个数据库、一幅平面广告或一个玩具，都是一个&amp;ldquo;翻译&amp;rdquo;的过程。我们需要把浮现在客户脑海中的模糊想法、愿望挖掘出来，并&amp;ldquo;翻译&amp;rdquo;成满足他们需求的现实产品。&lt;/p&gt;&lt;p&gt;这个&amp;ldquo;翻译&amp;rdquo;过程的第一步就是理解用户的需求。设计最好的订单处理系统对于需要一个电路设计工具的客户来说毫无意义。对客户需求理解的不完全会造成错误或无用的设计与开发，这浪费了你、你的团队还有客户的时间与金钱。（牢记数据库是整个应用开发的根基）&lt;/p&gt;&lt;p&gt;&lt;strong&gt;制定一个计划&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;我们首先制定了一个计划，其中包含挖掘客户需求的一系列步骤。遵循这些步骤能更好地理解客户需求，但在一些项目中我们不需要遵循所有的步骤。举例来说，如果客户是单个人且需求很明确时，我们就不需要进行&amp;ldquo;搞清谁是谁&amp;rdquo;与&amp;ldquo;头脑风暴&amp;rdquo;了。当客户的数据需要保密时，我们就不能&amp;ldquo;尝试客户的工作&amp;rdquo;了。在另一些项目中，调整这些步骤的顺序会更为合适。例如我们可能在去拜访客户和观察他们工作之前先进行&amp;ldquo;头脑风暴&amp;rdquo;。&lt;/p&gt;&lt;p&gt;以下按照最普遍的顺序列出了各个步骤。大家根据不同项目的情况可进行灵活调整，目标只有一个就是更好地理解用户需求。&lt;/p&gt;&lt;ol&gt;&lt;li&gt;列出问题清单 &lt;/li&gt;&lt;li&gt;拜访客户 &lt;/li&gt;&lt;li&gt;搞清谁是谁 &lt;/li&gt;&lt;li&gt;挖掘客户大脑 &lt;/li&gt;&lt;li&gt;尝试客户的工作 &lt;/li&gt;&lt;li&gt;学习现有操作 &lt;/li&gt;&lt;li&gt;头脑风暴 &lt;/li&gt;&lt;li&gt;展望未来 &lt;/li&gt;&lt;li&gt;理解客户的质疑 &lt;/li&gt;&lt;li&gt;弄清客户的真正需求 &lt;/li&gt;&lt;li&gt;优先级 &lt;/li&gt;&lt;li&gt;确认你的理解 &lt;/li&gt;&lt;li&gt;撰写需求文档 &lt;/li&gt;&lt;/ol&gt;&lt;p&gt;下面我们将一一解释每一个步骤。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;列出问题清单&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;我们需要思考，向客户问些什么问题可以帮助我们了解项目的目标和范畴（scope）。以下几个方面的问题可以作为起始点。&lt;/p&gt;&lt;p&gt;功能：&lt;/p&gt;&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&lt;p&gt;以下问题主要涉及系统应完成的功能与目标。&lt;/p&gt;&lt;ol&gt;&lt;li&gt;系统应该做些什么？ &lt;/li&gt;&lt;li&gt;为什么你想建这个系统？ &lt;/li&gt;&lt;li&gt;系统看上去应该是怎样的？ &lt;/li&gt;&lt;li&gt;需要些什么报表？ &lt;/li&gt;&lt;li&gt;用户需要自己定义新报表吗？ &lt;/li&gt;&lt;li&gt;系统的操作者会是谁？ &lt;/li&gt;&lt;/ol&gt;&lt;/blockquote&gt;&lt;p&gt;数据需求：&lt;/p&gt;&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&lt;p&gt;这些问题是为了弄清项目的数据需求。了解需要些什么数据能帮助我们定义数据库表。&lt;/p&gt;&lt;ol&gt;&lt;li&gt;系统界面上需要展现哪些数据？ &lt;/li&gt;&lt;li&gt;这些数据应该由谁来提供？ &lt;/li&gt;&lt;li&gt;这些数据是如何关联的？ &lt;/li&gt;&lt;li&gt;这些工作现在是如何处理的？数据来自哪里？ &lt;/li&gt;&lt;/ol&gt;&lt;/blockquote&gt;&lt;p&gt;数据完整性：&lt;/p&gt;&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&lt;p&gt;这些问题能帮助我们在构建数据库时定义完整性约束。&lt;/p&gt;&lt;ol&gt;&lt;li&gt;哪些数据是必须填写的？(eg: 一条客户记录必须有电话信息吗？) &lt;/li&gt;&lt;li&gt;数据的有效域是什么？(eg: 电话号码是否有格式规定？地址数据应有多长？) &lt;/li&gt;&lt;li&gt;系统是否需要根据邮编来检验城市的有效性？ &lt;/li&gt;&lt;li&gt;系统中是否必须在定义了客户之后才能下订单？ &lt;/li&gt;&lt;li&gt;系统要求多高的可用性等级？(系统需要7&amp;times;24的可用性吗？数据的备份频率要多高？) &lt;/li&gt;&lt;/ol&gt;&lt;/blockquote&gt;&lt;p&gt;安全性：&lt;/p&gt;&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&lt;p&gt;这些问题能帮助我们了解客户对权限控制与审计方面的需求。&lt;/p&gt;&lt;ol&gt;&lt;li&gt;是否每个用户都需要一个不同的密码？ &lt;/li&gt;&lt;li&gt;是否需要控制不同的用户所能访问的数据？(eg: 销售代表有权限看到客户的信用卡账号，但订单录入专员却不能) &lt;/li&gt;&lt;li&gt;存储在数据库中的数据是否需要加密？ &lt;/li&gt;&lt;li&gt;谁做了什么操作是否需要记录以便于审计？(eg: 记录销售代表提高客户级别的操作，在需要时可以追溯操作的原因) &lt;/li&gt;&lt;li&gt;系统中的客户分成几个级别？每个级别的客户有多少？ &lt;/li&gt;&lt;li&gt;是否已有文档记录了用户的工作与权责？ &lt;/li&gt;&lt;/ol&gt;&lt;/blockquote&gt;&lt;p&gt;环境：&lt;/p&gt;&lt;blockquote style='border:2px solid #EFEFEF;color:#333333;padding:5px 10px;'&gt;&lt;p&gt;这些问题能帮助我们了解当前项目将代替其他什么系统或流程，以及项目将与其他哪些系统进行交互。&lt;/p&gt;&lt;ol&gt;&lt;li&gt;当前项目是要代替或升级现有的某系统吗？&lt;p&gt;&amp;bull;是否有描述现有系统的文档？&lt;/p&gt;&lt;p&gt;&amp;bull;现有系统的哪些功能是需要的？哪些是不需要的？&lt;/p&gt;&lt;p&gt;&amp;bull;现有系统处理些什么数据？这些数据是如何存储的？数据之间是如何关联的？&lt;/p&gt;&lt;p&gt;&amp;bull;是否有关于现有系统数据的文档？&lt;/p&gt;&lt;/li&gt;&lt;li&gt;当前项目必须与其他哪些系统交互？&lt;p&gt;&amp;bull;项目与其他系统之间如何交互？&lt;/p&gt;&lt;p&gt;&amp;bull;新项目是否需要向现有系统提供数据？如何提供？&lt;/p&gt;&lt;p&gt;&amp;bull;新项目是否需要接收现有系统的数据？如何接收？&lt;/p&gt;&lt;p&gt;&amp;bull;是否有关于其他系统的文档？&lt;/p&gt;&lt;/li&gt;&lt;li&gt;客户的整个业务流程是怎样的？(了解在整个业务流程中当前项目的作用) &lt;/li&gt;&lt;/ol&gt;&lt;/blockquote&gt;&lt;p&gt;&lt;strong&gt;拜访客户&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;了解我们要设计和搭建的系统的最好方式是询问客户。拿着我们在上一步中准备的问题清单安排与客户进行会面。这不会像闲聊那么轻松，向客户了解需求是一个冗长且折磨人的过程。&lt;/p&gt;&lt;p&gt;有时我们的穷追猛问会使客户筋疲力竭感到不快。在这些时候我们必须更为耐心，可以分几次多次会议来了解需求，每次针对几个问题或流程。我们的目标是对我们要解决的问题有一个完全且彻底的理解。&lt;/p&gt;&lt;p&gt;即使我们的项目只是去解决整个业务中的一小部分问题，我们也要试图去了解客户的整体业务流程，这可能会给我们带来意想不到的收获。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;搞清谁是谁&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;意识到不同的客户可能对项目有不同的愿景。我们需要分辨出谁是领导，谁是积极支持者，谁是旁观者，谁是唱反调者。&lt;/p&gt;&lt;p&gt;以下列出了一些常见的客户角色：&lt;/p&gt;&lt;ol&gt;&lt;li&gt;项目发起人&amp;mdash;&amp;mdash;一般是管理层的某位领导，他是项目的最高推动者。他会为项目协调资源，解决项目遇到的一些障碍，但他不会参与到项目每天的事务中。 &lt;/li&gt;&lt;li&gt;项目执行负责人&amp;mdash;&amp;mdash;他对于客户的需求和整个业务最为了解。他是了解用户需求阶段最重要的人，他必须有足够的时间来帮助我们定义项目目标以及回答我们的问题。当别人对某业务环节迟疑不决时，我们需要向他请教。 &lt;/li&gt;&lt;li&gt;客户代表&amp;mdash;&amp;mdash;客户代表是回答我们问题的人，他们也可能成为系统的最终用户。他们可能是某一部分业务的专家，我们需要与多个客户代表进行访谈来了解业务全貌。 &lt;/li&gt;&lt;li&gt;利益相关者&amp;mdash;&amp;mdash;这是项目将影响到的人，其中某些人可能同时也是客户代表。这些人可能对项目也有兴趣，但未必对系统都有发言权。我们在进行系统设计时也需要考虑对这些人的影响(特别是附带损害)。 &lt;/li&gt;&lt;li&gt;唱反调者&amp;mdash;&amp;mdash;这是我们需要关注的一些人。如果唱反调者只是让其他人理性或现实地来看待项目，而并不是彻底反对这个项目的话，他将是我们非常好的资源，他将帮助我们说服其他对项目抱有不切实幻想的客户。而如果唱反调者对整个项目抱有抵触时，我们就必须非常小心，有时需要项目执行负责人出面来协调这些人。 &lt;/li&gt;&lt;/ol&gt;&lt;p&gt;&lt;strong&gt;挖掘客户大脑&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;一旦搞清楚谁是谁之后，我们就要与项目执行负责人讨论客户需要什么。客户希望的解决方案是怎样的，需要包含什么数据，怎样呈现，以及不同数据之间如何关联。&lt;/p&gt;&lt;p&gt;与尽可能多的利益相关者进行交流，我们需要考虑每个人的意见，但心中要牢记项目执行负责人最为理解客户的需求并具有最终决定权。&lt;/p&gt;&lt;p&gt;根据项目的规模，这一过程短则几个小时，长则需要几周才能完成。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;尝试客户的工作&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;观察客户每日的工作能帮助我们更好的理解业务。如果我们能做一会儿客户的工作来了解其中包括的内容那就最好了。&lt;/p&gt;&lt;p&gt;即使我们不能实际尝试客户的工作，一般我们还是可以坐在他们身边近距离观察。告诉客户我们将稍稍降低他们的工作效率并问一些愚蠢且恼人的问题，之后我们就可以开问了。在这个过程中要进行记录，学习尽可能多的东西。有些时候外行者的一些看法可能转化为客户怎么也不会想到的好主意。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;学习现有操作&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;在尝试客户的工作之后，我们还可以看一下是否有其他途径能了解现有流程。通常公司有描述客户角色和职责的操作手册或文档。&lt;/p&gt;&lt;p&gt;寻找客户现在使用的数据存储方式，可能是关系型数据库系统或是电子表格或是纸质的单据等等。了解这些数据是怎样使用的，之间是如何关联的。一般物理数据库之间是通过包含冗余信息来相互关联的，如：客户ID。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;头脑风暴&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;此刻我们已经对客户的业务和需求较为了解了。为了确认没有什么遗漏，我们需要安排头脑风暴。召集项目执行负责人和尽可能多的客户代表与利益相关者，向他们描述前期了解到的需求情况，之后让他们畅所欲言谈谈其中有什么问题或还缺什么。&lt;/p&gt;&lt;p&gt;在这个过程中我们不急于答应或排除任何客户的要求，我们先把客户说到的东西记录下来，并确定这些方面我们已经考虑到了。在正式开发前，我们会与项目执行负责人一起根据项目的规模与交付期限确定需求的优先级。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;展望未来&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;在头脑风暴过程中思考一下将来的需求。问问客户他们的业务在将来是否会变化或他们希望系统将来能包含什么功能。&lt;/p&gt;&lt;p&gt;我们可以把他们的一些想法放入当前的项目中，即使不能也可以使我们知道将来可能会有些什么扩展，在设计数据库时我们能预先留有余地。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;理解客户的质疑&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;一些热心且懂些技术的用户会跑来建议我们如何设计系统，应该创建怎样结构的数据表。我们可能觉得这些建议毫无意义甚至可笑。但在忽视这些建议之前我们应谨慎思考用户提出这些建议或质疑的深层原因是什么。客户比我们更了解业务，他们的建议或质疑中可能蕴含着我们还未了解到的业务变化点或某些特殊业务情况。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;弄清客户的真正需求&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;有时客户并不了解自己的真正需求。他们能看到问题的表象，但未必清楚其根源。我们需要帮助客户寻找到问题的根源并针对问题的源头提出解决方案。&lt;/p&gt;&lt;p&gt;有时客户认为数据库或新系统能神奇般的提高销售，减少成本。事实上一个设计精良的数据库能减少输入差错，提高操作效率，提供数据报表，帮助客户管理数据等等。我们在与客户沟通的过程中需要告诉他们新系统能做些什么，不能做些什么，让客户建立起正确的预期。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;优先级&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;经过先前的步骤，我们已列出一张长长的期望功能列表。其中的某些功能可能不切实际或超出了当前项目的范畴。为了使项目规模可控，我们要与客户一起定义功能的优先级。&lt;/p&gt;&lt;p&gt;一般我们可以把功能分为三个等级。第一优先级是在本期开发中必须包含的功能，没有完成这些功能意味着项目的失败。第二优先级是可以放到下一期开发的功能，当第一优先级的功能完成后，我们可以把第二优先级的部分功能提到当期开发。第三优先级是那些相对不重要或超出项目范畴的功能，我们可以忽略这些功能。&lt;/p&gt;&lt;p&gt;有些情况下优先级是可能转化的。当第一优先级的某功能非常难实现时，我们可以与客户进行沟通，确认该功能是否如此重要，是否能移到第二优先级中以避免影响项目进度。当第二优先级中的某些功能很容易实现，我们可以把该功能调整到第一优先级列表中。但做这些调整之前必须与客户沟通，得到客户的认可。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;验证你的理解&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;梳理我们对业务和需求的理解，并一一与客户进行确认。当客户说&amp;ldquo;但是&amp;rdquo;、&amp;ldquo;除了&amp;rdquo;、&amp;ldquo;有时&amp;rdquo;等词时，我们要特别当心，确认客户只是强调了我们已经知道的东西，而没有出现新的情况。在这个阶段客户可能会想到他们之前没有考虑到的例外情况。&lt;/p&gt;&lt;p&gt;例外情况是数据库设计的大害。在需求分析阶段把例外情况挖掘出来，我们才能在数据库设计时有所准备。例如，我们向客户确认退货流程说：&amp;ldquo;到这里收货员会输入RMA号并点击完成按钮是吗？&amp;rdquo;客户可能会说：&amp;ldquo;嗯&amp;hellip;这是大多数情况，但有时没有RMA号，收货员会填入None。&amp;rdquo;这就是一个客户之前没有告诉我们的重要例外情况，我们必须立刻记录下来。再有一个例子，假设客户使用的纸质订单有配送地址与账单地址两个栏目。我们向客户确认时说：&amp;ldquo;订单需要有一个配送地址和一个账单地址。&amp;rdquo;客户打断说：&amp;ldquo;有时我们需要两个配送地址，因为订单不同部分可能要送到不同的地方。&amp;rdquo;，并找出一张订单，第二个配送地址被标注在订单的边沿处。这是一个重大例外，在纸上可以很容易的进行标注，但在数据库的一个表单元中增加一个地址是不可能的。只有知道这一例外，我们才能用设计的方法解决这一需求。&lt;/p&gt;&lt;p&gt;&lt;strong&gt;撰写需求文档&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;需求文档描述了我们要构建的系统，该文档也被称为需求规格说明。需求文档要讲清楚我们将构建怎样的系统，该系统会完成什么工作，包含哪些功能点，并描述客户如何使用该系统来解决他们的问题。需求文档明确了项目将完成的功能，这也避免了系统交付时出现争执的情况。&lt;/p&gt;&lt;p&gt;需求文档中应定义可交付成果，即里程碑。里程碑是可直观展现并能验证的中间成果。客户通过里程碑能衡量项目的进度。在需求文档中还需定义最终交付成果，这也是确定项目是否完成的标准。&lt;/p&gt;&lt;p&gt;用例图是一种非常好的需求分析工具，可以作为需求文档的一部分。用例图的最主要功能就是用来表达系统的功能性需求或行为。用例图从业务角度上体现谁来使用系统、用户希望系统提供什么样的服务，以及用户需要为系统提供的服务，也便于软件开发人员最终实现这些功能。在官方文档中用例图包含六个元素，分别是：参与者(Actor)、用例(Use Case)、关联关系(Association)、包含关系(Include)、扩展关系(Extend)以及泛化关系(Generalization)。但是有些UML的绘图工具多提供了一种直接关联关系(Directed Association)。&lt;/p&gt;&lt;ol&gt;&lt;li&gt;参与者：是指用户在系统中扮演的角色 &lt;/li&gt;&lt;li&gt;用例：是指外部可见的系统功能，对系统提供的服务进行描述 &lt;/li&gt;&lt;li&gt;关联关系：连接参与者和用例，表示该参与者代表的外部系统实体与该用例描述的系统需求有关 &lt;/li&gt;&lt;li&gt;包含关系：是来自于用例的抽象，即从数个不同的Use Case中，分离出公共的部分，而成为可以复用的用例 &lt;/li&gt;&lt;li&gt;扩展关系：表示某一个用例的对话流程中，可能会根据条件临时插入另外一个用例，而前者称为基础用例后者称为扩展用例 &lt;/li&gt;&lt;li&gt;泛化关系：一个用例可以被特别列举为一个或多个用例，这被称为用例泛化 &lt;/li&gt;&lt;/ol&gt;&lt;p&gt;eg：用户管理的用例图如下所示，图中人形图标表示参与者，椭圆表示用例（图的出处请参见&amp;ldquo;总结与参考&amp;rdquo;）&lt;/p&gt;&lt;p&gt;&lt;a href="http://images.cnblogs.com/cnblogs_com/DBFocus/201105/201105282148262523.png"&gt;&lt;img height="314" width="528" src="http://images.cnblogs.com/cnblogs_com/DBFocus/201105/201105282148277407.png" alt="image" border="0" title="image" style="background-image: none; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border-width: 0px;" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;a href="http://images.cnblogs.com/cnblogs_com/DBFocus/201105/201105282148305092.png"&gt;&lt;img height="84" width="402" src="http://images.cnblogs.com/cnblogs_com/DBFocus/201105/201105282148322386.png" alt="Summary" border="0" title="Summary" style="background-image: none; padding-left: 0px; padding-right: 0px; display: inline; padding-top: 0px; border-width: 0px;" /&gt;&lt;/a&gt;&lt;/p&gt;&lt;p&gt;&lt;strong&gt;主要内容回顾&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;1. 搞清哪个客户扮演哪个角色&lt;/p&gt;&lt;p&gt;2. 从客户的脑海中挖掘信息&lt;/p&gt;&lt;p&gt;3. 寻找关于用户角色、职责、现有流程和现有数据的文档&lt;/p&gt;&lt;p&gt;4. 观察客户的工作，学习他们的业务操作&lt;/p&gt;&lt;p&gt;5. 进行头脑风暴，把收集到的功能需求点按优先级分成第一、第二和第三级&lt;/p&gt;&lt;p&gt;6. 确认对客户需求的理解&lt;/p&gt;&lt;p&gt;7. 撰写需求文档，包含可验证的里程碑和用例&lt;/p&gt;&lt;p&gt;&lt;strong&gt;用例图参考&lt;/strong&gt;&lt;/p&gt;&lt;p&gt;1. 初学UML之-------用例图（&lt;a href="http://blog.csdn.net/dl88250/archive/2007/10/16/1826713.aspx"&gt;&lt;span color="#3d81ee" style="color: #3d81ee;"&gt;http://blog.csdn.net/dl88250/archive/2007/10/16/1826713.aspx&lt;/span&gt;&lt;/a&gt;）&lt;/p&gt;&lt;p&gt;2. UML用例图（&lt;a href="http://www.alisdn.com/wordpress/?p=1161"&gt;&lt;span color="#3d81ee" style="color: #3d81ee;"&gt;http://www.alisdn.com/wordpress/?p=1161&lt;/span&gt;&lt;/a&gt;）&lt;/p&gt;&lt;p&gt;转自：&lt;a href="http://www.cnblogs.com/DBFocus/" id="lnkBlogTitle"&gt;DBFocus&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;&lt;script type="text/javascript"&gt;&lt;/script&gt;&lt;img src="http://www.cnblogs.com/SoulStore/aggbug/2065401.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/SoulStore/archive/2011/06/01/2065401.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/SoulStore/archive/2011/04/15/2017083.html</id><title type="text">[转]jquery插件弹出div</title><summary type="text">一直在为弹出遮挡层的div烦恼着，今天网上找了下，发现jmpopups很不错，稍微修改下，基本上可以实现需要功能总体HTML代码：1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;Untitled&lt;/title&gt;&amp;</summary><published>2011-04-15T05:50:00Z</published><updated>2011-04-15T05:50:00Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><link rel="alternate" href="http://www.cnblogs.com/SoulStore/archive/2011/04/15/2017083.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/archive/2011/04/15/2017083.html"/><content type="text">一直在为弹出遮挡层的div烦恼着，今天网上找了下，发现jmpopups很不错，稍微修改下，基本上可以实现需要功能总体HTML代码：1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;Untitled&lt;/title&gt;&amp;</content></entry><entry><id>http://www.cnblogs.com/SoulStore/archive/2011/04/14/2015639.html</id><title type="text">SQLServer2008/2005 生成数据字典SQL语句</title><summary type="text">以前用那个SQL语句来生成那个SQLServer库的数据字典，在SQL2000下用的挺好的，最近装上了那个SQL2008来研究，突然发现不能在2008下用了，查了查资料，发现2008下有一些改动贴上来留个记号SQLServer2008/2005 生成数据字典语句Code highlighting produced by Actipro CodeHighlighter (freeware)http://www.CodeHighlighter.com/--&gt;SELECT表名=casewhena.colorder=1thend.nameelse''end,表说明=casewhe</summary><published>2011-04-14T01:38:00Z</published><updated>2011-04-14T01:38:00Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><link rel="alternate" href="http://www.cnblogs.com/SoulStore/archive/2011/04/14/2015639.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/archive/2011/04/14/2015639.html"/><content type="html">&lt;div id="cnblogs_post_body"&gt;&lt;p&gt;以前用那个SQL语句来生成那个SQLServer库的数据字典，在SQL2000下用的挺好的，最近装上了那个SQL2008来研究，&lt;/p&gt;&lt;p&gt;突然发现不能在2008下用了，查了查资料，发现2008下有一些改动&lt;/p&gt;&lt;p&gt;贴上来留个记号&lt;/p&gt;&lt;p&gt;SQLServer2008/2005 生成数据字典语句&amp;nbsp;&lt;/p&gt;&lt;p&gt;&amp;nbsp;&amp;nbsp;&lt;/p&gt;&lt;div style="background-color: #F5F5F5;border: 1px solid #CCCCCC;padding:10px;"&gt;&lt;!--&lt;br /&gt;&lt;br /&gt;Code highlighting produced by Actipro CodeHighlighter (freeware)&lt;br /&gt;http://www.CodeHighlighter.com/&lt;br /&gt;&lt;br /&gt;--&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&lt;span style="color: #0000ff;"&gt;&lt;span style="background-color: #f5f5f5;"&gt;SELECT&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;表名&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;case&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;when&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.colorder&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;1&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;then&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;d.name&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;else&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;end&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;表说明&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;case&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;when&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.colorder&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;1&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;then&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;isnull&lt;/span&gt;&lt;span style="color: #000000;"&gt;(f.value,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;)&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;else&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;end&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;字段序号&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;a.colorder,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;字段名&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;a.name,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;标识&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;case&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;when&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;COLUMNPROPERTY&lt;/span&gt;&lt;span style="color: #000000;"&gt;(&amp;nbsp;&amp;nbsp;&amp;nbsp;a.id,a.name,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;IsIdentity&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #000000;"&gt;)&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;1&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;then&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;radic;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;else&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;end&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;主键&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;case&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;when&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;exists&lt;/span&gt;&lt;span style="color: #000000;"&gt;(&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;SELECT&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;1&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;FROM&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sysobjects&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;where&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;xtype&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;PK&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;and&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;name&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;in&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;(&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;SELECT&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;name&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;FROM&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sysindexes&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;WHERE&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;indid&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;in&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;(&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;SELECT&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;indid&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;FROM&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sysindexkeys&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;WHERE&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;AND&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;colid&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;a.colid&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;)))&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;then&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;radic;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;else&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;end&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;类型&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;b.name,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;占用字节数&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;a.length,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;长度&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;COLUMNPROPERTY&lt;/span&gt;&lt;span style="color: #000000;"&gt;(a.id,a.name,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;PRECISION&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;),&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;小数位数&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;isnull&lt;/span&gt;&lt;span style="color: #000000;"&gt;(&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;COLUMNPROPERTY&lt;/span&gt;&lt;span style="color: #000000;"&gt;(a.id,a.name,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;Scale&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #000000;"&gt;),&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;),&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;允许空&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;case&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;when&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.isnullable&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;1&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;then&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;radic;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;else&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;end&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;默认值&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;isnull&lt;/span&gt;&lt;span style="color: #000000;"&gt;(e.&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;text&lt;/span&gt;&lt;span style="color: #000000;"&gt;,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;),&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;字段说明&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;isnull&lt;/span&gt;&lt;span style="color: #000000;"&gt;(g.&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;[&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;value&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;]&lt;/span&gt;&lt;span style="color: #000000;"&gt;,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;)&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;FROM&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;syscolumns&amp;nbsp;&amp;nbsp;&amp;nbsp;a&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;left&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;join&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;systypes&amp;nbsp;&amp;nbsp;&amp;nbsp;b&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;on&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.xtype&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;b.xusertype&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;inner&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;join&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sysobjects&amp;nbsp;&amp;nbsp;&amp;nbsp;d&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;on&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.id&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #000000;"&gt;d.id&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;and&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;d.xtype&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;U&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;and&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;d.name&lt;/span&gt;&lt;span style="color: #808080;"&gt;&amp;lt;&amp;gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;dtproperties&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;left&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;join&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;syscomments&amp;nbsp;&amp;nbsp;&amp;nbsp;e&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;on&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.cdefault&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;e.id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;left&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;join&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sys.extended_properties&amp;nbsp;g&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;on&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.id&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #000000;"&gt;g.major_id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;and&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.colid&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;g.minor_id&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;left&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;join&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sys.extended_properties&amp;nbsp;f&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;on&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;d.id&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #000000;"&gt;f.major_id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;and&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;f.minor_id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #008080;"&gt;--&lt;/span&gt;&lt;span style="color: #008080;"&gt;where&amp;nbsp;&amp;nbsp;&amp;nbsp;d.name='要查询的表'&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;--如果只查询指定表,加上此条件&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style="color: #008080;"&gt;&lt;br /&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;order&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;by&lt;/span&gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;span style="background-color: #f5f5f5;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.id,a.colorder&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&lt;img src="http://www.cnblogs.com/Images/OutliningIndicators/None.gif" align="top" /&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;p&gt;以前的SQL2000下的语句&lt;/p&gt;&lt;p&gt;就改动了个sysproperties&lt;/p&gt;&lt;div style="background-color: #F5F5F5;border: 1px solid #CCCCCC;padding:10px;"&gt;&lt;img height="16" width="11" src="http://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align="top" onclick="this.style.display='none'; document.getElementById('Code_Closed_Text_010243').style.display='none'; document.getElementById('Code_Open_Image_010243').style.display='inline'; document.getElementById('Code_Open_Text_010243').style.display='inline';" id="Code_Closed_Image_010243" style="display: none;" /&gt;&lt;img height="16" width="11" src="http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align="top" onclick="this.style.display='none'; document.getElementById('Code_Open_Text_010243').style.display='none'; getElementById('Code_Closed_Image_010243').style.display='inline'; getElementById('Code_Closed_Text_010243').style.display='inline';" id="Code_Open_Image_010243" style="display: inline;" /&gt;&lt;span class="cnblogs_code_Collapse" id="Code_Closed_Text_010243" style="display: none;"&gt;Code&lt;/span&gt;&lt;span id="Code_Open_Text_010243" style="display: inline;"&gt;&lt;br /&gt;&lt;!--&lt;br /&gt;&lt;br /&gt;Code highlighting produced by Actipro CodeHighlighter (freeware)&lt;br /&gt;http://www.CodeHighlighter.com/&lt;br /&gt;&lt;br /&gt;--&gt;&lt;span style="color: #0000ff;"&gt;&lt;span style="background-color: #f5f5f5;"&gt;SELECT&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;表名&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;case&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;when&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.colorder&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;1&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;then&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;d.name&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;else&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;end&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;表说明&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;case&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;when&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.colorder&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;1&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;then&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;isnull&lt;/span&gt;&lt;span style="color: #000000;"&gt;(f.value,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;)&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;else&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;end&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;字段序号&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;a.colorder,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;字段名&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;a.name,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;标识&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;case&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;when&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;COLUMNPROPERTY&lt;/span&gt;&lt;span style="color: #000000;"&gt;(&amp;nbsp;&amp;nbsp;&amp;nbsp;a.id,a.name,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;IsIdentity&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #000000;"&gt;)&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;1&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;then&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;radic;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;else&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;end&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;主键&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;case&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;when&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;exists&lt;/span&gt;&lt;span style="color: #000000;"&gt;(&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;SELECT&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;1&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;FROM&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sysobjects&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;where&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;xtype&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;PK&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;and&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;name&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;in&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;(&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;SELECT&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;name&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;FROM&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sysindexes&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;WHERE&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;indid&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;in&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;(&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;SELECT&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;indid&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;FROM&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sysindexkeys&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;WHERE&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;AND&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;colid&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;a.colid&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;)))&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;then&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;radic;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;else&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;end&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;类型&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;b.name,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;占用字节数&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;a.length,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;长度&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;COLUMNPROPERTY&lt;/span&gt;&lt;span style="color: #000000;"&gt;(a.id,a.name,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;PRECISION&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;),&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;小数位数&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;isnull&lt;/span&gt;&lt;span style="color: #000000;"&gt;(&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;COLUMNPROPERTY&lt;/span&gt;&lt;span style="color: #000000;"&gt;(a.id,a.name,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;Scale&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #000000;"&gt;),&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;),&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;允许空&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;case&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;when&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.isnullable&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;1&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;then&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;&amp;radic;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;else&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;end&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;,&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;默认值&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;isnull&lt;/span&gt;&lt;span style="color: #000000;"&gt;(e.&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;text&lt;/span&gt;&lt;span style="color: #000000;"&gt;,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;),&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;字段说明&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff00ff;"&gt;isnull&lt;/span&gt;&lt;span style="color: #000000;"&gt;(g.&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;[&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;value&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;]&lt;/span&gt;&lt;span style="color: #000000;"&gt;,&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;''&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;)&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;FROM&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;syscolumns&amp;nbsp;&amp;nbsp;&amp;nbsp;a&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;left&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;join&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;systypes&amp;nbsp;&amp;nbsp;&amp;nbsp;b&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;on&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.xtype&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;b.xusertype&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;inner&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;join&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sysobjects&amp;nbsp;&amp;nbsp;&amp;nbsp;d&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;on&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.id&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #000000;"&gt;d.id&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;and&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;d.xtype&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;U&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;and&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;d.name&lt;/span&gt;&lt;span style="color: #808080;"&gt;&amp;lt;&amp;gt;&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;dtproperties&lt;/span&gt;&lt;span style="color: #ff0000;"&gt;'&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;left&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;join&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;syscomments&amp;nbsp;&amp;nbsp;&amp;nbsp;e&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;on&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.cdefault&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;e.id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;left&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;join&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sysproperties&amp;nbsp;&amp;nbsp;&amp;nbsp;g&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;on&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.id&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #000000;"&gt;g.id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;and&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.colid&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;g.smallid&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;left&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;join&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;sysproperties&amp;nbsp;&amp;nbsp;&amp;nbsp;f&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;on&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;d.id&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #000000;"&gt;f.id&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #808080;"&gt;and&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;f.smallid&lt;/span&gt;&lt;span style="color: #808080;"&gt;=&lt;/span&gt;&lt;span style="color: #800000; font-weight: bold;"&gt;0&lt;/span&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #008080;"&gt;--&lt;/span&gt;&lt;span style="color: #008080;"&gt;where&amp;nbsp;&amp;nbsp;&amp;nbsp;d.name='要查询的表'&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;--如果只查询指定表,加上此条件&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;span style="color: #008080;"&gt;&lt;br /&gt;&lt;/span&gt;&lt;span style="background-color: #f5f5f5;"&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;order&lt;/span&gt;&lt;span style="color: #000000;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;span style="color: #0000ff;"&gt;by&lt;/span&gt;&lt;/span&gt;&lt;span style="color: #000000;"&gt;&lt;span style="background-color: #f5f5f5;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;a.id,a.colorder&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;script type="text/javascript"&gt;&lt;/script&gt;&lt;div id="blog_post_info_block"&gt;&lt;div id="BlogPostCategory"&gt;&lt;span style="background-color: #f5f5f5;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;div id="EntryTag"&gt;&lt;span style="background-color: #f5f5f5;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;img src="http://www.cnblogs.com/SoulStore/aggbug/2015639.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/SoulStore/archive/2011/04/14/2015639.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/SoulStore/archive/2011/04/11/2012168.html</id><title type="text">SQL HierarchyID 数据类型</title><summary type="text">http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM.asp我将在本文里向你介绍 SQLServer2008 的一个新特点：HierarchyID 数据类型。我们会看到这个新的数据类型提供了处理树形结构的一个崭新的方法。它增加了 T-SQL 的功能并提升了性能。本文通过与基于 CTE 的典型方法相比较，深入的介绍了该新的数据类型并给出了一些例子。对于信息系统而言，管理具有层次结构的数据是常见的问题。它是如此的经典以至于我们可以找到很多案例，例如，著名的 Employee 表。其他例子如管理目录树或文件系统的建模。Employee 层次问题比较简单，我们</summary><published>2011-04-11T02:32:00Z</published><updated>2011-04-11T02:32:00Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><link rel="alternate" href="http://www.cnblogs.com/SoulStore/archive/2011/04/11/2012168.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/archive/2011/04/11/2012168.html"/><content type="html">&lt;p&gt;&lt;span class="Apple" style="text-align: center; widows: 2; text-transform: none; text-indent: 0px; border-collapse: separate; font: medium 'Times New Roman'; white-space: normal; orphans: 2; letter-spacing: normal; color: #000000; word-spacing: 0px;"&gt;&lt;span class="Apple" style="text-align: left; line-height: 22px; font-family: Arial, Helvetica, simsun, u5b8bu4f53; color: #333333; font-size: 14px;"&gt;&lt;a href="http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM.asp"&gt;http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM.asp&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;span class="Apple" style="text-align: center; widows: 2; text-transform: none; text-indent: 0px; border-collapse: separate; font: medium 'Times New Roman'; white-space: normal; orphans: 2; letter-spacing: normal; color: #000000; word-spacing: 0px;"&gt;&lt;span class="Apple" style="text-align: left; line-height: 22px; font-family: Arial, Helvetica, simsun, u5b8bu4f53; color: #333333; font-size: 14px;"&gt;&lt;p&gt;我将在本文里向你介绍 SQLServer2008 的一个新特点：HierarchyID 数据类型。我们会看到这个新的数据类型提供了处理树形结构的一个崭新的方法。它增加了 T-SQL 的功能并提升了性能。&lt;/p&gt;&lt;p&gt;本文通过与基于 CTE 的典型方法相比较，深入的介绍了该新的数据类型并给出了一些例子。&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;对于信息系统而言，管理具有层次结构的数据是常见的问题。它是如此的经典以至于我们可以找到很多案例，例如，著名的 Employee 表。其他例子如管理目录树或文件系统的建模。&lt;/p&gt;&lt;p&gt;Employee 层次问题比较简单，我们必须存储雇员列表以及他们的上级领导。我们用下面的模式来表示：&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM/X8E290YXB2D6ESKW.jpg" alt="附件" border="0" style="line-height: 22px; max-width: 100%; border-width: 0px;" /&gt;&lt;br style="line-height: 22px;" /&gt;图 1、经典的 Employee 表&lt;/p&gt;&lt;p&gt;即使这个设计是简单的，但查询它可不是件容易的事情。有一些查询示例：&lt;/p&gt;&lt;ul style="line-height: 22px; margin: 5px 0px 5px 40px; padding: 0px;"&gt;&lt;li style="line-height: 22px;"&gt;找出某个雇员的所有下属&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;算出雇员在公司里的级别&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;等等.&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;SQL Server 2000 用户使用基于游标或临时表的方法来写这些查询。虽然简单，却牺牲了易维护性和性能。&lt;/p&gt;&lt;p&gt;SQL Server 2005 提出了一个巧妙的方法：在 T-SQL 里使用 CTE。CTE 允许你写递归查询。下面是针对 Employee 表计算级别的一个 CTE 的例子：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;AS&lt;br style="line-height: 22px;" /&gt;(&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; SELECT emp.EmployeeId, emp.LoginId, emp.LoginId, 1 AS HierarchyOrder&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; FROM HumanResources.Employee AS emp&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; WHERE emp.ManagerId isNull&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; UNION ALL&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; SELECT emp.EmployeeId, emp.LoginId, Parent.LastName, HierarchyOrder + 1&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; FROM HumanResources.Employee AS emp&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; INNER JOIN UpperHierarchy AS Parent&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ON emp.ManagerId = parent.EmployeeId&lt;br style="line-height: 22px;" /&gt;)&lt;br style="line-height: 22px;" /&gt;SELECT *&lt;br style="line-height: 22px;" /&gt;From UpperHierarchy&lt;/div&gt;&lt;p&gt;你可以针对 AdventureWorks 数据库来运行该查询。&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM/0CZKXH09QPR2IYF3.jpg" alt="附件" border="0" style="line-height: 22px; max-width: 100%; border-width: 0px;" /&gt;&lt;br style="line-height: 22px;" /&gt;图 2、AdventureWorks&lt;span class="Apple"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="line-height: 20px; font-size: 9.5pt;"&gt;的&lt;span class="Apple"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="line-height: 20px; font-size: 9.5pt;"&gt;Employee&lt;span class="Apple"&gt;&amp;nbsp;&lt;/span&gt;&lt;span style="line-height: 20px; font-size: 9.5pt;"&gt;表&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;CTE 对于用表来呈现树形结构有了很大的改进，但也留下了一些问题。顺便说一下，查询复杂度降低了，但是性能呢？即使优化了 CTE 的执行计划，你也可能处于可能没有索引的境地。&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;为了提供一个对层次结构真正的支持，SQL Server 2008 引入了一个新的数据类型：HierarchyID。它是一个可管理的类型（.NET），通过 SQL Server 的 SQL CLR 来处理。&lt;br style="line-height: 22px;" /&gt;&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM/Q3YUHO3AZXBWL15W.jpg" alt="附件" border="0" style="line-height: 22px; max-width: 100%; border-width: 0px;" /&gt;&lt;br style="line-height: 22px;" /&gt;图 3、系统数据类型&lt;/p&gt;&lt;p&gt;它没有存父元素的标识符，但一系列的信息可用来定位层次结构里的元素。该类型表示了树结构里的一个节点。&lt;/p&gt;&lt;p&gt;如果你查看 HierachyId 类型列的值，你会看到都是二进制的值。&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM/MQ6W52KTGBMGGZYQ.jpg" alt="附件" border="0" style="line-height: 22px; max-width: 100%; border-width: 0px;" /&gt;&lt;br style="line-height: 22px;" /&gt;图 4、HierachyId 列的值&lt;/p&gt;&lt;p&gt;我们可以用一个字符串的格式表示 HierachyId 类型。该格式清楚地显示了该类型所包含的信息。字符串用下面的格式来表示：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&amp;lt; level &amp;lt;index &amp;hellip; 2&amp;gt; 1&amp;gt;&amp;gt;&lt;p&gt;它显示了下面图形所表示的树形结构。记住节点的第一个子元素不总是 1，也可能是 /1.2/。&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM/W4BHDIVYY3KY2SJS.jpg" alt="附件" border="0" style="line-height: 22px; max-width: 100%; border-width: 0px;" /&gt;&lt;br style="line-height: 22px;" /&gt;图 5、用字符串表示层次结构&lt;/p&gt;&lt;p&gt;你可能注意到了用来显示字符串格式的查询直接在列上使用到了函数 ToString()。HierarchyId 可以通过一系列到函数来维护，稍后会讲到。&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;HierarchyId 可以象其他任何类型一样用于创建表的 DDL 语句。在下面的例子里，我们将创建一个表 Organization。在这里，它仅包含了数据类型为 HierarchyId 的一列以及雇员相应的姓名。&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;(&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; EmployeeID hierarchyid NOT NULL,&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; EmployeeName nvarchar(50)NOT NULL&lt;br style="line-height: 22px;" /&gt;)&lt;/div&gt;&lt;p&gt;我们使用 AdventureWorks 数据库的表 Employee 的数据来填充表 Organization。我们将使用上面描述的 CTE 来实现填充。为了确定根节点的值，我们要使用 HierarchyId 类型的 GetRoot() 函数（注意 GetRoot&amp;nbsp;像 HierarchyId 其他的函数一样，是区分大小写的）：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;p&gt;为了确定子节点的值，我们使用父节点的 GetDescendant 函数：&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;p&gt;这个函数的参数可以在其他节点（同一级别）间的某个位置放置子节点。&lt;/p&gt;&lt;p&gt;&amp;nbsp;&lt;/p&gt;&lt;p&gt;下面是给出的修改过的 CTE 脚本。它复制 Employee 表的层次结构到使用新类型的新表 Organization 里：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;AS&lt;br style="line-height: 22px;" /&gt;(&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; SELECT EmployeeId, LoginId,hierarchyid::GetRoot()&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; FROM HumanResources.Employee&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; WHERE ManagerId is Null&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; UNION ALL&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; SELECT Sub.EmployeeId, Sub.LoginId, Parent.Node.GetDescendant(null, null)&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; FROM HumanResources.Employee AS Sub&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; INNER JOIN UpperHierarchy AS Parent&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ON Sub.ManagerId = Parent.EmpId&lt;br style="line-height: 22px;" /&gt;)&lt;br style="line-height: 22px;" /&gt;Insert Into dbo.Organization(EmployeeId, EmployeeName)&lt;br style="line-height: 22px;" /&gt;Select Node, LastName&lt;span class="Apple"&gt;&amp;nbsp;&lt;/span&gt;&lt;br style="line-height: 22px;" /&gt;From UpperHierarchy&lt;/div&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;lt;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;由于它的二进制格式，HierarchyId 类型是可变长的，这使它很简洁地表示了它所包含的信息。举个例子，对于有 100000 人的一个层次结构，它的大小是 40bit，这仅仅是 int 的 25% 多一点。当然，根据层次结构填充的方式（节点的平均子节点数量，即密度），使用的可见或多或少是重要的。&lt;/p&gt;&lt;p&gt;该类型支持比较。理解树形结构遍历以便知道怎样进行元素比较的方式是重要的。如下图所描述的，比较最初发生在树的深度上（深度优先），然后是同一级别的节点之间。&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM/CDPUQ6LLO186FG7X.jpg" alt="附件" border="0" style="line-height: 22px; max-width: 100%; border-width: 0px;" /&gt;&lt;br style="line-height: 22px;" /&gt;图 6、深度优先（SQLServer2008CPT2BOL）&lt;/p&gt;&lt;p&gt;我们会看到可以索引表来允许宽度优先的遍历树。&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM/3T7U5KMYYY73A2YY.jpg" alt="附件" border="0" style="line-height: 22px; max-width: 100%; border-width: 0px;" /&gt;&lt;br style="line-height: 22px;" /&gt;图 7、宽度优先（SQLServer2008CPT2BOL）&lt;/p&gt;&lt;p&gt;为了创建这类型的索引，我们需要知道表里每条记录的级别。我们可以直接从 HierarchyID 列上使用 GetLevel() 函数来得到这个信息。所以我们在表上添加一个计算列来提供雇员的级别。&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;Add HierarchyLevel As EmployeeID.GetLevel()&lt;/div&gt;&lt;p&gt;一旦创建了新列，我们可以索引它，并用宽度优先的方式来遍历树。&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;ON Organization(HierarchyLevel,EmployeeID);&lt;/div&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;HierarchyId 类型天生就不支持唯一性。例如，同一个表里可能有两个根节点。显然，在你的程序里可能会陷入完整性的问题，但是，它也不可能唯一索引树而使整个树变得能聚集。&lt;/p&gt;&lt;p&gt;为了解决这个局限，我们可以在 HierarchyId 列上添加主键（或唯一索引）：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; PK_Organization PRIMARY KEY&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; (&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; EmployeeID&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; )&lt;/div&gt;&lt;p&gt;HierarchyId 上的主键或唯一索引允许表的深度优先索引。&lt;/p&gt;&lt;p&gt;对于前面的数据填充，该 DDL 将报错。事实上，每个节点的子节点都有相同的索引，这不允许唯一。为了纠正这个问题，我们需要在每一级别上排序子节点来重新组织树。为了实现它，有必要给 GetDescendant() 函数传递参数。该操作将在稍后进行说明。&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;与上面描述的传统建模方式相反，外键引用父记录天生也不支持。事实上，HierarchyId 类型存储树里节点的路径，而不是父节点。&lt;/p&gt;&lt;p&gt;不过，使用 GetAncestor() 函数来轻易获取父节点的标识符倒是可行的，如下面的语句：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;From dbo.Organization&lt;/div&gt;&lt;p&gt;GetAncestor() 返回 HierarchyId。如果 HierarchyId 列是表的主键（如我们的例子），添加一个外键引用到自身就是可行的了。&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;Add ParentId AS EmployeeId.GetAncestor(1)PERSISTED&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; REFERENCES dbo.Organization(EmployeeId)&lt;/div&gt;&lt;p&gt;现在，我们的表有了和最初模型相同的完整性规则了。&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;lt;&amp;gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;HierarchyID 数据类型通过一系列的函数来操作：&lt;/p&gt;&lt;ul style="line-height: 22px; margin: 5px 0px 5px 40px; padding: 0px;"&gt;&lt;li style="line-height: 22px;"&gt;GetAncestor&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;GetDescendant&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;GetLevel&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;GetRoot&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;ToString&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;IsDescendant&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Parse&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Read&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Reparent&lt;/li&gt;&lt;li style="line-height: 22px;"&gt;Write&lt;/li&gt;&lt;/ul&gt;&lt;p&gt;在前面的例子里我们看到了前 5 个函数，接下来的 5 个在下表作出了解释：&lt;/p&gt;&lt;table width="100%" cellpadding="0" cellspacing="1" border="1" style="line-height: 22px;"&gt;&lt;tbody style="line-height: 22px;"&gt;&lt;tr style="line-height: 22px;"&gt;&lt;td style="line-height: 22px;"&gt;函数&lt;/td&gt;&lt;td style="line-height: 22px;"&gt;描述&lt;/td&gt;&lt;/tr&gt;&lt;tr style="line-height: 22px;"&gt;&lt;td style="line-height: 22px;"&gt;IsDescendant&lt;/td&gt;&lt;td style="line-height: 22px;"&gt;允许知道一条记录是不是层次结构里另一个的子节点。&lt;/td&gt;&lt;/tr&gt;&lt;tr style="line-height: 22px;"&gt;&lt;td style="line-height: 22px;"&gt;Parse&lt;/td&gt;&lt;td style="line-height: 22px;"&gt;它和 ToString() 正好相反，它使从字符串里得到 HierarchyID 值成为可能。&lt;/td&gt;&lt;/tr&gt;&lt;tr style="line-height: 22px;"&gt;&lt;td style="line-height: 22px;"&gt;Read&lt;/td&gt;&lt;td style="line-height: 22px;"&gt;类似 Parse，但针对 varbinary 值。&lt;/td&gt;&lt;/tr&gt;&lt;tr style="line-height: 22px;"&gt;&lt;td style="line-height: 22px;"&gt;Write&lt;/td&gt;&lt;td style="line-height: 22px;"&gt;类似 ToString，但针对 varbinary 值。&lt;/td&gt;&lt;/tr&gt;&lt;tr style="line-height: 22px;"&gt;&lt;td style="line-height: 22px;"&gt;Reparent&lt;/td&gt;&lt;td style="line-height: 22px;"&gt;允许通过更改父节点来移动层次结构里的节点。&lt;/td&gt;&lt;/tr&gt;&lt;/tbody&gt;&lt;/table&gt;&lt;p&gt;警告：所有的函数都是区分大小写的。&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;由于 HierarchyID 类型比简单指向父记录复杂，所以当插入新元素时要确定它的值也更复杂。GetDescendant()&amp;nbsp;函数给我们了一个可用的节点值。然而，在我们的例子里，HierarchyID 列有唯一约束，它使我们在做的时候使用 GetDescendant 变得不可行。顺便说一下，我们必需提供另外的信息：子节点列表里节点的索引。&lt;/p&gt;&lt;p&gt;要完成它，我们传递同一级别的节点作为 GetDescendant 函数的参数。当然，我们可以传递 NULL 值来把节点放在最初或最后的位置。&lt;/p&gt;&lt;p&gt;在下面的例子里，我们插入一个节点，使它成为一个节点的最后子节点。之前，需要一些步骤来获取同一级别的节点：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;SELECT @sibling = Max(EmployeeID)&lt;br style="line-height: 22px;" /&gt;FROM dbo.Organization&lt;br style="line-height: 22px;" /&gt;WHERE EmployeeId.GetAncestor(1)= @Parent;&lt;br style="line-height: 22px;" /&gt;--inserting node&lt;br style="line-height: 22px;" /&gt;INSERT dbo.Organization(EmployeeId, EmployeeName)&lt;br style="line-height: 22px;" /&gt;VALUES(@Parent.GetDescendant(@sibling,NULL), @Name)&lt;/div&gt;&lt;p&gt;我们不总是要（或可能）获取同一级别的节点来执行插入。也许有一些隐含的策略来确定节点的位置。&lt;/p&gt;&lt;p&gt;例如，假定我们有一个 order 列，它决定了同一级别节点间节点的位置。我们可以把节点路径计算后表示成一个字符串：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;Declare @NewPath As varchar(10)= @Parent.ToString()+ CAST([Order] AS varchar(3))+ '/'&lt;/div&gt;&lt;p&gt;在本例中，由于节点 @Parent 是根节点，结果会是 /&amp;lt;order&amp;gt;/。根据 Parse() 函数，我们可以利用这个值取创建新的节点。&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;VALUES(HierarchyId::Parse(@NewPath),'aChild')&lt;/div&gt;&lt;p&gt;你可能注意到了 SQL Server 2008 里仅在一行里声明变量并赋值的新语法。&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;CTE 现在是无法使用的里。要返回层次结构里的一个完整分支，查询很简单：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;From dbo.Organization&lt;br style="line-height: 22px;" /&gt;Where @BossNode.IsDescendant(EmployeeId)&lt;/div&gt;&lt;p&gt;警告：一个节点包含在它自身的后代里，所以 @BossNode 是它自己的后代。&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;要找出所有的上级，正好要颠倒上面的查询：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;From dbo.Organization&lt;br style="line-height: 22px;" /&gt;Where EmployeeId.IsDescendant(@BossNode)&lt;/div&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;不再需要一列去存储计算后的级别：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;From dbo.Organization&lt;br style="line-height: 22px;" /&gt;Where EmployeeId.GetLevel() = 3&lt;/div&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;我们来比较新类型和 CTE 的性能。为了比较，我们来举个例子，它的需求是重新获取经理 'adventure-works \ james1' 的所有分支。表就用本文提到的表：Employee（传统模型）和 Organization（HierarchyID）。&lt;/p&gt;&lt;p&gt;CTE 脚本：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;AS&lt;br style="line-height: 22px;" /&gt;(&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; SELECT emp.EmployeeId, emp.LoginId, emp.LoginId, 1 AS HierarchyOrder&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; FROM HumanResources.Employee AS emp&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; WHERE emp.LoginId ='adventure-works\james1'&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; UNION ALL&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; SELECT emp.EmployeeId, emp.LoginId, Parent.LastName, HierarchyOrder + 1&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; FROM HumanResources.Employee AS emp&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; INNER JOIN UpperHierarchy AS Parent&lt;br style="line-height: 22px;" /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; ON emp.ManagerId = parent.EmployeeId&lt;br style="line-height: 22px;" /&gt;)&lt;br style="line-height: 22px;" /&gt;SELECT EmployeeId, LastName&lt;br style="line-height: 22px;" /&gt;From UpperHierarchy&lt;/div&gt;&lt;p&gt;使用 HierarchyID 的脚本如下所示。你会注意到有二步：第一步是获取父节点，第二步是找出分支：&lt;/p&gt;&lt;div style="line-height: 22px;"&gt;&lt;br style="line-height: 22px;" /&gt;Select @BossNode = EmployeeID From dbo.Organization Where EmployeeName = 'adventure-works\james1'&lt;br style="line-height: 22px;" /&gt;Select *&lt;br style="line-height: 22px;" /&gt;From dbo.Organization&lt;br style="line-height: 22px;" /&gt;Where @BossNode.IsDescendant(EmployeeId)= 1&lt;/div&gt;&lt;p&gt;从 SSMS 里可以看到，执行计划给了我们一些性能方面的信息。&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM/D6M7CCCO9QRT07HJ.jpg" alt="附件" border="0" style="line-height: 22px; max-width: 100%; border-width: 0px;" /&gt;&lt;br style="line-height: 22px;" /&gt;图 8、性能基准&lt;/p&gt;&lt;p&gt;我们可以看到 CTE 占了批处理的 63%。这意味着 HierarchyID 要好 50%。&lt;/p&gt;&lt;p&gt;我们可以看到返回父节点（james1）这一步占了查询的大部分（使用了扫描），因为列没有索引。但是，由于方法2里采占用了相同的比率，我们可以忽略这一点。&lt;/p&gt;&lt;p&gt;我们也可以看到 CTE 的执行计划比 HierarchyID 类型要复杂得多。这是因为主键允许表的唯一扫描。&lt;/p&gt;&lt;p&gt;如果我们来看这些需求使用的系统资源，那么对于 CTE 而言，结论是灾难性的。事件探查器跟踪显示了多个执行：&lt;/p&gt;&lt;p&gt;&lt;img src="http://www.cftea.com/c/2009/04/GVQCPXGMHTEC3XEM/YP721DOBK5K94KBF.jpg" alt="附件" border="0" style="line-height: 22px; max-width: 100%; border-width: 0px;" /&gt;&lt;br style="line-height: 22px;" /&gt;图 9、系统资源使用情况&lt;/p&gt;&lt;p&gt;我们可以看到 duration 列里 1/3-2/3 的比例。然而 IO 使用情况却上升到了 300。CTE 过多使用临时表（Table Spool），这意味着很多的读操作。CPU 使用也多用了 9 倍。&lt;/p&gt;&lt;p&gt;HierarchyID 取得了压倒性的胜利。&lt;/p&gt;&lt;p&gt;&lt;span style="line-height: 22px;"&gt;&amp;nbsp;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;从性能来看，当你在关系型数据库里要建模树形结构时，可以毫不犹豫的使用 HierarchyID 类型。该新类型实现了它的目的。它实现了复杂需求（IsDescendant, GetDescendant 等等）所要求的信息并代替了技巧方面的使用（GetLevel, GetAncestor 等等）。&lt;/p&gt;&lt;p&gt;然而，要是没有特殊的需求，我建议你考虑明智地（比如它满足你的需求的话）使用这个新的类型。事实上，HierarchyID 类型也有一些缺点。&lt;/p&gt;&lt;p&gt;首先，该类型要求更多的技巧，所以更难使用和维护。在现实中要使用它也很犯难，因为 HierarchyID 也可能是低效率的，例如，插入变得更复杂且需要更多的CPU。&lt;/p&gt;&lt;p&gt;所以，对于 IT 的每个技术，在选择 HierachyID 之前，你应该正确地评估你的需求。有一些线索可以帮助你去选择。下面的情形可用传统的设计：&lt;/p&gt;&lt;p&gt;如果键很大且你需要优化存储，即时 HierachyID 很小，也会快速超过 4 个字节。&lt;/p&gt;&lt;p&gt;如果你要直接查询唯一元素，主键或唯一索引应该更好。&lt;/p&gt;&lt;p&gt;如果你经常移动中间节点，用 HierachyID 进行层次结构的更新会越来越慢。&lt;/p&gt;&lt;p&gt;我们对 SQL Server 的新类型做了全面概述，不过也少了一些主题，如 HierarchyID 在管理过程或函数上的使用。我们也可以在应用程序里使用 Framework3.5 的 ADO.NET 来处理。&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/span&gt;&lt;/span&gt;&lt;img src="http://www.cnblogs.com/SoulStore/aggbug/2012168.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/SoulStore/archive/2011/04/11/2012168.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry><entry><id>http://www.cnblogs.com/SoulStore/archive/2011/04/05/2006041.html</id><title type="text">OSWorkflow表结构分析</title><summary type="text">研究了一段时间的OSWorkflow，对其表结构做了一些分析，能帮助深入的学习：以Oracle为例1.========================================================================================create table OS_PROPERTYENTRY --存储propertyset的值（具体字段还不清晰以后补充）(GLOBAL_KEY varchar(255),ITEM_KEY varchar(255),ITEM_TYPE smallint,STRING_VALUE varchar(255),DATE_VAL</summary><published>2011-04-05T11:26:00Z</published><updated>2011-04-05T11:26:00Z</updated><author><name>克隆</name><uri>http://www.cnblogs.com/SoulStore/</uri></author><link rel="alternate" href="http://www.cnblogs.com/SoulStore/archive/2011/04/05/2006041.html"/><link rel="alternate" type="text/html" href="http://www.cnblogs.com/SoulStore/archive/2011/04/05/2006041.html"/><content type="html">&lt;span class="Apple" style="widows: 2; text-transform: none; text-indent: 0px; border-collapse: separate; font: medium 'Times New Roman'; white-space: normal; orphans: 2; letter-spacing: normal; color: #000000; word-spacing: 0px;"&gt;&lt;span class="Apple" style="text-align: left; line-height: 18px; font-family: Arial, sans-serif, Helvetica, Tahoma; font-size: 12px;"&gt;&lt;p&gt;&lt;span style="font-family: 'Courier New'; font-size: x-small;"&gt;研究了一段时间的OSWorkflow，对其表结构做了一些分析，能帮助深入的学习：&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-family: 'Courier New'; font-size: x-small;"&gt;以Oracle为例&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-family: 'Courier New'; font-size: x-small;"&gt;1.========================================================================================&lt;br /&gt;create table OS_PROPERTYENTRY&amp;nbsp; --存储propertyset的值（具体字段还不清晰以后补充）&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;GLOBAL_KEY varchar(255),&lt;br /&gt;&amp;nbsp;ITEM_KEY varchar(255),&lt;br /&gt;&amp;nbsp;ITEM_TYPE smallint,&lt;br /&gt;&amp;nbsp;STRING_VALUE varchar(255),&lt;br /&gt;&amp;nbsp;DATE_VALUE date,&lt;br /&gt;&amp;nbsp;DATA_VALUE blob,&lt;br /&gt;&amp;nbsp;FLOAT_VALUE float,&lt;br /&gt;&amp;nbsp;NUMBER_VALUE numeric,&lt;br /&gt;&amp;nbsp;primary key (GLOBAL_KEY, ITEM_KEY)&lt;br /&gt;);&lt;br /&gt;2.========================================================================================&lt;br /&gt;create table OS_USER&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --用户表&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; USERNAME varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --用户名&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; PASSWORDHASH varchar(2024),--经过加密的密码&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; primary key (USERNAME)&lt;br /&gt;);&lt;br /&gt;3.========================================================================================&lt;br /&gt;create table OS_GROUP&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --组结构表&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; GROUPNAME varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --组名称&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; primary key (GROUPNAME)&lt;br /&gt;);&lt;br /&gt;4.========================================================================================&lt;br /&gt;create table OS_MEMBERSHIP&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --用户与组的关系表&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; USERNAME varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --用户名&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; GROUPNAME varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --组名称&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; primary key (USERNAME, GROUPNAME),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (USERNAME) references OS_USER(USERNAME),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (GROUPNAME) references OS_GROUP(GROUPNAME)&lt;br /&gt;);&lt;br /&gt;5.========================================================================================&lt;br /&gt;create table OS_WFENTRY&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --工作流主表，存放工作流名称和状态&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ID number,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class="Apple"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; NAME varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --工作流名称&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; STATE integer,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --工作流状态&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; primary key (ID)&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&lt;span class="Apple"&gt;&amp;nbsp;&lt;/span&gt;&lt;br /&gt;);&lt;br /&gt;6.========================================================================================&lt;br /&gt;create table OS_CURRENTSTEP&amp;nbsp;&amp;nbsp;&amp;nbsp; --当前步骤表，存放当前步骤的数据&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ID number,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --自动编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ENTRY_ID number,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --工作流编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; STEP_ID integer,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --步骤编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ACTION_ID integer,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --动作编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; OWNER varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --步骤的所有者&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; START_DATE date,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --开始时间&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; FINISH_DATE date,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --结束时间&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; DUE_DATE date,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --授权时间&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; STATUS varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --当前状态&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; CALLER varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --实际执行的用户&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; primary key (ID),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (ENTRY_ID) references OS_WFENTRY(ID),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (OWNER) references OS_USER(USERNAME),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (CALLER) references OS_USER(USERNAME)&lt;br /&gt;);&lt;br /&gt;&amp;nbsp;&lt;br /&gt;7.========================================================================================&lt;br /&gt;create table OS_HISTORYSTEP&amp;nbsp;&amp;nbsp;&amp;nbsp; --历史步骤表，存放当前步骤的数据&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ID number,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --自动编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ENTRY_ID number,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --工作流编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; STEP_ID integer,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --步骤编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ACTION_ID integer,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --动作编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; OWNER varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --步骤的所有者&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; START_DATE date,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --开始时间&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; FINISH_DATE date,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --结束时间&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; DUE_DATE date,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --授权时间&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; STATUS varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --状态&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; CALLER varchar(20),&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --实际执行的用户&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; primary key (ID),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (ENTRY_ID) references OS_WFENTRY(ID),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (OWNER) references OS_USER(USERNAME),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (CALLER) references OS_USER(USERNAME)&lt;br /&gt;);&lt;br /&gt;8.========================================================================================&lt;br /&gt;create table OS_CURRENTSTEP_PREV&amp;nbsp; --上一步骤表，存放当前步骤和上一个步骤的关联数据&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ID number,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --当前步骤编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; PREVIOUS_ID number,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --上一步骤编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; primary key (ID, PREVIOUS_ID),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (ID) references OS_CURRENTSTEP(ID),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (PREVIOUS_ID) references OS_HISTORYSTEP(ID)&lt;br /&gt;);&lt;br /&gt;9.========================================================================================&lt;br /&gt;create table OS_HISTORYSTEP_PREV&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --上一历史步骤表，存放历史步骤和上一个步骤的关联数据&lt;br /&gt;(&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; ID number,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --当前历史步骤编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; PREVIOUS_ID number,&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; --上一历史步骤编号&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; primary key (ID, PREVIOUS_ID),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (ID) references OS_HISTORYSTEP(ID),&lt;br /&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp; foreign key (PREVIOUS_ID) references OS_HISTORYSTEP(ID)&lt;br /&gt;);&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;span style="font-family: 'Courier New'; font-size: x-small;"&gt;&lt;strong style="font-weight: bold;"&gt;ER图：&lt;/strong&gt;&lt;/span&gt;&lt;/p&gt;&lt;p&gt;&lt;img src="http://pic002.cnblogs.com/images/2011/10290/2011040519261442.png" /&gt;&lt;/p&gt;&lt;/span&gt;&lt;/span&gt;&lt;img src="http://www.cnblogs.com/SoulStore/aggbug/2006041.html?type=1" width="1" height="1" alt=""/&gt;&lt;p&gt;&lt;a href="http://www.cnblogs.com/SoulStore/archive/2011/04/05/2006041.html" target="_blank"&gt;本文链接&lt;/a&gt;&lt;/p&gt;</content></entry></feed>
