<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Lisong&#039;s Blog &#187; Learning</title>
	<atom:link href="http://www.imwls.com/category/learning/feed?" rel="self" type="application/rss+xml" />
	<link>http://www.imwls.com</link>
	<description>stay away from the programming</description>
	<lastBuildDate>Tue, 08 Nov 2011 01:09:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>C# RabbitMQ 学习笔记（1）——简单消息发送</title>
		<link>http://www.imwls.com/csharp-rabbitmq-1</link>
		<comments>http://www.imwls.com/csharp-rabbitmq-1#comments</comments>
		<pubDate>Fri, 04 Nov 2011 03:51:32 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[RabbitMQ]]></category>

		<guid isPermaLink="false">http://www.imwls.com/c-rabbitmq-%e5%ad%a6%e4%b9%a0%e7%ac%94%e8%ae%b0%ef%bc%881%ef%bc%89%e2%80%94%e2%80%94%e7%ae%80%e5%8d%95%e6%b6%88%e6%81%af%e5%8f%91%e9%80%81</guid>
		<description><![CDATA[消息发送端代码：



using RabbitMQ.Client;

<span class="readmore"><a href="http://www.imwls.com/csharp-rabbitmq-1" title="C# RabbitMQ 学习笔记（1）——简单消息发送">阅读全文——共5587字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="c# Replace" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fc-replace&from=http%3A%2F%2Fwww.imwls.com%2Fcsharp-rabbitmq-1">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617532.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">c# Replace</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="c# 判断网络连接是否正常的方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fc-net-normally&from=http%3A%2F%2Fwww.imwls.com%2Fcsharp-rabbitmq-1">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617523.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">c# 判断网络连接是否正常的方法</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="C# Delegate/委托 与多线程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fc-delegate-threading&from=http%3A%2F%2Fwww.imwls.com%2Fcsharp-rabbitmq-1">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">C# Delegate/委托 与多线程</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="锡山区机关作风与效能建设民主评议系统C#源码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fxssytem-c-code&from=http%3A%2F%2Fwww.imwls.com%2Fcsharp-rabbitmq-1">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617381.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">锡山区机关作风与效能建设民主评议系统C#源码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="c# 隐藏父窗体滚动条" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fc_sharp_overflow&from=http%3A%2F%2Fwww.imwls.com%2Fcsharp-rabbitmq-1">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617381.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">c# 隐藏父窗体滚动条</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p><strong><a name="OLE_LINK4"></a><a name="OLE_LINK3"></a><span style="font-family: &quot;color:white; background: teal;">消息发送端代码：</span></strong></p>
<div style="border: none; padding: 0cm 0cm 2.0pt 0cm;">
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;color:blue;">using</span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;;"> RabbitMQ.Client;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;color:blue;">namespace</span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;;"> Produce</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;">{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>    </span><span style="color: blue;">class</span> <span style="color: #2b91af;">Program</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>    </span>{<span id="more-1510"></span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: blue;">private</span> <span style="color: blue;">const</span> <span style="color: blue;">string</span> QUEUE_NAME = <span style="color: #a31515;">"RabbitMQ_Test"</span>;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: blue;">static</span> <span style="color: blue;">void</span> Main(<span style="color: blue;">string</span>[] args)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: #2b91af;">Console</span>.WriteLine(<span style="color: #a31515;">"Produce client test:\r"</span>);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>ProduceMessage(<span style="color: #2b91af;">Console</span>.ReadLine());</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: blue;">private</span> <span style="color: blue;">static</span> <span style="color: blue;">void</span> ProduceMessage(<span style="color: blue;">string</span> msg)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">if</span> (<span style="color: blue;">string</span>.IsNullOrEmpty(msg)) <span style="color: blue;">return</span>;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//Main entry point to the RabbitMQ .NET AMQP client API. Constructs IConnection instances.</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//RabbitMQ</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">主入口，用语构造<span>IConnection</span>实例</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: #2b91af;">ConnectionFactory</span> factory = <span style="color: blue;">new</span> <span style="color: #2b91af;">ConnectionFactory</span>();</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">使用默认用户名（<span>guest</span>）</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//factory.UserName = ConnectionFactory.DefaultUser;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">使用默认密码（<span>guest</span>）</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//factory.Password = ConnectionFactory.DefaultPass;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">使用默认端口</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//factory.Port = AmqpTcpEndpoint.UseDefaultPort;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">使用默认协议</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//factory.Protocol = Protocols.DefaultProtocol;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">使用默认服务器（本机服务器）</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//factory.HostName = "127.0.0.1";</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">try</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">创建到服务器的连接实例</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: blue;">using</span> (<span style="color: #2b91af;">IConnection</span> conn = factory.CreateConnection())</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span><span style="color: #2b91af;">Console</span>.WriteLine(<span style="color: #a31515;">"Connect server successfully."</span>);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">创建一个新的<span>Channel</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span><span style="color: blue;">using</span> (<span style="color: #2b91af;">IModel</span> channel = conn.CreateModel())</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span>channel.BasicPublish(<span style="color: #a31515;">""</span>,QUEUE_NAME, <span style="color: blue;">null</span>, <span style="color: #2b91af;">Encoding</span>.Default.GetBytes(msg));</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span><span style="color: #2b91af;">Console</span>.WriteLine(<span style="color: #a31515;">"Message publish successfully."</span>);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>     </span><span>           </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">catch</span> (<span style="color: #2b91af;">Exception</span> ex)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: #2b91af;">Console</span>.WriteLine(ex.Message);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">finally</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span>ProduceMessage(<span style="color: #2b91af;">Console</span>.ReadLine());</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>    </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;">}</span></span></span></p>
<p><span><span><span>  </span></span></span><span><span><strong><span style="font-family: &quot;color:white; background: teal;">消息接收端代码：</span></strong></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;color:blue;">using</span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;;"> RabbitMQ.Client;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;color:blue;">using</span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;;"> RabbitMQ.Client.Events;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;color:blue;">using</span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;;"> System.IO;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;color:blue;">namespace</span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;;"> Consumer</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;">{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>    </span><span style="color: blue;">class</span> <span style="color: #2b91af;">Program</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>    </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: blue;">private</span> <span style="color: blue;">const</span> <span style="color: blue;">string</span> QUEUE_NAME = <span style="color: #a31515;">"RabbitMQ_Test"</span>;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: blue;">private</span> <span style="color: blue;">static</span> <span style="color: blue;">bool</span> noAck = <span style="color: blue;">true</span>;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: blue;">static</span> <span style="color: blue;">void</span> Main(<span style="color: blue;">string</span>[] args)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: #2b91af;">Console</span>.WriteLine(<span style="color: #a31515;">"Consumer client test:\r\n"</span>);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//InitiativeMessage();</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>SubscriptionMessage();</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;color:blue;"><span>        </span>#region</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span><span style="color: gray;">&lt;summary&gt;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">主动获取队列消息</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span><span style="color: gray;">&lt;/summary&gt;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: blue;">private</span> <span style="color: blue;">static</span> <span style="color: blue;">void</span> InitiativeMessage()</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">实例化一个使用默认参数的<span>factory</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: #2b91af;">ConnectionFactory</span> factory = <span style="color: blue;">new</span> <span style="color: #2b91af;">ConnectionFactory</span>();</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">try</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: blue;">using</span> (<span style="color: #2b91af;">IConnection</span> conn = factory.CreateConnection())</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span><span style="color: blue;">using</span> (<span style="color: #2b91af;">IModel</span> channel = conn.CreateModel())</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>               </span><span>         </span>channel.QueueDeclare(QUEUE_NAME, <span style="color: blue;">true</span>, <span style="color: blue;">false</span>, <span style="color: blue;">false</span>, <span style="color: blue;">null</span>);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">获取单条消息</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span><span style="color: green;">//SingleMessage(channel);</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">获取队列中所有消息</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span>MuliteMessage(channel);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">catch</span> (<span style="color: #2b91af;">Exception</span> ex)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: #2b91af;">Console</span>.WriteLine(ex.Message);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">finally</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: #2b91af;">Console</span>.Read();</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span><span style="color: gray;">&lt;summary&gt;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">获取单条消息</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span><span style="color: gray;">&lt;/summary&gt;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span><span style="color: gray;">&lt;param name="channel"&gt;&lt;/param&gt;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: blue;">private</span> <span style="color: blue;">static</span> <span style="color: blue;">bool</span> SingleMessage(<span style="color: #2b91af;">IModel</span> channel)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: #2b91af;">BasicGetResult</span> result = channel.BasicGet(QUEUE_NAME, noAck<span style="color: green;">/*</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">接收消息后从队列中删除<span>*/</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;;">);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">if</span> (result == <span style="color: blue;">null</span>)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: #2b91af;">Console</span>.WriteLine(<span style="color: #a31515;">"There is no message in queue"</span>);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: blue;">return</span> <span style="color: blue;">false</span>;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">else</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: #2b91af;">Console</span>.WriteLine(<span style="color: #a31515;">"Message is: "</span> + <span style="color: #2b91af;">Encoding</span>.Default.GetString(result.Body));</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: blue;">return</span> <span style="color: blue;">true</span>;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span><span style="color: gray;">&lt;summary&gt;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">获取所有队列消息</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span><span style="color: gray;">&lt;/summary&gt;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span><span style="color: gray;">&lt;param name="channel"&gt;&lt;/param&gt;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: blue;">private</span> <span style="color: blue;">static</span> <span style="color: blue;">void</span> MuliteMessage(<span style="color: #2b91af;">IModel</span> channel)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span> </span><span>       </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">while</span> (<span style="color: blue;">true</span>)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: blue;">if</span> (!SingleMessage(channel))</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span><span style="color: blue;">break</span>;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;color:blue;"><span>        </span>#endregion</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;color:blue;"><span>        </span>#region</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span><span style="color: gray;">&lt;summary&gt;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">订阅模式获取消息</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: gray;">///</span><span style="color: gray;">&lt;/summary&gt;</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span><span style="color: blue;">private</span> <span style="color: blue;">static</span> <span style="color: blue;">void</span> SubscriptionMessage()</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: #2b91af;">ConnectionFactory</span> factory = <span style="color: blue;">new</span> <span style="color: #2b91af;">ConnectionFactory</span>();</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">try</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: blue;">using</span> (<span style="color: #2b91af;">IConnection</span> conn = factory.CreateConnection())</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span><span style="color: blue;">using</span> (<span style="color: #2b91af;">IModel</span> channel = conn.CreateModel())</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span><span style="color: #2b91af;">QueueingBasicConsumer</span> consumer = <span style="color: blue;">new</span> <span style="color: #2b91af;">QueueingBasicConsumer</span>(channel);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span>channel.BasicConsume(QUEUE_NAME, <span style="color: blue;">false</span>,consumer);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">消息将会异步传递</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span><span style="color: blue;">while</span> (<span style="color: blue;">true</span>)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                            </span><span style="color: blue;">try</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                                </span><span style="color: #2b91af;">BasicDeliverEventArgs</span> e = consumer.Queue.Dequeue() <span style="color: blue;">as</span> <span style="color: #2b91af;">BasicDeliverEventArgs</span>;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                                </span><span style="color: green;">//Handle the delivery</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                                </span><span style="color: #2b91af;">Console</span>.WriteLine(<span style="color: #a31515;">"Received message: "</span> + <span style="color: #2b91af;">Encoding</span>.Default.GetString(e.Body));</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                                </span><span style="color: green;">//</span></span></span></span><span><span><span style="font-size: 9.0pt; font-family: &quot;color:green;">将消息从队列中删除</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                                </span>channel.BasicAck(e.DeliveryTag, <span style="color: blue;">false</span>);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                            </span><span style="color: blue;">catch</span> (<span style="color: #2b91af;">EndOfStreamException</span>)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                                </span><span style="color: #2b91af;">Console</span>.WriteLine(<span style="color: #a31515;">"The consumer was cancelled, the model closed, or the connection went away."</span>);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                                </span><span style="color: blue;">break</span>;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                            </span><span style="color: blue;">catch</span> (<span style="color: #2b91af;">Exception</span> ex)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                                </span><span style="color: #2b91af;">Console</span>.WriteLine(ex.Message);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                                </span><span style="color: blue;">break</span>;</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                        </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                    </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">catch</span> (<span style="color: #2b91af;">Exception</span> ex)</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: #2b91af;">Console</span>.WriteLine(ex.Message);</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span><span style="color: blue;">finally</span></span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>{</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>                </span><span style="color: #2b91af;">Console</span>.Read();</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>            </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>        </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;color:blue;"><span>        </span>#endregion</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;"><span>    </span>}</span></span></span></p>
<p style="margin-left: 22.0pt;"><span><span><span style="font-size: 9.0pt; font-family: &quot;;">}</span></span></span></p>
<p>&nbsp;</p>
</div>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="c# Replace" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fc-replace&from=http%3A%2F%2Fwww.imwls.com%2Fcsharp-rabbitmq-1">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617532.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">c# Replace</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="c# 判断网络连接是否正常的方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fc-net-normally&from=http%3A%2F%2Fwww.imwls.com%2Fcsharp-rabbitmq-1">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617523.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">c# 判断网络连接是否正常的方法</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="C# Delegate/委托 与多线程" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fc-delegate-threading&from=http%3A%2F%2Fwww.imwls.com%2Fcsharp-rabbitmq-1">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/images/blogWidget/wordpress_default.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">C# Delegate/委托 与多线程</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="锡山区机关作风与效能建设民主评议系统C#源码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fxssytem-c-code&from=http%3A%2F%2Fwww.imwls.com%2Fcsharp-rabbitmq-1">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617381.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">锡山区机关作风与效能建设民主评议系统C#源码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="c# 隐藏父窗体滚动条" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fc_sharp_overflow&from=http%3A%2F%2Fwww.imwls.com%2Fcsharp-rabbitmq-1">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617381.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">c# 隐藏父窗体滚动条</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/csharp-rabbitmq-1/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>DevComponents Dotnetbar 9.0破解版下载</title>
		<link>http://www.imwls.com/devcomponents-dotnetbar-9-0-crack-keygen</link>
		<comments>http://www.imwls.com/devcomponents-dotnetbar-9-0-crack-keygen#comments</comments>
		<pubDate>Thu, 02 Dec 2010 00:34:21 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[DotNetBar]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1500</guid>
		<description><![CDATA[其实Dotnetbar最新版已经发布到9.1了，但是9.1的破解版我还没找到，所以就先把9.0的共享出来。下载地址http://u.115.com/file/f08a356d5d。从8.0版开始，这个控件好像有个bug，就是必须在.NET程序集里注册后才能正常使用，所以如果碰到控件无法显示在窗体上的情况，请将DevComponents.DotNetBar2.dll等文件复制到C:\Windows\Assembly文件夹下，然后重新打开工程文件就OK了。

<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="DevComponents DotNetBar 8.2 破解版 For .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar82&from=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-9-0-crack-keygen">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617379.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">DevComponents DotNetBar 8.2 破解版 For .NET</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="DevComponents DotNetBar 7.6.0.0 破解版 For .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-7600-crack&from=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-9-0-crack-keygen">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617379.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">DevComponents DotNetBar 7.6.0.0 破解版 For .NET</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Windows7 Beta官方下载" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fwindows7-beta-download-microsoft&from=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-9-0-crack-keygen">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617480.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Windows7 Beta官方下载</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Android LiveCD下载" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fandroid-livecd-iso&from=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-9-0-crack-keygen">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617387.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Android LiveCD下载</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="4 套在线翻译 Web API" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ffour-translate-web-api&from=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-9-0-crack-keygen">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/09/14/30889336.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">4 套在线翻译 Web API</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>其实Dotnetbar最新版已经发布到9.1了，但是9.1的破解版我还没找到，所以就先把9.0的共享出来。下载地址<a href="http://u.115.com/file/f08a356d5d" target="_blank">http://u.115.com/file/f08a356d5d</a>。从8.0版开始，这个控件好像有个bug，就是必须在.NET程序集里注册后才能正常使用，所以如果碰到控件无法显示在窗体上的情况，请将DevComponents.DotNetBar2.dll等文件复制到C:\Windows\Assembly文件夹下，然后重新打开工程文件就OK了。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="DevComponents DotNetBar 8.2 破解版 For .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar82&from=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-9-0-crack-keygen">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617379.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">DevComponents DotNetBar 8.2 破解版 For .NET</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="DevComponents DotNetBar 7.6.0.0 破解版 For .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-7600-crack&from=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-9-0-crack-keygen">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617379.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">DevComponents DotNetBar 7.6.0.0 破解版 For .NET</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Windows7 Beta官方下载" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fwindows7-beta-download-microsoft&from=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-9-0-crack-keygen">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617480.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Windows7 Beta官方下载</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Android LiveCD下载" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fandroid-livecd-iso&from=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-9-0-crack-keygen">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617387.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Android LiveCD下载</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="FlexiGrid IE8修复和扩展，适应新版jQuery" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend&from=http%3A%2F%2Fwww.imwls.com%2Fdevcomponents-dotnetbar-9-0-crack-keygen">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">FlexiGrid IE8修复和扩展，适应新版jQuery</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/devcomponents-dotnetbar-9-0-crack-keygen/feed</wfw:commentRss>
		<slash:comments>35</slash:comments>
		</item>
		<item>
		<title>在ASP.NET中使用Windows身份验证</title>
		<link>http://www.imwls.com/asp-net-using-windows-authentication</link>
		<comments>http://www.imwls.com/asp-net-using-windows-authentication#comments</comments>
		<pubDate>Mon, 22 Nov 2010 10:27:03 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Asp.NET]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1481</guid>
		<description><![CDATA[前面发布了一篇ASP.NET提供哪些身份验证方式？，那么如何在ASP.NET中使用Windows身份验证呢？

（1）设置Web.config文件

Windows身份验证只适用于放在受控环境里的网站。在应用程序中必须正确的设置web.config文件才能够在ASP.NET应用程序里使用Windows身份验证。

<span class="readmore"><a href="http://www.imwls.com/asp-net-using-windows-authentication" title="在ASP.NET中使用Windows身份验证">阅读全文——共1091字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="ASP.NET提供哪些身份验证方式？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET提供哪些身份验证方式？</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET(C#)生成柱状图和饼图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617352.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET(C#)生成柱状图和饼图</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP常用自定义函数--IsValidEmail()" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-function-isvalidemail&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617374.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP常用自定义函数--IsValidEmail()</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP常用自定义函数--ShowMsg" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-function-showmsg&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617349.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP常用自定义函数--ShowMsg</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>前面发布了一篇<a href="http://www.imwls.com/asp-net-authenticaton-overview">ASP.NET提供哪些身份验证方式？</a>，那么如何在ASP.NET中使用Windows身份验证呢？<br />
<span style="background-color: green; font-weight: bold; font-size: 110%; color: black;">（1）设置Web.config文件</span></p>
<p>Windows身份验证只适用于放在受控环境里的网站。在应用程序中必须正确的设置web.config文件才能够在ASP.NET应用程序里使用Windows身份验证。<span id="more-1481"></span></p>
<p>在Visual Studio.NET中打开一个项目，在“解决方案资源管理器”中，双击web.config，打开web.config文件，在里面加入以下设置：</p>
<p><img class="alignnone size-full wp-image-1483" title="asp-net-windows-authentication-01" src="http://www.imwls.com/wp-content/uploads/2010/11/asp-net-windows-authentication-01.png" alt="" width="453" height="257" /></p>
<p>如上图修改了web.config之后，再次访问web.config浏览器就会弹出下图对话框：</p>
<p><img class="alignnone size-full wp-image-1484" title="asp-net-windows-authentication-02" src="http://www.imwls.com/wp-content/uploads/2010/11/asp-net-windows-authentication-02.png" alt="" width="326" height="355" /></p>
<p><span style="background-color: green; font-weight: bold; font-size: 110%; color: black;">（2）全局验证函数</span></p>
<p>当用户访问页面通过了Windows身份验证，ASP.NET就会处罚Global.asax文件中的WindowsAuthentication_OnAuthenticate事件，在这个事件，可以实现System.Security.Principal.Iprincipal接口的类附加到请求上，也可以用已有类的对象附在请求上，比如将一个WindowsPrincipal类的对象附在请求上。这样，在各个页面都可以通过访问User类来访问用户相关信息。</p>
<p>例如：在Visual Studio.NET中打开Global.asax文件，在代码中增加如下图函数，就将一个WindowsPrincipal类的对象附在了User对象上。</p>
<p><img class="alignnone size-full wp-image-1485" title="asp-net-windows-authentication-03" src="http://www.imwls.com/wp-content/uploads/2010/11/asp-net-windows-authentication-03.png" alt="" width="687" height="78" /></p>
<p><span style="background-color: green; font-weight: bold; font-size: 110%; color: black;">（3）在页面中编写代码</span></p>
<p>.NET FrameWork提供了使用Windows验证方式实现安全所需要的类。这些类被包括在System.Web.Security和System.Security.Principal这两个命名空间中。</p>
<p>引入这两个命名空间后，就可以使用适当的安全类来访问当前的用户设置。当使用Windows身份验证时，ASP.NET将WindowsPrincipal类的对象附加到当前请求。该对象有URL身份验证使用。应用程序也可以以编程方式来确定请求标识是否在给定角色中。在页面代码中，可以用User对象来查看当前通过验证的用户名字和验证类型等。下面的代码实现了通过Windows身份验证之后，显示出用户名及验证方式。</p>
<div id="attachment_1486" class="wp-caption alignnone" style="width: 982px"><a href="http://www.imwls.com/wp-content/uploads/2010/11/asp-net-windows-authentication-04.png"><img class="size-full wp-image-1486  " title="点击查看完整图片" src="http://www.imwls.com/wp-content/uploads/2010/11/asp-net-windows-authentication-04.png" alt="" width="972" height="528" /></a><p class="wp-caption-text">点击查看完整图片</p></div>
<p><img class="alignnone size-full wp-image-1482" title="asp-net-windows-authentication-05" src="http://www.imwls.com/wp-content/uploads/2010/11/asp-net-windows-authentication-05.png" alt="" width="509" height="98" /></p>
<p><div class="note"><div class="notetip">Windows验证方式只适用于放在受控环境里的网站，例如企业内网（Intranet），以便于利用域控制进行集中式的统一管理。在通常情况下，Windows验证方式是不适合于互联网条件下的验证。</div></div></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="ASP.NET提供哪些身份验证方式？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET提供哪些身份验证方式？</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET(C#)生成柱状图和饼图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617352.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET(C#)生成柱状图和饼图</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP常用自定义函数--IsValidEmail()" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-function-isvalidemail&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617374.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP常用自定义函数--IsValidEmail()</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP常用自定义函数--ShowMsg" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-function-showmsg&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617349.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP常用自定义函数--ShowMsg</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/asp-net-using-windows-authentication/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>ASP.NET提供哪些身份验证方式？</title>
		<link>http://www.imwls.com/asp-net-authenticaton-overview</link>
		<comments>http://www.imwls.com/asp-net-authenticaton-overview#comments</comments>
		<pubDate>Mon, 22 Nov 2010 08:17:46 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Asp.NET]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1474</guid>
		<description><![CDATA[在ASP.NET中讨论安全性，首先要解决一个问题：谁有权利进入系统？为了解决这个问题，通常做法就是系统维护一张允许进入的用户的名单。当用户要求进入系统时，系统判断他是否为合法用户。这样一来，问题就被转化为如何有效地判别一个用户是否是系统的有效用户，这个过程称为“Authentication（身份验证）”过程。

接受用户凭据，并根据指定的颁发机构来验证凭据的过程称为身份验证。用户的（或者潜在的应用程序或计算机的）标识被称为安全当事者。客户端必须提供凭据，以便服务器验证当事者的标识。确认标识后，应用程序就能授权当事者访问系统资源。

<span class="readmore"><a href="http://www.imwls.com/asp-net-authenticaton-overview" title="ASP.NET提供哪些身份验证方式？">阅读全文——共1030字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="在ASP.NET中使用Windows身份验证" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617310.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在ASP.NET中使用Windows身份验证</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET(C#)生成柱状图和饼图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617352.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET(C#)生成柱状图和饼图</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JSON in .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617394.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JSON in .NET</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP常用自定义函数--ShowMsg" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-function-showmsg&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617349.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP常用自定义函数--ShowMsg</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>在ASP.NET中讨论安全性，首先要解决一个问题：谁有权利进入系统？为了解决这个问题，通常做法就是系统维护一张允许进入的用户的名单。当用户要求进入系统时，系统判断他是否为合法用户。这样一来，问题就被转化为如何有效地判别一个用户是否是系统的有效用户，这个过程称为“Authentication（身份验证）”过程。<span id="more-1474"></span></p>
<p>接受用户凭据，并根据指定的颁发机构来验证凭据的过程称为身份验证。用户的（或者潜在的应用程序或计算机的）标识被称为安全当事者。客户端必须提供凭据，以便服务器验证当事者的标识。确认标识后，应用程序就能授权当事者访问系统资源。</p>
<p>ASP.NET和IIS一起为用户提供验证服务。<span style="text-decoration: underline;">ASP.NET有3种用户验证方式，即Windows验证，窗体（Forms）验证和护照（Passport）验证</span>，要激活ASP.NET的身份验证，必须在ASP.NET应用程序的配置文件Web.config中配置&lt;authentication&gt;元素，该元素会具有下表中列出的值。</p>
<p><em><span style="color: #808080;">&lt;authentication&gt;元素的值：</span></em></p>
<table border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="100" valign="top">值</td>
<td width="1068" valign="top">说明</td>
</tr>
<tr>
<td width="100" valign="top">None</td>
<td width="1068" valign="top">ASP.NET不采用身份验证方式</td>
</tr>
<tr>
<td width="100" valign="top">Windows</td>
<td width="1068" valign="top">ASP.NET将采用Windows身份验证方式，IIS根据应用程序的设置执行身份验证（基本、简要或集成Windows）。要使用这种验证方式，在IIS中必须禁用匿名访问。</td>
</tr>
<tr>
<td width="100" valign="top">Forms</td>
<td width="1068" valign="top">ASP.NET身份验证用Cookie来保存用户凭证，并将未经身份验证的用户重定向到自定义的登录页。它通常与IIS选项一起使用以允许匿名访问应用程序。</td>
</tr>
<tr>
<td width="100" valign="top">Passport</td>
<td width="1068" valign="top">身份验证是通过Microsoft的集中身份验证服务执行的，它为成员站点提供单独登录和核心配置文件服务。</td>
</tr>
</tbody>
</table>
<p>例如，打开ASP.NET应用程序的web.config文件，加上如下的配置元素，将为应用程序启用基于窗体的身份验证。</p>
<blockquote><p>&lt;configuration&gt;</p>
<p>&lt;system.web&gt;</p>
<p>&lt;authentication mode="Forms" /&gt;</p>
<p>&lt;/system.web&gt;</p>
<p>&lt;/configuration&gt;</p></blockquote>
<p><div class="note"><div class="notetip">由于验证方式各不相同，因而这3种验证方式在使用范围上也有很大的不同，Windows验证方式只适用于在受控环境里的网站；也就是说，更适合于企业内网（Intranet）。窗体认证特别适合不只于互联网的应用，而护照验证方式适合于跨站之间的应用，用户只用一个用户名和密码可以访问任何成员站，并且在注销离开时，所有护照相关的信息都会清除，你可以在公共场合放心地使用它。</div></div></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="在ASP.NET中使用Windows身份验证" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617310.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在ASP.NET中使用Windows身份验证</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET(C#)生成柱状图和饼图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617352.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET(C#)生成柱状图和饼图</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JSON in .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617394.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JSON in .NET</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP常用自定义函数--ShowMsg" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-function-showmsg&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617349.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP常用自定义函数--ShowMsg</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/asp-net-authenticaton-overview/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>8个你未见过的HTＭL5动画效果</title>
		<link>http://www.imwls.com/8-simply-amazing-html5-canvas-and-javascript-animations</link>
		<comments>http://www.imwls.com/8-simply-amazing-html5-canvas-and-javascript-animations#comments</comments>
		<pubDate>Sat, 21 Aug 2010 22:56:03 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[HTML5]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1450</guid>
		<description><![CDATA[HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8  个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5  彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。

Tunnelers



<span class="readmore"><a href="http://www.imwls.com/8-simply-amazing-html5-canvas-and-javascript-animations" title="8个你未见过的HTＭL5动画效果">阅读全文——共481字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="我曾今的碎碎念(5)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F%25E6%2588%2591%25E6%259B%25BE%25E4%25BB%258A%25E7%259A%2584%25E7%25A2%258E%25E7%25A2%258E%25E5%25BF%25B55&from=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617547.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">我曾今的碎碎念(5)</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="5个非常“简单”的网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ffive-simple-web-sites&from=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1541849.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">5个非常“简单”的网站</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="嘉恋" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F%25E5%2598%2589%25E6%2581%258B&from=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/12/22311238.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">嘉恋</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>HTML5 的 Canvas 对象将改变 JavaScript 的使命，使之成为 HTML5 下强大的动画脚本编写工具。本文介绍了 8  个你从未见过的，基于 HTML5 Canvas 和 JavaScript 的动画，这些令人难以置信的效果将使你对 HTML5  彻底折服。需要指出的是，这些都是浏览器的原生动画，无需任何插件。<span id="more-1450"></span></p>
<p><strong><a href="http://ghost-hack.com/post/jsexperiments/tunneler/tunneler.html">Tunnelers</a></strong></p>
<p><img class="alignnone size-full wp-image-1453" title="1" src="http://www.imwls.com/wp-content/uploads/2010/08/1.jpg" alt="" width="450" height="200" /></p>
<p>纯 JavaScript + HTML5 Canvas 生成的交互动画，难以置信。</p>
<p><strong><a href="http://danforys.com/mesmerizer/">The Mesmerizer</a></strong></p>
<p><img class="alignnone size-full wp-image-1454" title="2" src="http://www.imwls.com/wp-content/uploads/2010/08/2.jpg" alt="" width="450" height="200" /></p>
<p>在格子中移动鼠标，颜色随着改变并扩散到周围的格子，很迷幻。用鼠标点四角的格子，或按键盘，可以看到更奇妙的效果。</p>
<p><strong><a href="http://guciek.net/test/burn">Burn</a></strong><br />
<img class="alignnone size-full wp-image-1460" title="3" src="http://www.imwls.com/wp-content/uploads/2010/08/3.jpg" alt="" width="450" height="200" /><br />
在页面上移动鼠标，或按下鼠标，这样的效果，很难相信是浏览器原生的。</p>
<p><strong><a href="http://spencertipping.com/beta/cheloniidae-live-b1/">Cheloniidae  Live</a></strong></p>
<p><img class="alignnone size-full wp-image-1455" title="4" src="http://www.imwls.com/wp-content/uploads/2010/08/4.jpg" alt="" width="450" height="200" /></p>
<p>也是基于纯粹的 JavaScript，不过使用了一个 JavaScript 库。很有趣，你可以通过修改其 JavaScript 代码实现自己的效果（可惜被墙了）。</p>
<p><strong><a href="http://www.xs4all.nl/%7Epeterned/3d">Canvas 3D engine</a></strong></p>
<p><img class="alignnone size-full wp-image-1456" title="5" src="http://www.imwls.com/wp-content/uploads/2010/08/5.jpg" alt="" width="450" height="200" /></p>
<p>一个基于 Canvas 的 3D 引擎。目前只支持预设的图形，纹理及基本交互功能。</p>
<p><strong><a href="http://bomomo.com/">Bomomo</a></strong></p>
<p><img class="alignnone size-full wp-image-1457" title="6" src="http://www.imwls.com/wp-content/uploads/2010/08/6.jpg" alt="" width="450" height="200" /></p>
<p>很值得一试。</p>
<p><strong><a href="http://the389.com/works/three/">DDD</a></strong></p>
<p><img class="alignnone size-full wp-image-1459" title="8" src="http://www.imwls.com/wp-content/uploads/2010/08/8.jpg" alt="" width="450" height="200" /></p>
<p>这个交互动画也很有趣。</p>
<p><strong><a href="http://openrise.com/lab/PlasmaTree/">Plasma Tree</a></strong></p>
<p><img class="alignnone size-full wp-image-1458" title="7" src="http://www.imwls.com/wp-content/uploads/2010/08/7.jpg" alt="" width="450" height="200" /></p>
<p>非常阿凡达。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="我曾今的碎碎念(5)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F%25E6%2588%2591%25E6%259B%25BE%25E4%25BB%258A%25E7%259A%2584%25E7%25A2%258E%25E7%25A2%258E%25E5%25BF%25B55&from=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617547.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">我曾今的碎碎念(5)</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="5个非常“简单”的网站" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ffive-simple-web-sites&from=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1541849.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">5个非常“简单”的网站</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="嘉恋" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F%25E5%2598%2589%25E6%2581%258B&from=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/12/22311238.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">嘉恋</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/8-simply-amazing-html5-canvas-and-javascript-animations/feed</wfw:commentRss>
		<slash:comments>19</slash:comments>
		</item>
		<item>
		<title>关于JavaScript/jQuery事件冒泡</title>
		<link>http://www.imwls.com/about-javascript-jquery-event-propagation</link>
		<comments>http://www.imwls.com/about-javascript-jquery-event-propagation#comments</comments>
		<pubDate>Sun, 13 Jun 2010 12:30:11 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.imwls.com/about-javascript-jquery-event-propagation/</guid>
		<description><![CDATA[JavaSciprt事件中有两个很重要的特性：事件冒泡以及目标元素。

事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。

目标元素: 任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上，等待一个事件从它的子级元素里冒泡上来，并且可以很方便地得知这个事件是从哪个元素开始的。

<span class="readmore"><a href="http://www.imwls.com/about-javascript-jquery-event-propagation" title="关于JavaScript/jQuery事件冒泡">阅读全文——共2603字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="流行的jQuery信息提示插件(jQuery Tooltip Plugin)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin&from=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/07/31/20265713.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">流行的jQuery信息提示插件(jQuery Tooltip Plugin)</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery CheckBox全选" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone&from=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617319.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery CheckBox全选</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Javascript中===与==区别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal&from=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617345.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Javascript中===与==区别</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>JavaSciprt事件中有两个很重要的特性：事件冒泡以及目标元素。</p>
<p>事件冒泡: 当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。</p>
<p><span id="more-1363"></span>目标元素: 任何一个事件的目标元素都是最开始的那个元素，在我们的这个例子中也就是按钮，并且它在我们的元素对象中以属性的形式出现。使用事件代理的话我们可以把事件处理器添加到一个元素上，等待一个事件从它的子级元素里冒泡上来，并且可以很方便地得知这个事件是从哪个元素开始的。</p>
<p><strong>事件的冒泡和捕获</strong></p>
<p>捕获是从上级元素到下级元素，冒泡是从下级元素到上级元素.</p>
<p>在IE中，每个元素和window对象都有两个方法：attachEvent()和detachEvent()。attachEvent()用来给一个事件附加事件处理函数。而detachEvent()用来将事件处理函数分离出来。Eg.</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> fnClick <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>“Clicked<span style="color: #339933;">!</span>”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">var</span> oDiv <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementById</span><span style="color: #009900;">&#40;</span>“div1”<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
oDiv.<span style="color: #660066;">attachEvent</span><span style="color: #009900;">&#40;</span>“onclick”<span style="color: #339933;">,</span> fnClick<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
oDiv.<span style="color: #660066;">detachEvent</span><span style="color: #009900;">&#40;</span>“onclick”<span style="color: #339933;">,</span> fnClick<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><strong>事件的冒泡有什么好处呢？</strong></p>
<p>想象一下现在我们有一个10列、100行的HTML表格，你希望在用户点击表格中的某一单元格的时候做点什么。比如说我有一次就需要让表格中的每一个单元格在被点击的时候变成可编辑状态。如果把事件处理器加到这1000个单元格会产生一个很大的性能问题，并且有可能导致内存泄露甚至是浏览器的崩溃。相反地，使用事件代理的话，你只需要把一个事件处理器添加到table元素上就可以了，这个函数可以把点击事件给截下来，并且判断出是哪个单元格被点击了。</p>
<p>代码很简单，我们所要关心的只是如何检测目标元素而已。比方说我们有一个 table元素，ID是“report”，我们为这个表格添加一个事件处理器以调用editCell函数。editCell函数需要判断出传到table 来的事件的目标元素。考虑到我们要写的几个函数中都有可能用到这一功能，所以我们把它单独放到一个名为getEventTarget的函数中：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> getEventTarget<span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
   e <span style="color: #339933;">=</span> e <span style="color: #339933;">||</span> window.<span style="color: #660066;">event</span><span style="color: #339933;">;</span>
   <span style="color: #000066; font-weight: bold;">return</span> e.<span style="color: #660066;">target</span> <span style="color: #339933;">||</span> e.<span style="color: #660066;">srcElement</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>e这个变量表示的是一个事件对象，我们只需要写一点点跨浏览器的代码来返回目标元素，在IE里目标元素放在srcElemtn属性或event.toElement属性中，而在其它浏览器里则是target或event.relatedTarget属性。</p>
<p>接下来就是editCell函数了，这个函数调用到了 getEventTarget函数。一旦我们得到了目标元素之后，剩下的事情就是看看它是否是我们所需要的那个元素了。</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> editCell<span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
   <span style="color: #003366; font-weight: bold;">var</span> target <span style="color: #339933;">=</span> getEventTarget<span style="color: #009900;">&#40;</span>e<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
   <span style="color: #000066; font-weight: bold;">if</span><span style="color: #009900;">&#40;</span>target.<span style="color: #660066;">tagName</span>.<span style="color: #660066;">toLowerCase</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">===</span> <span style="color: #3366CC;">'td'</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
     <span style="color: #006600; font-style: italic;">// DO SOMETHING WITH THE CELL</span>
   <span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>在editCell函数中，我们通过检查目标元素标签名称的方法来确定它是否是一个表格的单元格。这种检查也许过于简单了点；如果它是这个目标元素单元格里的另一个元素呢？我们需要为代码做一点小小的修改以便于其找出父级的td 元素。如果说有些单元格不需要被编辑怎么办呢？此种情况下我们可以为那些不可编辑的单元格添加一个指定的样式名称，然后在把单元格变成可编辑状态之前先检查它是否不包含那个样式名称。选择总是多样化的，你只需找到适合你应用程序的那一种。</p>
<p><strong>事件冒泡的优点和缺点:</strong></p>
<p>1.那些需要创建的以及驻留在内存中的事件处理器少了。</p>
<p>这是很重要的一点，这样我们就提高了性能，并降低了崩溃的风险。</p>
<p>2.在DOM更新后无须重新绑定事件处理器了。</p>
<p>如果你的页面是动态生成的，比如说通过Ajax，你不再需要在元素被载入或者卸载的时候来添加或者删除事件处理器了。</p>
<p>潜在的问题也许并不那么明显，但是一旦你注意到这些问题，你就可以轻松地避免它们：你的事件管理代码有成为性能瓶颈的风险，所以尽量使它能够短小精悍。</p>
<p><strong>不是所有的事件都能冒泡</strong></p>
<p>blur、focus、load和unload不能像其它事件一样冒泡。事实上blur和focus可以用事件捕获而非事件冒泡的方法获得（在IE之外的其它浏览器中）。</p>
<p><strong>需要注意的是:</strong></p>
<p>如果你的代码处理mousemove事件的话你遇上性能瓶颈的风险可就大了，因为mousemove事件触发非常频繁。而mouseout则因为其怪异的表现而变得很难用事件代理来管理。</p>
<p><strong>如何避免事件冒泡:</strong></p>
<p><strong>1.方法</strong></p>
<p><a href="http://www.imwls.com/wp-content/uploads/2010/06/Untitled1.png" target="_blank"><img style="display: inline; border: 0px;" title="Untitled" src="http://www.imwls.com/wp-content/uploads/2010/06/Untitled_thumb.png" border="0" alt="Untitled" width="644" height="453" /></a></p>
<p>2.方法</p>
<p>在IE下解决问题很简单，用onMouseEnter、 onMouseLeave来代替onMouseOver、onMouseOut就行了，他们的作用基本相同，前者不会发生冒泡。但是 firefox下没有这两个事件.</p>
<p>3.方法:</p>
<p>window.event.cancelBubble = true (IE)   event.stopPropagation()  event.preventDefault() (Firefox)</p>
<p><strong>阻止jQuery事件冒泡</strong></p>
<p>jQuery对DOM的事件触发具有冒泡特性。有时利用这一特性可以减少重复代码，但有时候我们又不希望事件冒泡。这个时候就要阻止 jQuery.Event冒泡。</p>
<p>在<a href="http://docs.jquery.com/Events/jQuery.Event">jQuery.Event的文档</a>中的开头得知，jQuery.Event对象是符合W3C标准的一个事件对象，同时jQuery.Event免去了检查兼容IE的步骤。</p>
<p>jQuery.Event提供了一个非常简单的方法来阻止事件冒泡：<strong>event.stopPropagation();</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;p&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>event<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
     event.<span style="color: #660066;">stopPropagation</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
     <span style="color: #006600; font-style: italic;">// do something</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span></pre></div></div>

<p>但是这个方法对使用<a href="http://docs.jquery.com/Events/live">live</a>绑定的事件没有作用，需要一个更简单的方法阻止事件冒泡：<strong>return false;</strong></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">after</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Another paragraph!&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #000066; font-weight: bold;">return</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>  <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="流行的jQuery信息提示插件(jQuery Tooltip Plugin)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin&from=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/07/31/20265713.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">流行的jQuery信息提示插件(jQuery Tooltip Plugin)</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery CheckBox全选" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone&from=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617319.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery CheckBox全选</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Javascript中===与==区别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal&from=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617345.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Javascript中===与==区别</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/about-javascript-jquery-event-propagation/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>jQuery CheckBox全选</title>
		<link>http://www.imwls.com/jquery-checkbox-checkall-checknone</link>
		<comments>http://www.imwls.com/jquery-checkbox-checkall-checknone#comments</comments>
		<pubDate>Fri, 11 Jun 2010 12:02:42 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.imwls.com/jquery-checkbox-checkall-checknone/</guid>
		<description><![CDATA[其实这个只要熟悉了jQuery，基本上都能写得出来。在没接触jQuery之前，使用原生的JS写，虽然代码不是很多，但是也挺麻烦的。在这里不得不赞叹jQuery的选择器是多么的好用！





<span class="readmore"><a href="http://www.imwls.com/jquery-checkbox-checkall-checknone" title="jQuery CheckBox全选">阅读全文——共603字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="最全的jQuery表格插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/06/7738696.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">最全的jQuery表格插件</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="流行的jQuery信息提示插件(jQuery Tooltip Plugin)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/07/31/20265713.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">流行的jQuery信息提示插件(jQuery Tooltip Plugin)</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于JavaScript/jQuery事件冒泡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/23/16499891.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于JavaScript/jQuery事件冒泡</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>其实这个只要熟悉了jQuery，基本上都能写得出来。在没接触jQuery之前，使用原生的JS写，虽然代码不是很多，但是也挺麻烦的。在这里不得不赞叹jQuery的选择器是多么的好用！</p>
<p><span id="more-1347"></span></p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">$<span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
	$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#inputChkAll'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">click</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
		$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;input[name='chkJob']&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;checked&quot;</span><span style="color: #339933;">,</span> $<span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;checked&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span><span style="color: #006600; font-style: italic;">//注意此处</span>
	<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>代码如上，#inputChkAll用来全选或者全不选的CheckBox控件，其控制了name='chkJob'这个复选组。</p>
<p><img style="display: inline; border: 0px;" title="jquery-checkbox-checkall" src="http://www.imwls.com/wp-content/uploads/2010/06/jquerycheckboxcheckall1.png" border="0" alt="jquery-checkbox-checkall" width="735" height="302" /></p>
<p>现在回过头再来看看以前用JS如何实现全选和全不选的：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #006600; font-style: italic;">//全选</span>
<span style="color: #003366; font-weight: bold;">function</span> checkall<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> all <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;input&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> all.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>all<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">type</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;checkbox&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			all<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">checked</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span>
&nbsp;
<span style="color: #006600; font-style: italic;">// 反选</span>
<span style="color: #003366; font-weight: bold;">function</span> checknull<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
	<span style="color: #003366; font-weight: bold;">var</span> all <span style="color: #339933;">=</span> document.<span style="color: #660066;">getElementsByTagName</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;input&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #000066; font-weight: bold;">for</span> <span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">var</span> i <span style="color: #339933;">=</span> <span style="color: #CC0000;">0</span><span style="color: #339933;">;</span> i <span style="color: #339933;">&amp;</span>lt<span style="color: #339933;">;</span> all.<span style="color: #660066;">length</span><span style="color: #339933;">;</span> i<span style="color: #339933;">++</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
		<span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>all<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">type</span> <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;checkbox&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
			all<span style="color: #009900;">&#91;</span>i<span style="color: #009900;">&#93;</span>.<span style="color: #660066;">checked</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">;</span>
		<span style="color: #009900;">&#125;</span>
	<span style="color: #009900;">&#125;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="最全的jQuery表格插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/06/7738696.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">最全的jQuery表格插件</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="流行的jQuery信息提示插件(jQuery Tooltip Plugin)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/07/31/20265713.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">流行的jQuery信息提示插件(jQuery Tooltip Plugin)</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于JavaScript/jQuery事件冒泡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/23/16499891.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于JavaScript/jQuery事件冒泡</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/jquery-checkbox-checkall-checknone/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>如何使CSS跨浏览器兼容</title>
		<link>http://www.imwls.com/how-to-set-css-compatible-in-different-browser</link>
		<comments>http://www.imwls.com/how-to-set-css-compatible-in-different-browser#comments</comments>
		<pubDate>Wed, 09 Jun 2010 05:52:21 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1338</guid>
		<description><![CDATA[作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，完美的跨  浏览器兼容并不必要，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS  编码准则和技巧。



理解 CSS 盒子模型

<span class="readmore"><a href="http://www.imwls.com/how-to-set-css-compatible-in-different-browser" title="如何使CSS跨浏览器兼容">阅读全文——共3259字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="善用IE的条件注释语句" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fconditional-comments-ie&from=http%3A%2F%2Fwww.imwls.com%2Fhow-to-set-css-compatible-in-different-browser">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617390.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">善用IE的条件注释语句</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Firefox里面实现页面半透明" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ffirefox-touming&from=http%3A%2F%2Fwww.imwls.com%2Fhow-to-set-css-compatible-in-different-browser">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617496.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Firefox里面实现页面半透明</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Web 领域那些阴魂不散的产品，技术与思想" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-web-undead&from=http%3A%2F%2Fwww.imwls.com%2Fhow-to-set-css-compatible-in-different-browser">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/09/153546.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Web 领域那些阴魂不散的产品，技术与思想</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="网页转场效果" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fweb-xiaoguo&from=http%3A%2F%2Fwww.imwls.com%2Fhow-to-set-css-compatible-in-different-browser">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617353.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">网页转场效果</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关闭浏览器窗体时弹出提示框较完美解决方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fclosewebform&from=http%3A%2F%2Fwww.imwls.com%2Fhow-to-set-css-compatible-in-different-browser">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/04/08/5252482.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关闭浏览器窗体时弹出提示框较完美解决方法</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>作为 Web 设计师，你的网站在各种浏览器中有完全一样的表现是很多人的目标，然而这是一个永远无法真正实现的目标，很多人认为，<a href="http://dowebsitesneedtolookexactlythesameineverybrowser.com/">完美的跨  浏览器兼容并不必要</a>，这样说虽然没错，但在很多情形，一种近似的兼容还是很容易实现的，本文讲的是各种跨浏览器兼容的 CSS  编码准则和技巧。<span id="more-1338"></span></p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/browsers-css.jpg" alt="Browsers-css in The Principles Of Cross-Browser CSS  Coding" width="500" height="500" /><br />
理解 CSS 盒子模型<br />
如果你想实现不需要很多奇巧淫技的跨浏览器兼容的  CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS 盒子模型并不难，且基本支持所有浏览器，除了某些特定条件下的 IE 浏览器。</p>
<p>CSS 盒子模型负责处理以下事情:</p>
<ul>
<li>一个 blcok （区块）级对象占据多大的空间</li>
<li>该对象的边界，留白</li>
<li>盒子的尺寸</li>
<li>盒子与页面其它元素的相对位置</li>
</ul>
<div id="news_content">
<p>CSS 盒子模型有以下准则:</p>
</div>
<ul>
<li>Block （区块）对象都是矩形 （事实上所有对象都如此）</li>
<li>其尺寸由 width, height, padding,  borders, 以及 margins 决定</li>
<li>如果不设置高度，该盒子的高度将自动适应其包含的内容，加上留白等（除非使用了 float）</li>
<li>如果不设置宽度，一个非 float 型盒子水平上将充满其父容器（扣除父容器的留白）</li>
</ul>
<div id="news_content">
<p>处理 block 级对象时，必须注意以下事项:</p>
</div>
<ul>
<li>如果一个盒子的宽度设置为 100%，它就不能再设置 margins, padding, 和 borders，否则会撑破其父容器</li>
<li>垂直毗邻的 margin 会引起<a href="http://reference.sitepoint.com/css/collapsingmargins">复杂的坍塌问题</a>， 导致布局问题（比如两个垂直毗邻的 Block 对象，上面的对象的 bottom-margin 为 40，下面的对象的  top-margin 为  20，则两个对象的间距将是 40，而不是 60 - 译者）</li>
<li>拥有相对位置和绝对位置的对象，拥有不同的行为</li>
</ul>
<div id="news_content">
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/css-box-model.gif" alt="Css-box-model in The Principles Of Cross-Browser CSS  Coding" width="500" height="270" /><br />
<strong><em>在  Firefox 的 Firebug 中显示的盒子模型<br />
</em></strong><br />
理解 block  级和 inline 级  对象的区别<br />
这个看似简单的问题事如果能透彻地理解，会<a href="http://css-tricks.com/the-css-ah-ha-moment/">受益匪浅</a>。</p>
<p>下图讲 解了 block 级对象和 inline 级对象的区别:</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/block-inline.jpg" alt="Block-inline in The  Principles Of Cross-Browser CSS Coding" width="500" height="500" /></p>
<p>下面是 block  级对象和 inline 级对象的基本区别:</p>
</div>
<ul>
<li>Block 级对象会自然地水平充满其父容器，因此没有必要为之设置 100% 宽度属性</li>
<li>Block 级对象的起始摆放位置是其父容器的左上边界，并顺排在其前面的兄弟 Block 对象的下方（除非设置 float 或绝对位置）</li>
<li>Inline 级对象会忽略其宽度和高度设置</li>
<li>Inline 级对象会随着文字排版，并受排版属性的影响（如 white-space, font-size,  letter-spacing）</li>
<li>Inline 级对象可以使用 vertical-align 属性控制其垂直对齐，block 级对象不可以</li>
<li>Inline 级对象的下方会保留一些自然的空间，以适应字母 g 一类的会向下探出的笔画</li>
<li>一个设置为 float 的 inline 对象将变成 block 对象</li>
</ul>
<div id="news_content">
<p>理解 Floating 和 Clearing 属性<br />
实现多栏排版的最好方法是使用 <a href="http://www.smashingmagazine.com/2009/10/19/the-mystery-of-css-float-property/">float</a> 属性，float 也是一个将使你受益匪浅的属性。一个 float 对象可以居左或居右，一个设置为 float  的对象，将根据设置的方向，左移或右移到其父容器的边界，或其前面的 float 对象的边界，而紧随其后的非 float  对象或内容，则包围在其相反的方向。</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/float-css.jpg" alt="Float-css in The Principles Of  Cross-Browser CSS Coding" width="500" height="439" /></p>
<p>以下是使用 float 和  clear 属性的一些重要准则:</p>
</div>
<ul>
<li>一个 float 对象，将从其置身的 block 级非 float 内容流中跳出，换句话说，如果你要将一个 box 向左边  float，它后面的 block 级非  float 对象会显示到下方，inline 级内容会在旁边包围</li>
<li>要让一段内容从一侧包围一个 float  对象，这段内容必须要么是 inline 级的，要么也设置为相同方向的 float</li>
<li>一个 float 对象，如果没有设置宽度，则会自动缩成其包含的内容的宽度，因此最好为 float 对象明确设置宽度</li>
<li>如果一个 block  对象包含 float  子对象，会出现<a href="http://www.sitepoint.com/blogs/2005/02/26/simple-clearing-of-floats/">本 文中阐述的问题</a>。</li>
<li>一个设置了 clear 属性的对象，将不会包围其前面的 float 对象</li>
<li>一个既设置了 clear 又设置了 float 属性的对象，只有 clear:left 属性生效，clear:right 不起作用</li>
</ul>
<div id="news_content">
<p>首先使用 IE 进行测试<br />
虽然我们都痛恨 IE6 和  IE7，但当你开始一个新项目的时候，最好还是首先针对这两种浏览器进行测试，否则，如果你在设计在后期才想起针对 IE6 和 IE7  进行测试，将出现以下问题：</p>
</div>
<ul>
<li>你将不得不使用一些奇巧淫技，甚至使用独立的 IE6/7 CSS，导致 CSS 文件臃肿。</li>
<li>某些地方的布局将不得不重新设计</li>
<li>会增加测试的时间</li>
<li>你的布局在 IE/6/7 中和其它浏览器中不一样</li>
</ul>
<div id="news_content">
<p>如果你设计的是个人项目，Web 程序等，则不建议你针对旧版本 IE 做太多工作，而对一些公司类站点，它的用户群中有大量 IE  用户，这些技巧会让你避免大量的头痛。如果将 IE 的问题归类为 IE 的 BUG 而不去处理，会带来很多负面的影响，和 IE 和平共处是 Web  开发与设计者不可逃避的现实。</p>
<p>译者注：在 IE6/7  仍有大量用户基础的国内（感谢中行，建行，农行，工行，以及各级政府网站），忽视这两种浏览器是极不明智的，首先针对 IE6/7  进行设计是一种很好的方法，一般来说，在IE6/7 通过测试的站点，在 Firefox，Chrome，Safari，Opera  等标准浏览器面前基本不会出现问题，前提是，你的 CSS 设计是基于 W3C 标准的。<br />
IE 浏览器最常见的问题</p>
</div>
<ul>
<li>IE6 中不可滥用 float，否则会带来<a href="http://haslayout.net/css/Disappearing-Content-Bug">内容消失</a>以及<a href="http://www.impressivewebs.com/ie6-ghost-text-bug-with-multiple-solutions/">文 字重复</a>等稀奇古怪的问题</li>
<li>IE6 中，float 对象，在 float 方向的那边，会出现双倍 margin，将 display 设置为 inline  会解决这个问题</li>
<li>IE6/7 中，一个没有直接或间接设置 hasLayout 的对象，会发生各种稀奇古怪的问题 （译者注：对这类问题，zoom 这个  css 属性可以帮很大的忙，将 zoom 设置为除了 normal 之外的其它值，可以迫使一个对象 hasLayout  同时不影响这个对象的任何视觉外观）</li>
<li>IE6 不支持 min-width, max-width, min-height, max-height 一类的属性</li>
<li>IE6 不支持固定位置背景图</li>
<li>IE6/7 不支持很多 display 属性值（如 inline-table,  table-cell, table-row）</li>
<li>IE6 中，只有 a 这个对象才可以使用 :hover 这个伪类</li>
<li>IE 的某些版本对某些 CSS 选择器支持很少（如属性选择器，子对象选择器）</li>
<li>IE6~8 对 CSS3 的支持很有限 (不过有一些<a href="http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/">变 通方法</a>)</li>
</ul>
<div id="news_content">
<p>永远不要指望在所有浏览器中都一模一样<br />
在不同浏览器实现相同的体验个功能是可能的，实现近似像素级的一致外观也是可能的，但永远不要指 望一模一样。<br />
Form 控件在不同浏览器显示总是不同</p>
<p>以下是 <a href="http://www.facebook.com/">Facebook</a> 首页中的 select  控件，在5种不同浏览器的显示差异（基于 <a href="https://browserlab.adobe.com/">Adobe’s  Browserlab</a> 截图）</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/forms-browsers.jpg" alt="" width="500" height="331" /></p>
<p>某些 Form  控件，如果要求必须跨浏览器一致，可以找到变通办法，如，可以使用图片 替代 submit 按钮，但有一些控件，比如 radio，select，  textarea，文件选择框，是永远都不可能一模一样的。<br />
字体的表现都有差异<br />
先不谈有的字体在有的系统中根本不存 在，即时存在，它们在不同系统的渲染效果也不完全一样，比如，<a href="http://www.microsoft.com/typography/cleartype/tuner/step1.aspx">Windows    ClearType</a> 支持 IE7，但不支持 IE6，导致同一个字体在 IE7 和 IE6 有不同的样子。</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/cleartype-ie.jpg" alt="Cleartype-ie in The Principles Of Cross-Browser CSS Coding" width="500" height="381" /><br />
<strong><em>A  List Apart’s 文章字体在 IE6 and IE7 中的区别<br />
</em></strong><br />
使用 CSS 清零<br />
使用 CSS 清零（CSS Reset）是实现跨浏览器兼容的灵丹妙药，CSS 清零可以消除不同浏览器对  margin，padding 这些属性的默认表现，你可以更容易控制诸如对齐，间隙等等问题。推荐使用 <a href="http://meyerweb.com/eric/tools/css/reset/">Eric Meyer’s CSS  清零代码</a>。</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/reset-wd.jpg" alt="Reset-wd in The Principles Of Cross-Browser CSS  Coding" width="500" height="319" /><strong><em><br />
</em></strong></p>
<p>参考 SitePoint’s  CSS 兼容表<br />
<a href="http://reference.sitepoint.com/css">SitePoint CSS  Reference</a> 是一个非常好的资源（<a href="http://www.sitepoint.com/books/cssref1/">下载离线版</a>），可 以用来检查某些 CSS 属性的跨浏览器兼容问题</p>
<p><img src="http://media.smashingmagazine.com/cdn_smash/wp-content/uploads/2010/06/sitepoint-chart.jpg" alt="Sitepoint-chart in The  Principles Of Cross-Browser CSS Coding" width="500" height="127" /><strong><em><br />
</em></strong><br />
结语<br />
跨浏览器兼容是个永恒的话题，本文介绍的跨浏览器兼容 CSS 准则只是帮助 Web  开发设计者尽可能实现这一目标，除了这些，<a href="http://perishablepress.com/press/2010/01/11/css3-progressive-enhancement-smart-design/">基 于 CSS3 的渐进式增强设计也是一种趋势</a>，Web  开发与设计者可以针对某些浏览器提供增强功能，而在不支持这些增强功能的浏览器中降级使用基本功能。</p>
</div>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="善用IE的条件注释语句" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fconditional-comments-ie&from=http%3A%2F%2Fwww.imwls.com%2Fhow-to-set-css-compatible-in-different-browser">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617390.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">善用IE的条件注释语句</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Firefox里面实现页面半透明" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ffirefox-touming&from=http%3A%2F%2Fwww.imwls.com%2Fhow-to-set-css-compatible-in-different-browser">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617496.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Firefox里面实现页面半透明</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Web 领域那些阴魂不散的产品，技术与思想" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-web-undead&from=http%3A%2F%2Fwww.imwls.com%2Fhow-to-set-css-compatible-in-different-browser">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/09/153546.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Web 领域那些阴魂不散的产品，技术与思想</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="网页转场效果" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fweb-xiaoguo&from=http%3A%2F%2Fwww.imwls.com%2Fhow-to-set-css-compatible-in-different-browser">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617353.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">网页转场效果</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关闭浏览器窗体时弹出提示框较完美解决方法" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fclosewebform&from=http%3A%2F%2Fwww.imwls.com%2Fhow-to-set-css-compatible-in-different-browser">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/04/08/5252482.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关闭浏览器窗体时弹出提示框较完美解决方法</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/how-to-set-css-compatible-in-different-browser/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>最全的jQuery表格插件</title>
		<link>http://www.imwls.com/the-most-jquery-table-plugins</link>
		<comments>http://www.imwls.com/the-most-jquery-table-plugins#comments</comments>
		<pubDate>Wed, 05 May 2010 22:37:17 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1298</guid>
		<description><![CDATA[本文搜集了大量 jQuery 表格插件，帮助 Web 设计者更好地驾御 HTML  表格，你可以对表格进行横向和竖向排序，设置固定表头，对表格进行搜索，对大表格进行分页，对表格进行滚动，拖放操作等等。这些插件很多都包含详细的教 程。

jQuery 表格插件

Flexigrid – Web 2.0  Javscript Grid for jQuery - 可变列宽，自动适应表头宽度，可通过 Ajax 连接 XML 数据源，类似 Ext  Grid，但基于 jQuery 因此更轻量小巧。

<span class="readmore"><a href="http://www.imwls.com/the-most-jquery-table-plugins" title="最全的jQuery表格插件">阅读全文——共1588字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery CheckBox全选" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone&from=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617319.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery CheckBox全选</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于JavaScript/jQuery事件冒泡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation&from=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/23/16499891.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于JavaScript/jQuery事件冒泡</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="FlexiGrid IE8修复和扩展，适应新版jQuery" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend&from=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">FlexiGrid IE8修复和扩展，适应新版jQuery</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>本文搜集了大量 jQuery 表格插件，帮助 Web 设计者更好地驾御 HTML  表格，你可以对表格进行横向和竖向排序，设置固定表头，对表格进行搜索，对大表格进行分页，对表格进行滚动，拖放操作等等。这些插件很多都包含详细的教 程。<span id="more-1298"></span></p>
<h2>jQuery 表格插件</h2>
<p><a href="http://flexigrid.info/" target="_blank">Flexigrid – Web 2.0  Javscript Grid for jQuery</a> - 可变列宽，自动适应表头宽度，可通过 Ajax 连接 XML 数据源，类似 Ext  Grid，但基于 jQuery 因此更轻量小巧。</p>
<p><a href="http://flexigrid.info/" target="_blank"><img src="http://media.smashingmagazine.com/cdn_noupe/wp-content/uploads/2010/04/jquerytables_01.jpg" alt="" /></a></p>
<p><a href="http://www.chromaloop.com/posts/chromatable-jquery-plugin" target="_blank">Chromatable JQuery Plugin</a> -  固定表头，可滚动内容区，内容区滚动的时候表头位置保持不变。</p>
<p><a href="http://www.chromaloop.com/posts/chromatable-jquery-plugin" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_02.jpg" alt="" /></a></p>
<p><a href="http://www.reconstrukt.com/ingrid/" target="_blank">Ingrid,  the jQuery Datagrid</a> - 在 HTML 表格上加入列宽调整，分页，排序，行列式样等功能（<a href="http://www.reconstrukt.com/ingrid/src/example1.html" target="_blank">演示</a>）。</p>
<p><a href="http://www.reconstrukt.com/ingrid/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_03.jpg" alt="" /></a></p>
<p><a href="http://www.hanpau.com/index.php?page=jqtreetable" target="_blank">JQTreeTable</a> - 在表格中加入树形结构</p>
<p><a href="http://www.hanpau.com/index.php?page=jqtreetable" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_04.jpg" alt="" /></a></p>
<p><a href="http://www.webtoolkit.info/scrollable-html-table.html" target="_blank">Scrollable HTML table</a> - 将普通 HTML 表格变为可滚动状态。将表头部分放入  THEAD 区，内容部分放入 TBODY 区，脚注部分放入 TFOOT 区域，引用 webtoolkit.scrollabletable.js  文件，然后在每个表格后面创建 ScrollableTable() 对象即可（<a href="http://www.webtoolkit.info/demo/scrollable-html-table" target="_blank">演示</a>）。</p>
<p><a href="http://www.webtoolkit.info/scrollable-html-table.html" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_05.jpg" alt="" /></a></p>
<p><a href="http://www.sprymedia.co.uk/article/KeyTable" target="_blank">KeyTable</a> - 象 Excel 那样，在单元格之间巡游，可以现场编辑。</p>
<p><a href="http://www.sprymedia.co.uk/article/KeyTable" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_06.jpg" alt="" /></a></p>
<p><a href="http://blog.rebeccamurphey.com/2007/12/17/graph-table-data-jquery-flot/" target="_blank">graphTable</a> - 借助 <a href="http://code.google.com/p/flot/" target="_blank">flot</a> 将 HTML  表格中的内容变成图形（<a href="http://www.rebeccamurphey.com/jquery/graphTable/table.html" target="_blank">演示</a>）。</p>
<p><a href="http://blog.rebeccamurphey.com/2007/12/17/graph-table-data-jquery-flot/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_07.jpg" alt="" /></a></p>
<p><a href="http://www.datatables.net/" target="_blank">DataTables</a> -  非常强大的 jQuery 表格插件，可变宽页码浏览，现场过滤。多列排序，自动探测数据类型，智能列宽，可从几乎任何数据源获取数据。</p>
<p><a href="http://www.datatables.net/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_08.jpg" alt="" /></a></p>
<p><a href="http://www.trirand.com/blog/" target="_blank">jqGrid Plugin</a> - 基于 Ajax 的 jQuery 表格插件，可以 Ajax 方式从服务器端获取数据填充进来（<a href="http://trirand.com/blog/jqgrid/jqgrid.html" target="_blank">演示</a>）。</p>
<p><a href="http://www.trirand.com/blog/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_09.jpg" alt="" /></a></p>
<p><a href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/" target="_blank">Visualize: Accessible Charts &amp; Graphs from Table  Elements</a> - 从 HTML 表格收集数据，并借助 HTML5 Canvas 对象转换为图表。</p>
<p><a href="http://www.filamentgroup.com/lab/jquery_visualize_plugin_accessible_charts_graphs_from_tables_html5_canvas/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_10.jpg" alt="" /></a></p>
<p><a href="http://boriscy.github.com/grider/" target="_blank">Grider</a> - 一个简单的 jQuery 插件，可以对 HTML 表格进行计算，平均，累加，最大值，最小值等。</p>
<p><a href="http://boriscy.github.com/grider/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_11.jpg" alt="" /></a></p>
<h2>表格功能增强</h2>
<p><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/" target="_blank">Table Drag and Drop</a> - 通过拖放，对表格中的数据重新排列，可以设置禁止拖放的行。</p>
<p><a href="http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_12.jpg" alt="" /></a></p>
<p><a href="http://plugins.jquery.com/project/tablePagination" target="_blank">Table Pagination</a> - 在表格下方自动生成分页导航。</p>
<p><a href="http://plugins.jquery.com/project/tablePagination" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_13.jpg" alt="" /></a></p>
<p><a href="http://pure-essence.net/2008/02/26/jquery-plugin-tablerowcheckboxtoggle/" target="_blank">tableRowCheckboxToggle</a> - 可根据 class name 对表格的行自动  check on/off</p>
<p><a href="http://pure-essence.net/2008/02/26/jquery-plugin-tablerowcheckboxtoggle/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_14.jpg" alt="" /></a></p>
<p><a href="http://plugins.jquery.com/project/bstablecrosshair" target="_blank">BS Table Crosshair Plugin</a> - 鼠标在表格上移动时，所经过的单元格自动交叉加亮</p>
<p><a href="http://plugins.jquery.com/project/bstablecrosshair" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_15.jpg" alt="" /></a></p>
<p><a href="http://code.google.com/p/jqtable2csv/" target="_blank">jqtable2csv</a> - 将 HTML 表格转换为 SVG 字符串。</p>
<p><a href="http://franca.exofire.net/jq/colorize" target="_blank">Colorize</a> - 自动对表格间隔行使用不同背景颜色</p>
<p><a href="http://franca.exofire.net/jq/colorize" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_16.jpg" alt="" /></a></p>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" target="_blank">jExpand</a> - 一个非常轻量的 jQuery  插件，可以展开/关闭表格单元格，使表格可以容纳更多内容。</p>
<p><a href="http://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_17.jpg" alt="" /></a></p>
<p><a href="http://p.sohei.org/jquery-plugins/columnhover/" target="_blank">columnHover</a> - 鼠标经过时，可以整列加亮，甚至支持 colspans 和 rowspans</p>
<p><a href="http://p.sohei.org/jquery-plugins/columnhover/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_18.jpg" alt="" /></a></p>
<p><a href="http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm" target="_blank">HeatColor</a> - 根据规则，或自动对表格中的值进行分析，对不同范围的值按不同颜色区分。</p>
<p><a href="http://www.jnathanson.com/blog/client/jquery/heatcolor/index.cfm" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_19.jpg" alt="" /></a></p>
<p><a href="http://fixedheadertable.mmalek.com/" target="_blank">Fixed  Header Table</a> - 固定表头可滚动表格</p>
<p><a href="http://fixedheadertable.mmalek.com/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_20.jpg" alt="" /></a></p>
<h2>表格搜索，筛选</h2>
<p><a href="http://ideamill.synaptrixgroup.com/?page_id=16" target="_blank">tableFilter</a> - 给表格添加简单的筛选功能。</p>
<p><a href="http://ideamill.synaptrixgroup.com/?page_id=16" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_21.jpg" alt="" /></a></p>
<p><a href="http://gregweber.info/projects/uitablefilter" target="_blank">uiTableFilter</a> - 根据条件筛选（隐藏）表格行</p>
<p><a href="http://gregweber.info/projects/uitablefilter" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_22.jpg" alt="" /></a></p>
<p><a href="http://tablesorter.com/docs/" target="_blank">Tablesorter  2.0</a> - 将普通的，拥有 THEAD 和 TBODY 标签的表格转换为可排序表格，可以分析多种数据，支持多列排序。</p>
<p><a href="http://tablesorter.com/docs/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_23.jpg" alt="" /></a></p>
<p><a href="http://www.picnet.com.au/picnet_table_filter.html" target="_blank">PicNet Table Filter</a> - 实时的，Google 式筛选功能</p>
<p><a href="http://www.picnet.com.au/picnet_table_filter.html" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_24.jpg" alt="" /></a></p>
<p><a href="http://tinysort.sjeiti.com/" target="_blank">jQuery tinysort</a> - 排序</p>
<p><a href="http://tinysort.sjeiti.com/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_25.jpg" alt="" /></a></p>
<p><a href="http://www.digitalinferno.net/blog/jquery-plugin-livefilter-1-1/" target="_blank">LiveFilter 1.1</a> - 非常轻量的表格筛选插件，部署非常简单。</p>
<p><a href="http://www.digitalinferno.net/blog/jquery-plugin-livefilter-1-1/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_26.jpg" alt="" /></a></p>
<p><a href="http://code.google.com/p/jqtablesearch/" target="_blank">jQtablesearch</a> - 快速搜索，非常快</p>
<p><a href="http://code.google.com/p/jqtablesearch/" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_27.jpg" alt="" /></a></p>
<p><a href="http://github.com/riklomas/quicksearch" target="_blank">Quicksearch</a> - 简单的搜索功能</p>
<h2>jQuery 现场编辑</h2>
<p><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php" target="_blank">TableEditor – Flexible in place editing of TableSorter</a> - 现场编辑表格内容，用户可以插入 Ajax 机制回存数据</p>
<p><a href="http://dev.iceburg.net/jquery/tableEditor/demo.php" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_28.jpg" alt="" /></a></p>
<p><a href="http://sites.google.com/a/zoqui.com/www/jgrideditor" target="_blank">jGridEditor</a> - 现场编辑，可配置 Ajax 回存数据</p>
<p><a href="http://sites.google.com/a/zoqui.com/www/jgrideditor" target="_blank"><img src="http://218.16.124.218/i-host/jquery-table/jquerytables_29.jpg" alt="" /></a></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery CheckBox全选" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone&from=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617319.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery CheckBox全选</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于JavaScript/jQuery事件冒泡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation&from=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/23/16499891.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于JavaScript/jQuery事件冒泡</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="FlexiGrid IE8修复和扩展，适应新版jQuery" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend&from=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">FlexiGrid IE8修复和扩展，适应新版jQuery</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/the-most-jquery-table-plugins/feed</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Javascript中===与==区别</title>
		<link>http://www.imwls.com/javascript-difference-equal</link>
		<comments>http://www.imwls.com/javascript-difference-equal#comments</comments>
		<pubDate>Sun, 25 Apr 2010 01:20:09 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.imwls.com/javascript-difference/</guid>
		<description><![CDATA[在 Javascript 中，可以使用 == 来比较两个数据是否相等，如果两个数据的类型不同，那么，将在进行转换后进行比较，转换的规则如下：

 



<span class="readmore"><a href="http://www.imwls.com/javascript-difference-equal" title="Javascript中===与==区别">阅读全文——共927字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="关于JavaScript/jQuery事件冒泡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation&from=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/23/16499891.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于JavaScript/jQuery事件冒泡</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JSON in .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet&from=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617394.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JSON in .NET</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="8个你未见过的HTＭL5动画效果" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations&from=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617312.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">8个你未见过的HTＭL5动画效果</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="70码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F70%25E7%25A0%2581&from=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617465.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">70码</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>在 Javascript 中，可以使用 == 来比较两个数据是否相等，如果两个数据的类型不同，那么，将在进行转换后进行比较，转换的规则如下：</p>
<p> <span id="more-1292"></span>
<ol>
<li>如果其中一个操作数的类型为 Boolean ，那么，首先将它转换为数字类型，false 转换为 0, true 将转换为 1。</li>
<li>如果其中一个操作数的类型是字符串，另外一个为数字类型，那么，将字符串转换为数字进行比较。</li>
<li>如果其中一个操作数的类型是字符串，另外一个为 object 类型，那么，将调用对象的 toString 方法之后，比较字符串。</li>
<li>如果其中一个操作数的类型是数字类型，另外一个为 object 类型，那么，将对象转换为数值后进行数字比较。</li>
</ol>
<p>以下的规定了一些特殊的比较：</p>
<ol>
<li>null 和 undefined 是相等的。</li>
<li>null 和 undefined 不会转换为任何其他类型</li>
<li>如果任何一个操作的结果为 NaN，那么相等比较返回 false，不相等比较返回 true。注意，即使两个操作数都为 NaN，返回结果一样是 false，也就是说，NaN 不等于 NaN。</li>
<li>如果两个操作数都是对象，那么比较它们引用的值，如果引用同一个对象，那么，返回真，否则，返回假。</li>
</ol>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">null</span> <span style="color: #339933;">==</span> undefined<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// true</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>undefined <span style="color: #339933;">==</span> <span style="color: #003366; font-weight: bold;">null</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// true</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">true</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// true</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">false</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">0</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>  <span style="color: #006600; font-style: italic;">// true</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">true</span> <span style="color: #339933;">==</span> <span style="color: #CC0000;">2</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// false</span>
<span style="color: #003366; font-weight: bold;">var</span> obj <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">10</span> <span style="color: #339933;">==</span> obj<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>   <span style="color: #006600; font-style: italic;">// false</span></pre></div></div>

<p>完全相同的比较 === 和不完全相等 !==</p>
<p>完全相同的比较用来比较不进行转换是否相等，例如：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> a <span style="color: #339933;">=</span> <span style="color: #3366CC;">&quot;100&quot;</span><span style="color: #339933;">;</span>
<span style="color: #003366; font-weight: bold;">var</span> b <span style="color: #339933;">=</span> <span style="color: #CC0000;">100</span><span style="color: #339933;">;</span> 
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>a <span style="color: #339933;">==</span> b<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>      <span style="color: #006600; font-style: italic;">// true</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>a <span style="color: #339933;">===</span> b<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>     <span style="color: #006600; font-style: italic;">// false</span></pre></div></div>

<p>== 比较将返回真，因为 “100” 首先转换为数字 100, 然后与数字 100 进行比较，结果相等。</p>
<p>=== 比较将返回假，因为字符串 ”100” 不经过转换的话，与数字 100 不相等。</p>
<p>!== 用于比较在不转换的情况下，是否不相等。</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>a <span style="color: #339933;">!=</span> b<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>      <span style="color: #006600; font-style: italic;">// false</span>
<span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>a <span style="color: #339933;">!==</span> b<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>     <span style="color: #006600; font-style: italic;">// true</span></pre></div></div>

<p>第一种情况将返回假，因为转换后是相等的。第二种情况将返回真，因为不经过转换的话，他们一个是字符串，一个是数字，是不相等的。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="关于JavaScript/jQuery事件冒泡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation&from=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/23/16499891.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于JavaScript/jQuery事件冒泡</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JSON in .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet&from=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617394.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JSON in .NET</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="8个你未见过的HTＭL5动画效果" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F8-simply-amazing-html5-canvas-and-javascript-animations&from=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617312.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">8个你未见过的HTＭL5动画效果</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="IIS下配置WordPress永久链接支持中文完美版" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fiis-wordpress-permalink-cn&from=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/04/14/5601704.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">IIS下配置WordPress永久链接支持中文完美版</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/javascript-difference-equal/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>腾讯微博邀请码大放送</title>
		<link>http://www.imwls.com/%e8%85%be%e8%ae%af%e5%be%ae%e5%8d%9a%e9%82%80%e8%af%b7%e7%a0%81%e5%a4%a7%e6%94%be%e9%80%81</link>
		<comments>http://www.imwls.com/%e8%85%be%e8%ae%af%e5%be%ae%e5%8d%9a%e9%82%80%e8%af%b7%e7%a0%81%e5%a4%a7%e6%94%be%e9%80%81#comments</comments>
		<pubDate>Thu, 15 Apr 2010 13:57:03 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[QQ]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1280</guid>
		<description><![CDATA[昨天入住腾讯微博，今天俺来送邀请码了，点这里即可。

好吧，我承认是骗人的——没有邀请码  。腾讯已经开通了申请入口，还没有的赶紧的吧。

<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="腾讯微博互听查询 for Chrome" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ftencent-microblog-follow-check-for-chrome&from=http%3A%2F%2Fwww.imwls.com%2F%25E8%2585%25BE%25E8%25AE%25AF%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581%25E5%25A4%25A7%25E6%2594%25BE%25E9%2580%2581">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617315.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">腾讯微博互听查询 for Chrome</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="腾讯微博互听查询" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ftencent-microblog-follow-check&from=http%3A%2F%2Fwww.imwls.com%2F%25E8%2585%25BE%25E8%25AE%25AF%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581%25E5%25A4%25A7%25E6%2594%25BE%25E9%2580%2581">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617506.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">腾讯微博互听查询</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="腾讯微博互听查询插件加强版 For Firefox/Chrome" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ftencent-microblog-check-follower-firefox-chrome&from=http%3A%2F%2Fwww.imwls.com%2F%25E8%2585%25BE%25E8%25AE%25AF%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581%25E5%25A4%25A7%25E6%2594%25BE%25E9%2580%2581">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/07/19/18043488.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">腾讯微博互听查询插件加强版 For Firefox/Chrome</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="手机QQ For M8多图展��" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fmobile-qq-m8&from=http%3A%2F%2Fwww.imwls.com%2F%25E8%2585%25BE%25E8%25AE%25AF%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581%25E5%25A4%25A7%25E6%2594%25BE%25E9%2580%2581">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617350.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">手机QQ For M8多图展��</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="QQ2010beta试用版简评" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fqq2010-beta-preview&from=http%3A%2F%2Fwww.imwls.com%2F%25E8%2585%25BE%25E8%25AE%25AF%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581%25E5%25A4%25A7%25E6%2594%25BE%25E9%2580%2581">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617464.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">QQ2010beta试用版简评</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>昨天<a href="http://www.imwls.com/%e5%85%a5%e4%bd%8f%e8%85%be%e8%ae%af%e5%be%ae%e5%8d%9a/" target="_blank">入住腾讯微博</a>，今天俺来送邀请码了，点<a href="http://page.vote.qq.com/?id=108614" target="_blank">这里</a>即可。</p>
<p>好吧，我承认是骗人的——没有邀请码 <img src='http://www.imwls.com/wp-includes/images/smilies/icon_razz.gif' alt=':razz:' class='wp-smiley' /> 。腾讯已经开通了申请入口，还没有的赶紧的吧。</p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="腾讯微博互听查询 for Chrome" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ftencent-microblog-follow-check-for-chrome&from=http%3A%2F%2Fwww.imwls.com%2F%25E8%2585%25BE%25E8%25AE%25AF%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581%25E5%25A4%25A7%25E6%2594%25BE%25E9%2580%2581">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617315.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">腾讯微博互听查询 for Chrome</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="腾讯微博互听查询" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ftencent-microblog-follow-check&from=http%3A%2F%2Fwww.imwls.com%2F%25E8%2585%25BE%25E8%25AE%25AF%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581%25E5%25A4%25A7%25E6%2594%25BE%25E9%2580%2581">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617506.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">腾讯微博互听查询</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="腾讯微博互听查询插件加强版 For Firefox/Chrome" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Ftencent-microblog-check-follower-firefox-chrome&from=http%3A%2F%2Fwww.imwls.com%2F%25E8%2585%25BE%25E8%25AE%25AF%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581%25E5%25A4%25A7%25E6%2594%25BE%25E9%2580%2581">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/07/19/18043488.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">腾讯微博互听查询插件加强版 For Firefox/Chrome</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="手机QQ For M8多图展��" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fmobile-qq-m8&from=http%3A%2F%2Fwww.imwls.com%2F%25E8%2585%25BE%25E8%25AE%25AF%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581%25E5%25A4%25A7%25E6%2594%25BE%25E9%2580%2581">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617350.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">手机QQ For M8多图展��</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="QQ2010beta试用版简评" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fqq2010-beta-preview&from=http%3A%2F%2Fwww.imwls.com%2F%25E8%2585%25BE%25E8%25AE%25AF%25E5%25BE%25AE%25E5%258D%259A%25E9%2582%2580%25E8%25AF%25B7%25E7%25A0%2581%25E5%25A4%25A7%25E6%2594%25BE%25E9%2580%2581">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617464.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">QQ2010beta试用版简评</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/%e8%85%be%e8%ae%af%e5%be%ae%e5%8d%9a%e9%82%80%e8%af%b7%e7%a0%81%e5%a4%a7%e6%94%be%e9%80%81/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>FlexiGrid IE8修复和扩展，适应新版jQuery</title>
		<link>http://www.imwls.com/jquery-flexigrid-ie8-repair-extend</link>
		<comments>http://www.imwls.com/jquery-flexigrid-ie8-repair-extend#comments</comments>
		<pubDate>Tue, 06 Apr 2010 09:31:18 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1272</guid>
		<description><![CDATA[刚刚结束了一个内部WEB的开发，在这期间用到了一个jQuery表格插件：FlexiGrid，目前的官方版本为1.0beta3。此最新版在IE8下style有错位问题，而且不支持1.3+以上的新版jQuery，所以我在使用时不得不做了修复，顺便为它增加了一些新的功能，比如右键菜单。



参数说明：

<span class="readmore"><a href="http://www.imwls.com/jquery-flexigrid-ie8-repair-extend" title="FlexiGrid IE8修复和扩展，适应新版jQuery">阅读全文——共4123字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于JavaScript/jQuery事件冒泡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/23/16499891.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于JavaScript/jQuery事件冒泡</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="流行的jQuery信息提示插件(jQuery Tooltip Plugin)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/07/31/20265713.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">流行的jQuery信息提示插件(jQuery Tooltip Plugin)</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="最全的jQuery表格插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/06/7738696.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">最全的jQuery表格插件</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>刚刚结束了一个内部WEB的开发，在这期间用到了一个jQuery表格插件：<a href="http://www.flexigrid.info/" target="_blank">FlexiGrid</a>，目前的官方版本为1.0beta3。此最新版在IE8下style有错位问题，而且不支持1.3+以上的新版jQuery，所以我在使用时不得不做了修复，顺便为它增加了一些新的功能，比如右键菜单。<br />
<span id="more-1272"></span></p>
<h3>参数说明：</h3>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;">        p <span style="color: #339933;">=</span> $.<span style="color: #660066;">extend</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
            height<span style="color: #339933;">:</span> <span style="color: #CC0000;">200</span><span style="color: #339933;">,</span>  <span style="color: #006600; font-style: italic;">//表格高度，默认200</span>
            width<span style="color: #339933;">:</span> <span style="color: #3366CC;">'auto'</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//表格宽度，默认自动</span>
            striped<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//是否显示斑纹效果，默认是奇偶交互的形式</span>
            novstripe<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
            minwidth<span style="color: #339933;">:</span> <span style="color: #CC0000;">30</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//列最小宽度</span>
            minheight<span style="color: #339933;">:</span> <span style="color: #CC0000;">80</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//列最大宽度</span>
            resizable<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//是否可以伸缩大小</span>
            url<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//ajax地址</span>
            method<span style="color: #339933;">:</span> <span style="color: #3366CC;">'POST'</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 数据发送方式（即为$.ajax({method:'POST'})）</span>
            dataType<span style="color: #339933;">:</span> <span style="color: #3366CC;">'xml'</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 加载的数据格式（xml、json）</span>
            errormsg<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Connection Error'</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//出错时的提示信息</span>
            usepager<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//是否可以分页</span>
            nowrap<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 是否不允许换行</span>
            page<span style="color: #339933;">:</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 当前第几页</span>
            total<span style="color: #339933;">:</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 总共多少页</span>
            useRp<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 是否可以动态设置每页显示的结果数</span>
            rp<span style="color: #339933;">:</span> <span style="color: #CC0000;">15</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 每页结果数</span>
            rpOptions<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span><span style="color: #CC0000;">10</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">15</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">20</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">25</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">40</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//设置可以选择的每页结果数</span>
            title<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//是否显示title</span>
            pagestat<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Displaying {from} to {to} of {total} items'</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//显示当前页和总页面的样式</span>
            procmsg<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Processing, please wait ...'</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 数据加载是的提示信息</span>
            query<span style="color: #339933;">:</span> <span style="color: #3366CC;">''</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//搜索查询条件，在我改过之后，似乎已失效，我也没用到过</span>
            qtype<span style="color: #339933;">:</span> <span style="color: #3366CC;">''</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//同上</span>
            nomsg<span style="color: #339933;">:</span> <span style="color: #3366CC;">'No items'</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//没有查询到记录时显示</span>
            minColToggle<span style="color: #339933;">:</span> <span style="color: #CC0000;">1</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//允许显示的最小列数</span>
            showToggleBtn<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//是否允许显示隐藏列</span>
            hideOnSubmit<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//是否在回调时显示遮盖</span>
            autoload<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//自动加载</span>
            blockOpacity<span style="color: #339933;">:</span> <span style="color: #CC0000;">0.5</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//透明度设置</span>
            onToggleCol<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//当在行之间转换时，可在此方法中重写默认实现</span>
            onChangeSort<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//当改变排序时，可在此方法中重写默认实现</span>
            onSuccess<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//每次加载成功后执行的函数</span>
            onSubmit<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 调用自定义的计算函数，我从来没用到过</span>
            canSelect<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">//是否允许选中行</span>
            quichtml<span style="color: #339933;">:</span> <span style="color: #3366CC;">''</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 替换了原版本的快速搜索栏html</span>
            rowhandler<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> <span style="color: #006600; font-style: italic;">// 给每行绑定右击事件</span>
            rowClick<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span> <span style="color: #006600; font-style: italic;">//单击行时的事件函数</span>
        <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span> p<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<h3>应用实例：</h3>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> getFileName<span style="color: #009900;">&#40;</span>file<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> temp <span style="color: #339933;">=</span> file.<span style="color: #660066;">split</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;/&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">return</span> temp<span style="color: #009900;">&#91;</span>temp.<span style="color: #660066;">length</span> <span style="color: #339933;">-</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#93;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">function</span> formatLink<span style="color: #009900;">&#40;</span>tdDiv<span style="color: #339933;">,</span> pid<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> value <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span>tdDiv<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>value.<span style="color: #660066;">length</span> <span style="color: #339933;">&gt;</span> <span style="color: #CC0000;">1</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                $<span style="color: #009900;">&#40;</span>tdDiv<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;a href='http://*****/&quot;</span> <span style="color: #339933;">+</span> value <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;' target='_blank'&gt;&quot;</span> <span style="color: #339933;">+</span> getFileNmae<span style="color: #009900;">&#40;</span>value<span style="color: #009900;">&#41;</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&lt;/a&gt;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span> <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
                $<span style="color: #009900;">&#40;</span>tdDiv<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">html</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;&lt;font color='lightgrey'&gt;No ppt file&lt;/font&gt;&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            <span style="color: #009900;">&#125;</span>
        <span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">function</span> loadData<span style="color: #009900;">&#40;</span>row<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> id <span style="color: #339933;">=</span> parseInt<span style="color: #009900;">&#40;</span>row.<span style="color: #660066;">id</span>.<span style="color: #660066;">replace</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'row'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">''</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#result'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'disabled'</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">'disabled'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
            $.<span style="color: #660066;">ajax</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#123;</span>
                url<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;ImportFromOld.aspx?action=loadData&quot;</span><span style="color: #339933;">,</span>
                cache<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
                type<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;POST&quot;</span><span style="color: #339933;">,</span>
                data<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;ID=&quot;</span> <span style="color: #339933;">+</span> id<span style="color: #339933;">,</span>
                success<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span>json<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                    <span style="color: #003366; font-weight: bold;">var</span> data <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">eval</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'('</span> <span style="color: #339933;">+</span> json <span style="color: #339933;">+</span> <span style="color: #3366CC;">')'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#ProjectID'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>id<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#ProjectName'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>data.<span style="color: #660066;">description</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#Workcell'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>data.<span style="color: #660066;">workcell</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#Department'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>data.<span style="color: #660066;">department</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#Leader'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>data.<span style="color: #660066;">pic</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#StartDate'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>data.<span style="color: #660066;">start</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#DueDate'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>data.<span style="color: #660066;">due</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#ProjectStatus'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>data.<span style="color: #000066;">status</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#file'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>data.<span style="color: #660066;">link</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#Duration'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">val</span><span style="color: #009900;">&#40;</span>dateDiff<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'D'</span><span style="color: #339933;">,</span> data.<span style="color: #660066;">start</span><span style="color: #339933;">,</span> data.<span style="color: #660066;">due</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#result'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">removeAttr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'disabled'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">function</span> contextmenu<span style="color: #009900;">&#40;</span>row<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> menu <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span> width<span style="color: #339933;">:</span> <span style="color: #CC0000;">150</span><span style="color: #339933;">,</span> items<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span>
                     <span style="color: #009900;">&#123;</span> text<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Modify&quot;</span><span style="color: #339933;">,</span> icon<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;images/icons/edit.png&quot;</span><span style="color: #339933;">,</span> alias<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;contextmenu-edit&quot;</span><span style="color: #339933;">,</span> action<span style="color: #339933;">:</span> contextMenuItem_click <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                     <span style="color: #009900;">&#123;</span> text<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Validate&quot;</span><span style="color: #339933;">,</span> icon<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;images/icons/view.png&quot;</span><span style="color: #339933;">,</span> alias<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;contextmenu-validate&quot;</span><span style="color: #339933;">,</span> action<span style="color: #339933;">:</span> contextMenuItem_click <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                     <span style="color: #009900;">&#123;</span> text<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Delete&quot;</span><span style="color: #339933;">,</span> icon<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;images/icons/rowdelete.png&quot;</span><span style="color: #339933;">,</span> alias<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;contextmenu-delete&quot;</span><span style="color: #339933;">,</span> action<span style="color: #339933;">:</span> contextMenuItem_click <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
                     <span style="color: #009900;">&#123;</span> text<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;Refresh&quot;</span><span style="color: #339933;">,</span> icon<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;images/icons/table_refresh.png&quot;</span><span style="color: #339933;">,</span> alias<span style="color: #339933;">:</span> <span style="color: #3366CC;">&quot;contextmenu-reflash&quot;</span><span style="color: #339933;">,</span> action<span style="color: #339933;">:</span> contextMenuItem_click <span style="color: #009900;">&#125;</span>
                <span style="color: #009900;">&#93;</span>
            <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
            <span style="color: #003366; font-weight: bold;">function</span> contextMenuItem_click<span style="color: #009900;">&#40;</span>target<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                <span style="color: #003366; font-weight: bold;">var</span> id <span style="color: #339933;">=</span> $<span style="color: #009900;">&#40;</span>target<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">attr</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;id&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">substr</span><span style="color: #009900;">&#40;</span><span style="color: #CC0000;">3</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #003366; font-weight: bold;">var</span> cmd <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">data</span>.<span style="color: #660066;">alias</span><span style="color: #339933;">;</span>
                <span style="color: #003366; font-weight: bold;">var</span> ch <span style="color: #339933;">=</span> $.<span style="color: #660066;">browser</span>.<span style="color: #660066;">msie</span> <span style="color: #339933;">?</span> target.<span style="color: #660066;">ch</span> <span style="color: #339933;">:</span> target.<span style="color: #660066;">getAttribute</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;ch&quot;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>cmd <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;contextmenu-edit&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                    window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Admin/?method=modify&amp;id=&quot;</span> <span style="color: #339933;">+</span> id<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
                <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>cmd <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;contextmenu-validate&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                    window.<span style="color: #000066;">open</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Admin/?method=validate&amp;id=&quot;</span> <span style="color: #339933;">+</span> id<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
                <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span>cmd <span style="color: #339933;">==</span> <span style="color: #3366CC;">&quot;contextmenu-delete&quot;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
                    deleteid <span style="color: #339933;">=</span> id<span style="color: #339933;">;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#delete-info'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">dialog</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'open'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
                <span style="color: #000066; font-weight: bold;">else</span> <span style="color: #009900;">&#123;</span>
                    $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;#result&quot;</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">flexReload</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
                <span style="color: #009900;">&#125;</span>
            <span style="color: #009900;">&#125;</span>
            $<span style="color: #009900;">&#40;</span>row<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">contextmenu</span><span style="color: #009900;">&#40;</span>menu<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
        <span style="color: #009900;">&#125;</span>
&nbsp;
     $<span style="color: #009900;">&#40;</span>document<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">ready</span><span style="color: #009900;">&#40;</span><span style="color: #003366; font-weight: bold;">function</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
            <span style="color: #003366; font-weight: bold;">var</span> flexioption <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span>
                url<span style="color: #339933;">:</span> <span style="color: #3366CC;">'importfromold.aspx?action=read'</span><span style="color: #339933;">,</span>
                dataType<span style="color: #339933;">:</span> <span style="color: #3366CC;">'json'</span><span style="color: #339933;">,</span>
                method<span style="color: #339933;">:</span> <span style="color: #3366CC;">'POST'</span><span style="color: #339933;">,</span>
                colModel<span style="color: #339933;">:</span> <span style="color: #009900;">&#91;</span>
				    <span style="color: #009900;">&#123;</span> display<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Project Name'</span><span style="color: #339933;">,</span> <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">'Description'</span><span style="color: #339933;">,</span> width<span style="color: #339933;">:</span> <span style="color: #CC0000;">290</span><span style="color: #339933;">,</span> sortable<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> align<span style="color: #339933;">:</span> <span style="color: #3366CC;">'left'</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
				    <span style="color: #009900;">&#123;</span> display<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Workcell'</span><span style="color: #339933;">,</span> <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">'Workcell'</span><span style="color: #339933;">,</span> width<span style="color: #339933;">:</span> <span style="color: #CC0000;">100</span><span style="color: #339933;">,</span> sortable<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> align<span style="color: #339933;">:</span> <span style="color: #3366CC;">'center'</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
				    <span style="color: #009900;">&#123;</span> display<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Department'</span><span style="color: #339933;">,</span> <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">'Department'</span><span style="color: #339933;">,</span> width<span style="color: #339933;">:</span> <span style="color: #CC0000;">100</span><span style="color: #339933;">,</span> sortable<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> align<span style="color: #339933;">:</span> <span style="color: #3366CC;">'center'</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
				    <span style="color: #009900;">&#123;</span> display<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Project Leader'</span><span style="color: #339933;">,</span> <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">'PIC'</span><span style="color: #339933;">,</span> width<span style="color: #339933;">:</span> <span style="color: #CC0000;">150</span><span style="color: #339933;">,</span> sortable<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> align<span style="color: #339933;">:</span> <span style="color: #3366CC;">'center'</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
				    <span style="color: #009900;">&#123;</span> display<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Start date'</span><span style="color: #339933;">,</span> <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">'Start'</span><span style="color: #339933;">,</span> width<span style="color: #339933;">:</span> <span style="color: #CC0000;">120</span><span style="color: #339933;">,</span> sortable<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> align<span style="color: #339933;">:</span> <span style="color: #3366CC;">'center'</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
				    <span style="color: #009900;">&#123;</span> display<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Due date'</span><span style="color: #339933;">,</span> <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">'Due'</span><span style="color: #339933;">,</span> width<span style="color: #339933;">:</span> <span style="color: #CC0000;">120</span><span style="color: #339933;">,</span> sortable<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> align<span style="color: #339933;">:</span> <span style="color: #3366CC;">'center'</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
				    <span style="color: #009900;">&#123;</span> display<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Project status'</span><span style="color: #339933;">,</span> <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">'Status'</span><span style="color: #339933;">,</span> width<span style="color: #339933;">:</span> <span style="color: #CC0000;">130</span><span style="color: #339933;">,</span> sortable<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span> align<span style="color: #339933;">:</span> <span style="color: #3366CC;">'center'</span> <span style="color: #009900;">&#125;</span><span style="color: #339933;">,</span>
				    <span style="color: #009900;">&#123;</span> display<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Powerpoint'</span><span style="color: #339933;">,</span> <span style="color: #000066;">name</span><span style="color: #339933;">:</span> <span style="color: #3366CC;">'Link'</span><span style="color: #339933;">,</span> width<span style="color: #339933;">:</span> <span style="color: #CC0000;">150</span><span style="color: #339933;">,</span> sortable<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span> align<span style="color: #339933;">:</span> <span style="color: #3366CC;">'center'</span><span style="color: #339933;">,</span> process<span style="color: #339933;">:</span> formatLink <span style="color: #009900;">&#125;</span>
				<span style="color: #009900;">&#93;</span><span style="color: #339933;">,</span>
                sortname<span style="color: #339933;">:</span> <span style="color: #3366CC;">'Description'</span><span style="color: #339933;">,</span>
                sortorder<span style="color: #339933;">:</span> <span style="color: #3366CC;">'asc'</span><span style="color: #339933;">,</span>
                usepager<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">false</span><span style="color: #339933;">,</span>
                showTableToggleBtn<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
                height<span style="color: #339933;">:</span> document.<span style="color: #660066;">documentElement</span>.<span style="color: #660066;">clientHeight</span> <span style="color: #339933;">/</span> <span style="color: #CC0000;">2</span> <span style="color: #339933;">-</span> <span style="color: #CC0000;">100</span><span style="color: #339933;">,</span>
                hideOnSubmit<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
                nomsg<span style="color: #339933;">:</span> <span style="color: #3366CC;">'No records of your search.'</span><span style="color: #339933;">,</span>
                striped<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
                canSelect<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
                singleSelect<span style="color: #339933;">:</span> <span style="color: #003366; font-weight: bold;">true</span><span style="color: #339933;">,</span>
                rowhandler<span style="color: #339933;">:</span> contextmenu<span style="color: #339933;">,</span>
                rowClick<span style="color: #339933;">:</span> loadData
            <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
            $<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'#result'</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">flexigrid</span><span style="color: #009900;">&#40;</span>flexioption<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p><div class="note"><div class="noteimportant">
<p>下载地址：<a href="http://www.uushare.com/user/lackyking/file/2835687" target="_blank">http://www.uushare.com/user/lackyking/file/2835687</a></p>
<p></div></div></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于JavaScript/jQuery事件冒泡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/23/16499891.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于JavaScript/jQuery事件冒泡</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="流行的jQuery信息提示插件(jQuery Tooltip Plugin)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/07/31/20265713.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">流行的jQuery信息提示插件(jQuery Tooltip Plugin)</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="最全的jQuery表格插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/06/7738696.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">最全的jQuery表格插件</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/jquery-flexigrid-ie8-repair-extend/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>JSON in .NET</title>
		<link>http://www.imwls.com/json-in-dotnet</link>
		<comments>http://www.imwls.com/json-in-dotnet#comments</comments>
		<pubDate>Tue, 23 Mar 2010 23:40:38 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Asp.NET]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[JSON]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1259</guid>
		<description><![CDATA[JSON简介

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它易于编程人员阅读和编写，同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。

<span class="readmore"><a href="http://www.imwls.com/json-in-dotnet" title="JSON in .NET">阅读全文——共6569字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET(C#)生成柱状图和饼图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie&from=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617352.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET(C#)生成柱状图和饼图</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在ASP.NET中使用Windows身份验证" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication&from=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617310.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在ASP.NET中使用Windows身份验证</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET提供哪些身份验证方式？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview&from=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET提供哪些身份验证方式？</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Javascript中===与==区别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal&from=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617345.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Javascript中===与==区别</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<h3>JSON简介</h3>
<p>JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。它易于编程人员阅读和编写，同时也易于机器解析和生成。它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C, C++, C#, Java, JavaScript, Perl, Python等）。这些特性使JSON成为理想的数据交换语言。<br />
<span id="more-1259"></span></p>
<h3>客户端</h3>
<h4>使用JSON方式创建对象</h4>
<h5>Object方式</h5>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> Person<span style="color: #009900;">&#40;</span><span style="color: #000066;">name</span><span style="color: #339933;">,</span> age<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
     <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #000066;">Name</span> <span style="color: #339933;">=</span> <span style="color: #000066;">name</span><span style="color: #339933;">;</span>
     <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">Age</span> <span style="color: #339933;">=</span> age<span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span>
<span style="color: #003366; font-weight: bold;">var</span> p <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">new</span> Person<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">&quot;Sunny D.D&quot;</span><span style="color: #339933;">,</span> <span style="color: #CC0000;">25</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>alert(p.Name) //输出Sunny D.D<br />
alert(p.Age) //输出25<br />
使用上述代码创建对象，需要先写出对象的类，使用new关键字来创建对象。下面将介绍JSON创建对象的方式，它更像C#中的匿名类。</p>
<h5>JSON方式</h5>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> json <span style="color: #339933;">=</span> <span style="color: #009900;">&#123;</span><span style="color: #3366CC;">&quot;Name&quot;</span><span style="color: #339933;">:</span><span style="color: #3366CC;">&quot;Sunny D.D&quot;</span><span style="color: #339933;">,</span> <span style="color: #3366CC;">&quot;Age&quot;</span><span style="color: #339933;">:</span><span style="color: #CC0000;">25</span><span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span></pre></div></div>

<p>alert(p.Name) //输出Sunny D.D<br />
alert(p.Age) //输出25<br />
可以看出，上述两种方式创建的对象实际上是一样的，但使用JSON方式创建对象更简便，非常适合创建一个临时的用来存储数据的对象。使用JSON方式创建的对象是不是与c#的匿名对象很相似呢？<br />
为什么说使用JSON方式创建的对象与c#的匿名对象很相似，而不是相同呢？因为在C#中，匿名对象是不能传递的，也就是说不能通过参数的形式传递给另一个方法进行处理。但根据JavaScript语言的特点，对于Object对象没有严格的类型限制，这样就可以进行方便的传递了：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">function</span> showName<span style="color: #009900;">&#40;</span>person<span style="color: #009900;">&#41;</span><span style="color: #009900;">&#123;</span>
     <span style="color: #000066;">alert</span><span style="color: #009900;">&#40;</span>person.<span style="color: #000066;">Name</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>showName(json) //输出Sunny D.D</p>
<h4>获取JSON对象的字符串表示</h4>
<p>使用json.js可以方便的将对象转换为JSON的字符串形式。<a href="http://www.json.org/json.js" target="_blank">下载地址</a><br />
在 json.js文件的最下面，可以看到这样一段代码：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>Object.<span style="color: #660066;">prototype</span>.<span style="color: #660066;">toJSONString</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    Object.<span style="color: #660066;">prototype</span>.<span style="color: #660066;">toJSONString</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>filter<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066; font-weight: bold;">return</span> JSON.<span style="color: #660066;">stringify</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">,</span> filter<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
    Object.<span style="color: #660066;">prototype</span>.<span style="color: #660066;">parseJSON</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>filter<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066; font-weight: bold;">return</span> JSON.<span style="color: #660066;">parse</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">,</span> filter<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>可以看到，它将判断对象类型是否有toJSONString这样一个方法，如果没有，将会为对象加入toJSONString方法与parseJSON这两个方法。<br />
引入了这个js文件后，就可以简单地调用toJSONString方法来获取对象的JSON字符串形式：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #003366; font-weight: bold;">var</span> jsonStr <span style="color: #339933;">=</span> p.<span style="color: #660066;">toJSONString</span><span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></div>

<p>输出jsonStr，可以获得字符串<span style="color: red;">"{"Name":"Sunny D.D","Age":25}"</span>。</p>
<h4>将字符串转换为JSON对象</h4>
<p>在引入了json.js后，可以简单地调用JSON.parse(text)，或者text.parseJSON()来将字符串转换为对象，<span style="color: red;"><strong>但是需要注意的是，在一个string对象上调用parseJSON()时，会报一个错误“illegal access”</strong></span>，这是因为在代码“return JSON.parse(this, filter);”处，this的类型是一个Object，这可能是一个bug，稍加改动即可通过：</p>

<div class="wp_syntax"><div class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #000066; font-weight: bold;">if</span> <span style="color: #009900;">&#40;</span><span style="color: #339933;">!</span>Object.<span style="color: #660066;">prototype</span>.<span style="color: #660066;">toJSONString</span><span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
    Object.<span style="color: #660066;">prototype</span>.<span style="color: #660066;">toJSONString</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>filter<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066; font-weight: bold;">return</span> JSON.<span style="color: #660066;">stringify</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">,</span> filter<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
    Object.<span style="color: #660066;">prototype</span>.<span style="color: #660066;">parseJSON</span> <span style="color: #339933;">=</span> <span style="color: #003366; font-weight: bold;">function</span> <span style="color: #009900;">&#40;</span>filter<span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#123;</span>
        <span style="color: #000066; font-weight: bold;">return</span> JSON.<span style="color: #660066;">parse</span><span style="color: #009900;">&#40;</span><span style="color: #000066; font-weight: bold;">this</span> <span style="color: #339933;">+</span> <span style="color: #3366CC;">&quot;&quot;</span><span style="color: #339933;">,</span> filter<span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
    <span style="color: #009900;">&#125;</span><span style="color: #339933;">;</span>
<span style="color: #009900;">&#125;</span></pre></div></div>

<p>这样就可以确保传递给JSON.parse方法的第一个参数是string类型的对象。</p>
<h3>服务器端</h3>
<h4>LINQ to JSON</h4>
<p>获取LINQ to JSON的开源资源，可以访问<a href="http://json.codeplex.com/" target="_blank">http://json.codeplex.com/</a>。<br />
如果仅使用，可以下载Newtonsoft.Json.dll。<br />
在项目中引用Newtonsoft.Json.dll就可以获得LINQ to JSON的能力了。在下面的示例中，我使用到了Northwind数据库，使用LINQ to SQL方式读取所有产品类别数据，创建一个JObject对象：</p>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>NorthwindDataContext  db <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> NorthwindDataContext<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
<span style="color: #008000;">&#123;</span>
        JObject json <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> JObject<span style="color: #008000;">&#40;</span> <span style="color: #008080; font-style: italic;">//创建JSON对象</span>
        db<span style="color: #008000;">.</span><span style="color: #0000FF;">Categories</span><span style="color: #008000;">.</span><span style="color: #0600FF; font-weight: bold;">Select</span><span style="color: #008000;">&#40;</span>
            c <span style="color: #008000;">=&gt;</span>
            <span style="color: #008000;">new</span> JProperty<span style="color: #008000;">&#40;</span> <span style="color: #008080; font-style: italic;">//创建JSON属性</span>
                c<span style="color: #008000;">.</span><span style="color: #0000FF;">CategoryName</span>, <span style="color: #008080; font-style: italic;">//属性名称（在这里是产品类别名称）</span>
                <span style="color: #008000;">new</span> JArray<span style="color: #008000;">&#40;</span> <span style="color: #008080; font-style: italic;">//属性的值（在这里是该类别下的所有产品名称）</span>
                    c<span style="color: #008000;">.</span><span style="color: #0000FF;">Products</span><span style="color: #008000;">.</span><span style="color: #0600FF; font-weight: bold;">Select</span><span style="color: #008000;">&#40;</span>
                        p <span style="color: #008000;">=&gt;</span>
                        p<span style="color: #008000;">.</span><span style="color: #0000FF;">ProductName</span>
                    <span style="color: #008000;">&#41;</span>
                <span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#41;</span>
        <span style="color: #008000;">&#41;</span>
    <span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
    ltrJson<span style="color: #008000;">.</span><span style="color: #0000FF;">Text</span> <span style="color: #008000;">=</span> json<span style="color: #008000;">.</span><span style="color: #0000FF;">ToString</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span></pre></div></div>

<p>上述代码生成的数据结构如下：</p>
<blockquote><p>“类别名称” : [“产品名称”, “产品名称”, “产品名称”,…]<br />
, “类别名称” : [“产品名称”, “产品名称”, “产品名称”,…]<br />
,……</p></blockquote>
<p>在前台页面获取ltrJson.Text，然后调用JSON.parse(ltrJson.Text)，就可以获取到生成的对象了。<br />
可以看出，LINQ to JSON提供程序支持我们以习惯的LINQ方式读取、创建对象，简化了开发过程，让我们的注意力可以集中在业务流程上。<br />
下面简单地介绍LINQ to JSON中常用的几个类。</p>
<table border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="158" valign="top"><strong>LINQ to JSON</strong></td>
<td width="295" valign="top"><strong>JavaScript</strong></td>
<td width="204" valign="top"><strong>描述</strong></td>
</tr>
<tr>
<td width="158" valign="top">JObject</td>
<td width="295" valign="top">Object</td>
<td width="204" valign="top">对象</td>
</tr>
<tr>
<td width="158" valign="top">JProperty</td>
<td width="295" valign="top">string</td>
<td width="204" valign="top">属性名</td>
</tr>
<tr>
<td width="158" valign="top">JArray</td>
<td width="295" valign="top">Array</td>
<td width="204" valign="top">数组</td>
</tr>
<tr>
<td width="158" valign="top">JValue</td>
<td width="295" valign="top">string,number,object,array,true,false,null</td>
<td width="204" valign="top">属性的值</td>
</tr>
</tbody>
</table>
<p>使用LINQ to JSON创建的对象，都可以简单地调用ToString方法来获取JSON字符串。此方法有两个重载形式，第一个是无参形式，可以按照默认格式获取JSON字符串；也可以调用有参格式，使用自定义格式来生成JSON字符串。</p>
<h4>将字符串转换为JObject对象</h4>
<p>在后台程序中可以通过JObject的静态方法Parse将字符串转换为一个JObject对象：</p>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;">JObject o <span style="color: #008000;">=</span> JObject<span style="color: #008000;">.</span><span style="color: #0000FF;">Parse</span><span style="color: #008000;">&#40;</span>json<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span></pre></div></div>

<p>转换成功后，就可以利用LINQ to JSON的特性来进行相关操作了。</p>
<h4>LINQ to JSON中的查询</h4>
<p>要使用LINQ to JSON进行查询，就必须要了解它的数据结构：<br />
<img alt="" src="http://images.cnblogs.com/cnblogs_com/sunnycoder/WindowsLiveWriter/JSONin.NET_DFFF/clip_image002_2.gif" title="linq to json" class="alignnone" width="640" height="402" /><br />
可以看出，其所有的类都派生于JToken，也就是说所有的LINQ to JSON对象都可以用JToken来表示，即JObject、JProperty还是JArray都可以利用李氏替换原则而用JToken来表示。认清这一点是非常必要的，因为接下来的示例中将多次用到他们之间的类型转换。</p>
<p>遍历一个JToken中所包含的元素，可以使用JTokenObj. Children方法，例如：</p>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>ProductDataContext db <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> ProductDataContext<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
<span style="color: #008000;">&#123;</span>
    JObject json <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> JObject<span style="color: #008000;">&#40;</span> <span style="color: #008080; font-style: italic;">//创建JSON对象</span>
        db<span style="color: #008000;">.</span><span style="color: #0000FF;">Categories</span><span style="color: #008000;">.</span><span style="color: #0600FF; font-weight: bold;">Select</span><span style="color: #008000;">&#40;</span>
            c <span style="color: #008000;">=&gt;</span>
            <span style="color: #008000;">new</span> JProperty<span style="color: #008000;">&#40;</span> <span style="color: #008080; font-style: italic;">//创建JSON属性</span>
                c<span style="color: #008000;">.</span><span style="color: #0000FF;">CategoryName</span>, <span style="color: #008080; font-style: italic;">//属性名称（在这里是产品类别名称）</span>
                <span style="color: #008000;">new</span> JArray<span style="color: #008000;">&#40;</span> <span style="color: #008080; font-style: italic;">//属性的值（在这里是该类别下的所有产品名称）</span>
                    c<span style="color: #008000;">.</span><span style="color: #0000FF;">Products</span><span style="color: #008000;">.</span><span style="color: #0600FF; font-weight: bold;">Select</span><span style="color: #008000;">&#40;</span>
                        p <span style="color: #008000;">=&gt;</span>
                        p<span style="color: #008000;">.</span><span style="color: #0000FF;">ProductName</span>
                    <span style="color: #008000;">&#41;</span>
                <span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#41;</span>
        <span style="color: #008000;">&#41;</span>
    <span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
    <span style="color: #0600FF; font-weight: bold;">foreach</span> <span style="color: #008000;">&#40;</span>JProperty i <span style="color: #0600FF; font-weight: bold;">in</span> json<span style="color: #008000;">.</span><span style="color: #0000FF;">Children</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span> <span style="color: #008080; font-style: italic;">//遍历JSON对象的所有属性</span>
    <span style="color: #008000;">&#123;</span>
        Console<span style="color: #008000;">.</span><span style="color: #0000FF;">WriteLine</span><span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;类别为{0}的产品列表&quot;</span>, i<span style="color: #008000;">.</span><span style="color: #0000FF;">Name</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span> <span style="color: #008080; font-style: italic;">//输出属性的名称</span>
        JArray arr <span style="color: #008000;">=</span> <span style="color: #008000;">&#40;</span>JArray<span style="color: #008000;">&#41;</span>i<span style="color: #008000;">.</span><span style="color: #0000FF;">Value</span><span style="color: #008000;">;</span> <span style="color: #008080; font-style: italic;">//获取属性的值（在这里是该类别下的所有产品名称）</span>
&nbsp;
        <span style="color: #0600FF; font-weight: bold;">foreach</span> <span style="color: #008000;">&#40;</span>JValue j <span style="color: #0600FF; font-weight: bold;">in</span> arr<span style="color: #008000;">&#41;</span> <span style="color: #008080; font-style: italic;">//遍历产品名称集合</span>
        <span style="color: #008000;">&#123;</span>
            Console<span style="color: #008000;">.</span><span style="color: #0000FF;">WriteLine</span><span style="color: #008000;">&#40;</span>j<span style="color: #008000;">.</span><span style="color: #0000FF;">Value</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span> <span style="color: #008080; font-style: italic;">//输出产品名称</span>
        <span style="color: #008000;">&#125;</span>
        Console<span style="color: #008000;">.</span><span style="color: #0000FF;">WriteLine</span><span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;-----------------------------------------------------&quot;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
    <span style="color: #008000;">&#125;</span></pre></div></div>

<p>上述示例运行后，将输出所有的产品类别，以及属于对应类别的所有产品信息。</p>
<p>既然讲LINQ to JSON，那么就可以在其所有的对象上使用LINQ to Object（标准查询操作符）的方式进行查询。在下面的示例中，演示了如何使用LINQ to Object（标准查询操作符）的方式对JSON对象进行查询：</p>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>ProductDataContext db <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> ProductDataContext<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
<span style="color: #008000;">&#123;</span>
    JObject json <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> JObject<span style="color: #008000;">&#40;</span> <span style="color: #008080; font-style: italic;">//创建JSON对象</span>
        db<span style="color: #008000;">.</span><span style="color: #0000FF;">Categories</span><span style="color: #008000;">.</span><span style="color: #0600FF; font-weight: bold;">Select</span><span style="color: #008000;">&#40;</span>
            c <span style="color: #008000;">=&gt;</span>
            <span style="color: #008000;">new</span> JProperty<span style="color: #008000;">&#40;</span> <span style="color: #008080; font-style: italic;">//创建JSON属性</span>
                c<span style="color: #008000;">.</span><span style="color: #0000FF;">CategoryName</span>, <span style="color: #008080; font-style: italic;">//属性名称（在这里是产品类别名称）</span>
                <span style="color: #008000;">new</span> JArray<span style="color: #008000;">&#40;</span> <span style="color: #008080; font-style: italic;">//属性的值（在这里是该类别下的所有产品名称）</span>
                    c<span style="color: #008000;">.</span><span style="color: #0000FF;">Products</span><span style="color: #008000;">.</span><span style="color: #0600FF; font-weight: bold;">Select</span><span style="color: #008000;">&#40;</span>
                        p <span style="color: #008000;">=&gt;</span>
                        p<span style="color: #008000;">.</span><span style="color: #0000FF;">ProductName</span>
                    <span style="color: #008000;">&#41;</span>
                <span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#41;</span>
        <span style="color: #008000;">&#41;</span>
    <span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
    var q <span style="color: #008000;">=</span>
        json<span style="color: #008000;">.</span><span style="color: #0000FF;">Children</span><span style="color: #008000;">&lt;</span>jproperty<span style="color: #008000;">&gt;</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span> <span style="color: #008080; font-style: italic;">//获取JSON对象的所有属性</span>
        <span style="color: #008000;">.</span><span style="color: #0600FF; font-weight: bold;">Where</span><span style="color: #008000;">&#40;</span>j <span style="color: #008000;">=&gt;</span> j<span style="color: #008000;">.</span><span style="color: #0000FF;">Name</span><span style="color: #008000;">.</span><span style="color: #0000FF;">StartsWith</span><span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;C&quot;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span> <span style="color: #008080; font-style: italic;">//结果只包含属性名称以&quot;C&quot;开头的</span>
        <span style="color: #008000;">.</span><span style="color: #0000FF;">OrderBy</span><span style="color: #008000;">&#40;</span>j <span style="color: #008000;">=&gt;</span> <span style="color: #008000;">&#40;</span><span style="color: #008000;">&#40;</span>JArray<span style="color: #008000;">&#41;</span>j<span style="color: #008000;">.</span><span style="color: #0000FF;">Value</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Count</span><span style="color: #008000;">&#41;</span> <span style="color: #008080; font-style: italic;">//以属性的值中包含的元素个数排序</span>
        <span style="color: #008000;">.</span><span style="color: #0600FF; font-weight: bold;">Select</span><span style="color: #008000;">&#40;</span>j <span style="color: #008000;">=&gt;</span> j<span style="color: #008000;">.</span><span style="color: #0000FF;">Name</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span> <span style="color: #008080; font-style: italic;">//查询结果仅包含属性名称</span>
    <span style="color: #0600FF; font-weight: bold;">foreach</span> <span style="color: #008000;">&#40;</span><span style="color: #6666cc; font-weight: bold;">string</span> i <span style="color: #0600FF; font-weight: bold;">in</span> q<span style="color: #008000;">&#41;</span> <span style="color: #008080; font-style: italic;">//遍历并输出属性名称</span>
    <span style="color: #008000;">&#123;</span>
        Console<span style="color: #008000;">.</span><span style="color: #0000FF;">WriteLine</span><span style="color: #008000;">&#40;</span>i<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
    <span style="color: #008000;">&#125;</span>
<span style="color: #008000;">&#125;</span>
<span style="color: #008000;">&lt;/</span>jproperty<span style="color: #008000;">&gt;</span></pre></div></div>

<h4>LINQ to JSON与XmlDocument之间的转换</h4>
<p>使用LINQ to JSON，可以方便地在JSON对象与XmlDocument对象间进行转换。在以下两个示例中，演示了转换过程：</p>
<h5>将XmlDocument对象转换为JSON字符串</h5>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #6666cc; font-weight: bold;">string</span> xml <span style="color: #008000;">=</span> <span style="color: #666666;">@&quot;&lt; ?xml version=&quot;</span><span style="color: #666666;">&quot;1.0&quot;</span><span style="color: #666666;">&quot; standalone=&quot;</span><span style="color: #666666;">&quot;no&quot;</span><span style="color: #666666;">&quot;?&gt;
                &lt;root&gt;
                  &lt;person id=&quot;</span><span style="color: #666666;">&quot;1&quot;</span><span style="color: #666666;">&quot;&gt;
                  &lt;name&gt;Alan&lt;/name&gt;
                  &lt;url&gt;http://www.google.com&lt;/url&gt;
                  &lt;/person&gt;
                  &lt;person id=&quot;</span><span style="color: #666666;">&quot;2&quot;</span><span style="color: #666666;">&quot;&gt;
                  &lt;name&gt;Louis&lt;/name&gt;
                  &lt;url&gt;http://www.yahoo.com&lt;/url&gt;
                  &lt;/person&gt;
                &lt;/root&gt;&quot;</span><span style="color: #008000;">;</span>
XmlDocument xdoc <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> XmlDocument<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
xdoc<span style="color: #008000;">.</span><span style="color: #0000FF;">LoadXml</span><span style="color: #008000;">&#40;</span>xml<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
<span style="color: #6666cc; font-weight: bold;">string</span> jsonText <span style="color: #008000;">=</span> JsonConvert<span style="color: #008000;">.</span><span style="color: #0000FF;">SerializeXmlNode</span><span style="color: #008000;">&#40;</span>xdoc<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
Console<span style="color: #008000;">.</span><span style="color: #0000FF;">WriteLine</span><span style="color: #008000;">&#40;</span>jsonText<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span></pre></div></div>

<h5>将JSON字符串转换为XmlDocument对象</h5>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #6666cc; font-weight: bold;">string</span> json <span style="color: #008000;">=</span> <span style="color: #666666;">@&quot;{
              &quot;</span><span style="color: #666666;">&quot;?xml&quot;</span><span style="color: #666666;">&quot;: {
                &quot;</span><span style="color: #666666;">&quot;@version&quot;</span><span style="color: #666666;">&quot;: &quot;</span><span style="color: #666666;">&quot;1.0&quot;</span><span style="color: #666666;">&quot;,
                &quot;</span><span style="color: #666666;">&quot;@standalone&quot;</span><span style="color: #666666;">&quot;: &quot;</span><span style="color: #666666;">&quot;no&quot;</span><span style="color: #666666;">&quot;
              },
              &quot;</span><span style="color: #666666;">&quot;root&quot;</span><span style="color: #666666;">&quot;: {
                &quot;</span><span style="color: #666666;">&quot;person&quot;</span><span style="color: #666666;">&quot;: [
                  {
                    &quot;</span><span style="color: #666666;">&quot;@id&quot;</span><span style="color: #666666;">&quot;: &quot;</span><span style="color: #666666;">&quot;1&quot;</span><span style="color: #666666;">&quot;,
                    &quot;</span><span style="color: #666666;">&quot;name&quot;</span><span style="color: #666666;">&quot;: &quot;</span><span style="color: #666666;">&quot;Alan&quot;</span><span style="color: #666666;">&quot;,
                    &quot;</span><span style="color: #666666;">&quot;url&quot;</span><span style="color: #666666;">&quot;: &quot;</span><span style="color: #666666;">&quot;http://www.google.com&quot;</span><span style="color: #666666;">&quot;
                  },
                  {
                    &quot;</span><span style="color: #666666;">&quot;@id&quot;</span><span style="color: #666666;">&quot;: &quot;</span><span style="color: #666666;">&quot;2&quot;</span><span style="color: #666666;">&quot;,
                    &quot;</span><span style="color: #666666;">&quot;name&quot;</span><span style="color: #666666;">&quot;: &quot;</span><span style="color: #666666;">&quot;Louis&quot;</span><span style="color: #666666;">&quot;,
                    &quot;</span><span style="color: #666666;">&quot;url&quot;</span><span style="color: #666666;">&quot;: &quot;</span><span style="color: #666666;">&quot;http://www.yahoo.com&quot;</span><span style="color: #666666;">&quot;
                  }
                ]
              }
            }&quot;</span><span style="color: #008000;">;</span>
&nbsp;
XmlDocument doc <span style="color: #008000;">=</span> <span style="color: #008000;">&#40;</span>XmlDocument<span style="color: #008000;">&#41;</span>JsonConvert<span style="color: #008000;">.</span><span style="color: #0000FF;">DeserializeXmlNode</span><span style="color: #008000;">&#40;</span>json<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span></pre></div></div>

<h5>LINQ to JSON &#038; LINQ to XML</h5>
<p>在本文前面的讨论中，已经包含了JSON字符串、LINQ to JSON对象和XmlDocument之间的转换方法，那么LINQ to JSON与 LINQ to XML之间也是可以互相操作的。但是其具体操作方法及是否必要将在以后讨论，大家也可以进行试验。</p>
<h3>AJAX</h3>
<h4>使用AJAX获取JSON</h4>
<p>在实际应用中，常会使用Ajax从后台程序中获取数据，然后呈现在页面中。在本示例中为了简化操作，创建了一个“一般处理程序”（.ashx文件）作为后台数据的提供程序，然后在页面中使用Ajax访问它获取一个JSON对象，然后访问JSON对象的AllProducts属性：</p>
<h5>Command/GetProductsByCategoryIDHandler.ashx文件：</h5>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #008000;">&lt;</span> <span style="color: #008000;">%</span>@ WebHandler Language<span style="color: #008000;">=</span><span style="color: #666666;">&quot;C#&quot;</span> <span style="color: #6666cc; font-weight: bold;">Class</span><span style="color: #008000;">=</span><span style="color: #666666;">&quot;GetProductsByCategoryIDHandler&quot;</span>  <span style="color: #008000;">%&gt;</span> 
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Web</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Linq</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">Newtonsoft.Json.Linq</span><span style="color: #008000;">;</span> 
&nbsp;
<span style="color: #0600FF; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">class</span> GetProductsByCategoryIDHandler <span style="color: #008000;">:</span> IHttpHandler <span style="color: #008000;">&#123;</span>
    <span style="color: #0600FF; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">void</span> ProcessRequest <span style="color: #008000;">&#40;</span>HttpContext context<span style="color: #008000;">&#41;</span> <span style="color: #008000;">&#123;</span>
        HttpResponse response <span style="color: #008000;">=</span> context<span style="color: #008000;">.</span><span style="color: #0000FF;">Response</span><span style="color: #008000;">;</span>
        HttpRequest request <span style="color: #008000;">=</span> context<span style="color: #008000;">.</span><span style="color: #0000FF;">Request</span><span style="color: #008000;">;</span>
        <span style="color: #6666cc; font-weight: bold;">int</span> categoryID <span style="color: #008000;">=</span> Int32<span style="color: #008000;">.</span><span style="color: #0000FF;">Parse</span><span style="color: #008000;">&#40;</span>request<span style="color: #008000;">&#91;</span><span style="color: #666666;">&quot;categoryID&quot;</span><span style="color: #008000;">&#93;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span> <span style="color: #008080; font-style: italic;">//传递过来的类别ID</span>
        JObject json <span style="color: #008000;">=</span> <span style="color: #0600FF; font-weight: bold;">null</span><span style="color: #008000;">;</span>
&nbsp;
        <span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>NorthwindDataContext db<span style="color: #008000;">=</span><span style="color: #008000;">new</span> NorthwindDataContext<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
        <span style="color: #008000;">&#123;</span>
            <span style="color: #6666cc; font-weight: bold;">string</span><span style="color: #008000;">&#91;</span><span style="color: #008000;">&#93;</span> productNames <span style="color: #008000;">=</span>
                db<span style="color: #008000;">.</span><span style="color: #0000FF;">Categories</span> <span style="color: #008080; font-style: italic;">//访问Northwind数据库的产品类别表</span>
                <span style="color: #008000;">.</span><span style="color: #0000FF;">Single</span><span style="color: #008000;">&#40;</span>c <span style="color: #008000;">=&gt;</span> c<span style="color: #008000;">.</span><span style="color: #0000FF;">CategoryID</span> <span style="color: #008000;">==</span> categoryID<span style="color: #008000;">&#41;</span> <span style="color: #008080; font-style: italic;">//根据ID获取唯一实例</span>
                <span style="color: #008000;">.</span><span style="color: #0000FF;">Products</span> <span style="color: #008080; font-style: italic;">//获取此类别的所有产品</span>
                <span style="color: #008000;">.</span><span style="color: #0600FF; font-weight: bold;">Select</span><span style="color: #008000;">&#40;</span>p <span style="color: #008000;">=&gt;</span> p<span style="color: #008000;">.</span><span style="color: #0000FF;">ProductName</span><span style="color: #008000;">&#41;</span> <span style="color: #008080; font-style: italic;">//结果只包含产品名称</span>
                <span style="color: #008000;">.</span><span style="color: #0000FF;">ToArray</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span> <span style="color: #008080; font-style: italic;">//转换为数组</span>
            <span style="color: #008080; font-style: italic;">//实例化JObject对象，同时为其加入一个名为AllProducts的属性</span>
            json <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> JObject<span style="color: #008000;">&#40;</span>
                <span style="color: #008000;">new</span> JProperty<span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;AllProducts&quot;</span>, <span style="color: #008000;">new</span> JArray<span style="color: #008000;">&#40;</span>productNames<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
        <span style="color: #008000;">&#125;</span>
        response<span style="color: #008000;">.</span><span style="color: #0000FF;">ContentType</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;text/plain&quot;</span><span style="color: #008000;">;</span>
        response<span style="color: #008000;">.</span><span style="color: #0000FF;">Write</span><span style="color: #008000;">&#40;</span>json<span style="color: #008000;">.</span><span style="color: #0000FF;">ToString</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
    <span style="color: #008000;">&#125;</span> 
    <span style="color: #0600FF; font-weight: bold;">public</span> <span style="color: #6666cc; font-weight: bold;">bool</span> IsReusable <span style="color: #008000;">&#123;</span>
        get <span style="color: #008000;">&#123;</span>
            <span style="color: #0600FF; font-weight: bold;">return</span> <span style="color: #0600FF; font-weight: bold;">false</span><span style="color: #008000;">;</span>
        <span style="color: #008000;">&#125;</span>
    <span style="color: #008000;">&#125;</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

<h5>页面代码：</h5>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">html</span> xmlns<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.w3.org/1999/xhtml&quot;</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">title</span>&gt;</span>JsonAjax Demo<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">title</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;CommonFiles/JavaScript/jQuery/jquery-1.4.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;CommonFiles/JavaScript/json.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;</span>
        var commandLocation = &quot;Command/GetProductsByCategoryIDHandler.ashx&quot;;
        function getProductsByStandard(categoryID) {
            $.ajax({
                url: commandLocation,
                dataType: &quot;json&quot;,
                data: &quot;categoryID=&quot; + categoryID,
                success: function(json) {
                    show.innerHTML = json.AllProducts;
                }
            })
        }
    <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
        <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">span</span> <span style="color: #000066;">id</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;show&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">span</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">div</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">html</span>&gt;</span></pre></div></div>

<p>然后，在脚本中调用getProductsByStandard(1)，就会在页面中显示类别ID为1的所有产品的产品名称了。要显示其他类别的产品，只需要改变getProductsByStandard方法的参数即可。<br />
<div class="note"><div class="notehelp"></p>
<p>本文中使用到的资源</p>
<p><a href="http://msdn.microsoft.com/zh-cn/library/ms143221.aspx" target="_blank">Northwind数据库下载</a></p>
<p><a href="http://www.json.org/json.js" target="_blank">json.js下载</a></p>
<p><a href="http://docs.google.com/leaf?id=0B9T0APtVi1fyMDAxNGJjOTEtNjczMy00OWNlLWIwNmUtY2JiOTViOTg0MGE1&#038;hl=zh_CN" target="_blank">Newtonsoft.Json.dll下载</a></p>
<p><a href="http://json.codeplex.com/" target="_blank">Json.NET资源浏览</a></p>
<p></div></div><br />
<div class="note"><div class="notetip">
<p>原文：<a href="http://www.cnblogs.com/sunnycoder/archive/2010/03/21/1691008.html" target="_blank">http://www.cnblogs.com/sunnycoder/archive/2010/03/21/1691008.html</a></p>
<p><a href="http://docs.google.com/fileview?id=0B9T0APtVi1fyZmM4YzljM2QtZTIyMy00MjA5LTgxODItNGUzYjU0ODZmZjk1&#038;hl=zh_CN" target="_blank">本文PDF下载</a></p>
<p></div></div></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET(C#)生成柱状图和饼图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie&from=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617352.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET(C#)生成柱状图和饼图</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在ASP.NET中使用Windows身份验证" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication&from=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617310.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在ASP.NET中使用Windows身份验证</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET提供哪些身份验证方式？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview&from=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET提供哪些身份验证方式？</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Javascript中===与==区别" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjavascript-difference-equal&from=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617345.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Javascript中===与==区别</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/json-in-dotnet/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>C# Windows7库(Library)快速参考</title>
		<link>http://www.imwls.com/windows7-library-csharp-quick-reference</link>
		<comments>http://www.imwls.com/windows7-library-csharp-quick-reference#comments</comments>
		<pubDate>Mon, 22 Mar 2010 00:29:44 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[Library]]></category>
		<category><![CDATA[Windows7]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1241</guid>
		<description><![CDATA[以下是一些常见的Windows7库功能快速参考，使用了Windows API Code Pack。

这篇文章中的基础代码来自Alon和Sela小组成员，了不起的成果。



<span class="readmore"><a href="http://www.imwls.com/windows7-library-csharp-quick-reference" title="C# Windows7库(Library)快速参考">阅读全文——共2421字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Windows7 beta1 7000安装成功" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fwindows7-beta1-7000-setup&from=http%3A%2F%2Fwww.imwls.com%2Fwindows7-library-csharp-quick-reference">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617417.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Windows7 beta1 7000安装成功</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Windows7 Beta官方下载" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fwindows7-beta-download-microsoft&from=http%3A%2F%2Fwww.imwls.com%2Fwindows7-library-csharp-quick-reference">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617480.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Windows7 Beta官方下载</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Windows7 build 7068终于出来了" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fwindows7-build-7068&from=http%3A%2F%2Fwww.imwls.com%2Fwindows7-library-csharp-quick-reference">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617520.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Windows7 build 7068终于出来了</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Windows 7新官方主题“春季”" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fwindows7-new-theme-czech-spring&from=http%3A%2F%2Fwww.imwls.com%2Fwindows7-library-csharp-quick-reference">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617368.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Windows 7新官方主题“春季”</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关闭Windows7服务/Windows7服务优化" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fclose-win7-service-2&from=http%3A%2F%2Fwww.imwls.com%2Fwindows7-library-csharp-quick-reference">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617474.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关闭Windows7服务/Windows7服务优化</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>以下是一些常见的Windows7库功能快速参考，使用了<a href="http://code.msdn.microsoft.com/WindowsAPICodePack" target="_blank">Windows API Code Pack</a>。</p>
<p>这篇文章中的基础代码来自<a href="http://blogs.microsoft.co.il/blogs/alon/" target="_blank">Alon</a>和Sela小组成员，了不起的成果。<br />
<span id="more-1241"></span></p>
<h3>前瞻</h3>
<p>需要说明，每个Windows7库用一个XML文件表示，扩展名为.library-ms。</p>
<p>通用库的文件存储在：C:\Users\{username}\AppData\Roaming\Microsoft \Windows\Libraries\。</p>
<p>例如，我们使用的图片库，使用如下代码：</p>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;">libraryName <span style="color: #008000;">=</span> Pictures
locationPath <span style="color: #008000;">=</span> C<span style="color: #008000;">:</span>\Users\<span style="color: #008000;">&#123;</span>username<span style="color: #008000;">&#125;</span>\AppData\Roaming\Microsoft\Windows\Libraries\</pre></div></div>

<p><strong>注意：</strong>可以在任何地方创建库，不一定限于上述文件夹。</p>
<h3>功能</h3>
<h4>创建一个新库：</h4>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;">ShellLibrary shellLibrary <span style="color: #008000;">=</span>
    <span style="color: #008000;">new</span> ShellLibrary<span style="color: #008000;">&#40;</span>libraryName, locationPath, overwriteExisting<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span></pre></div></div>

<h4>添加文件夹到现有的库：</h4>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>ShellLibrary shellLibrary <span style="color: #008000;">=</span>
    ShellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">Load</span><span style="color: #008000;">&#40;</span>libraryName, folderPath, isReadOnly<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
<span style="color: #008000;">&#123;</span>
    shellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">Add</span><span style="color: #008000;">&#40;</span>folderToAdd<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

<h4>将文件夹从库中删除：</h4>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>ShellLibrary shellLibrary <span style="color: #008000;">=</span>
    ShellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">Load</span><span style="color: #008000;">&#40;</span>libraryName, folderPath, isReadOnly<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
<span style="color: #008000;">&#123;</span>
    shellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">Remove</span><span style="color: #008000;">&#40;</span>folderToRemove<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

<h4>枚举库文件夹：</h4>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>ShellLibrary shellLibrary <span style="color: #008000;">=</span>
    ShellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">Load</span><span style="color: #008000;">&#40;</span>libraryName, folderPath, isReadOnly<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
<span style="color: #008000;">&#123;</span>
    <span style="color: #0600FF; font-weight: bold;">foreach</span> <span style="color: #008000;">&#40;</span>ShellFileSystemFolder folder <span style="color: #0600FF; font-weight: bold;">in</span> shellLibrary<span style="color: #008000;">&#41;</span>
    <span style="color: #008000;">&#123;</span>
        Debug<span style="color: #008000;">.</span><span style="color: #0000FF;">WriteLine</span><span style="color: #008000;">&#40;</span>folder<span style="color: #008000;">.</span><span style="color: #0000FF;">Path</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
    <span style="color: #008000;">&#125;</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

<h4>更改默认保存位置：</h4>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>ShellLibrary shellLibrary <span style="color: #008000;">=</span>
    ShellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">Load</span><span style="color: #008000;">&#40;</span>libraryName, folderPath, isReadOnly<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
<span style="color: #008000;">&#123;</span>
    shellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">DefaultSaveFolder</span> <span style="color: #008000;">=</span> newSaveLocation<span style="color: #008000;">;</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

<h4>更改库图标：</h4>

<div class="wp_syntax"><div class="code"><pre class="charp" style="font-family:monospace;">using (ShellLibrary shellLibrary =
    ShellLibrary.Load(libraryName, folderPath, isReadOnly))
{
    shellLibrary.IconResourceId = new IconReference(moduleName, resourceId);
}</pre></div></div>

<h4>锁定库导航窗格：</h4>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>ShellLibrary shellLibrary <span style="color: #008000;">=</span>
    ShellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">Load</span><span style="color: #008000;">&#40;</span>libraryName, folderPath, isReadOnly<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
<span style="color: #008000;">&#123;</span>
    shellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">IsPinnedToNavigationPane</span> <span style="color: #008000;">=</span> <span style="color: #0600FF; font-weight: bold;">true</span><span style="color: #008000;">;</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

<h4>设置库类型：</h4>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>ShellLibrary shellLibrary <span style="color: #008000;">=</span>
    ShellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">Load</span><span style="color: #008000;">&#40;</span>libraryName, folderPath, isReadOnly<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
<span style="color: #008000;">&#123;</span>
    shellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">LibraryType</span> <span style="color: #008000;">=</span> libraryType<span style="color: #008000;">;</span>
&nbsp;
    <span style="color: #008080; font-style: italic;">// libraryType can be:</span>
    <span style="color: #008080; font-style: italic;">//  LibraryFolderType.Generic</span>
    <span style="color: #008080; font-style: italic;">//  LibraryFolderType.Documents</span>
    <span style="color: #008080; font-style: italic;">//  LibraryFolderType.Music</span>
    <span style="color: #008080; font-style: italic;">//  LibraryFolderType.Pictures</span>
    <span style="color: #008080; font-style: italic;">//  LibraryFolderType.Videos</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

<h4>打开库管理界面：</h4>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;">ShellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">ShowManageLibraryUI</span><span style="color: #008000;">&#40;</span>
    libraryName, folderPath, hOwnerWnd, title, instruction, allowNonIndexableLocations<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span></pre></div></div>

<h4>删除库：</h4>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #6666cc; font-weight: bold;">string</span> FileExtension <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;.library-ms&quot;</span><span style="color: #008000;">;</span>
File<span style="color: #008000;">.</span><span style="color: #0000FF;">Delete</span><span style="color: #008000;">&#40;</span>Path<span style="color: #008000;">.</span><span style="color: #0000FF;">Combine</span><span style="color: #008000;">&#40;</span>folderPath,libraryName <span style="color: #008000;">+</span> FileExtension<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span></pre></div></div>

<h4>获取库更改通知：</h4>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #6666cc; font-weight: bold;">string</span> FileExtension <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;.library-ms&quot;</span><span style="color: #008000;">;</span>
&nbsp;
FileSystemWatcher libraryWatcher <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> FileSystemWatcher<span style="color: #008000;">&#40;</span>folderPath<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
libraryWatcher<span style="color: #008000;">.</span><span style="color: #0000FF;">NotifyFilter</span> <span style="color: #008000;">=</span> NotifyFilters<span style="color: #008000;">.</span><span style="color: #0000FF;">LastWrite</span><span style="color: #008000;">;</span>
libraryWatcher<span style="color: #008000;">.</span><span style="color: #0000FF;">Filter</span> <span style="color: #008000;">=</span> libraryName <span style="color: #008000;">+</span> FileExtension<span style="color: #008000;">;</span>
libraryWatcher<span style="color: #008000;">.</span><span style="color: #0000FF;">IncludeSubdirectories</span> <span style="color: #008000;">=</span> <span style="color: #0600FF; font-weight: bold;">false</span><span style="color: #008000;">;</span>
&nbsp;
libraryWatcher<span style="color: #008000;">.</span><span style="color: #0000FF;">Changed</span> <span style="color: #008000;">+=</span> <span style="color: #008000;">&#40;</span>s, e<span style="color: #008000;">&#41;</span> <span style="color: #008000;">=&gt;</span>
<span style="color: #008000;">&#123;</span>
    <span style="color: #008080; font-style: italic;">// 跨线程调用</span>
    <span style="color: #0600FF; font-weight: bold;">this</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Dispatcher</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Invoke</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">new</span> Action<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span> <span style="color: #008000;">=&gt;</span>
        <span style="color: #008000;">&#123;</span>
            <span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008000;">&#40;</span>ShellLibrary shellLibrary <span style="color: #008000;">=</span>
                ShellLibrary<span style="color: #008000;">.</span><span style="color: #0000FF;">Load</span><span style="color: #008000;">&#40;</span>libraryName, folderPath, isReadOnly<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                <span style="color: #008080; font-style: italic;">// 获得更改后的消息</span>
                <span style="color: #008000;">...</span>
            <span style="color: #008000;">&#125;</span>
        <span style="color: #008000;">&#125;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
<span style="color: #008000;">&#125;</span><span style="color: #008000;">;</span>
libraryWatcher<span style="color: #008000;">.</span><span style="color: #0000FF;">EnableRaisingEvents</span> <span style="color: #008000;">=</span> <span style="color: #0600FF; font-weight: bold;">true</span><span style="color: #008000;">;</span></pre></div></div>

<p><div class="note"><div class="notetip">
<p>原文：<br /><a href="http://blogs.microsoft.co.il/blogs/arik/archive/2010/03/15/windows-7-libraries-c-quick-reference.aspx" target="_blank">http://blogs.microsoft.co.il/blogs/arik/archive/2010/03/15/windows-7-libraries-c-quick-reference.aspx</a></p>
<p>来自：<a href="http://www.imwls.com">http://www.imwls.com</a></p>
<p></div></div></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="Windows7 beta1 7000安装成功" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fwindows7-beta1-7000-setup&from=http%3A%2F%2Fwww.imwls.com%2Fwindows7-library-csharp-quick-reference">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617417.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Windows7 beta1 7000安装成功</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Windows7 Beta官方下载" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fwindows7-beta-download-microsoft&from=http%3A%2F%2Fwww.imwls.com%2Fwindows7-library-csharp-quick-reference">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617480.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Windows7 Beta官方下载</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Windows7 build 7068终于出来了" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fwindows7-build-7068&from=http%3A%2F%2Fwww.imwls.com%2Fwindows7-library-csharp-quick-reference">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617520.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Windows7 build 7068终于出来了</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Windows 7新官方主题“春季”" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fwindows7-new-theme-czech-spring&from=http%3A%2F%2Fwww.imwls.com%2Fwindows7-library-csharp-quick-reference">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617368.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Windows 7新官方主题“春季”</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关闭Windows7服务/Windows7服务优化" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fclose-win7-service-2&from=http%3A%2F%2Fwww.imwls.com%2Fwindows7-library-csharp-quick-reference">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617474.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关闭Windows7服务/Windows7服务优化</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/windows7-library-csharp-quick-reference/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ASP.NET(C#)生成柱状图和饼图</title>
		<link>http://www.imwls.com/asp-net-csharp-histogram-pie</link>
		<comments>http://www.imwls.com/asp-net-csharp-histogram-pie#comments</comments>
		<pubDate>Sat, 20 Mar 2010 02:29:50 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Asp.NET]]></category>

		<guid isPermaLink="false">http://www.imwls.com/asp-net-csharp-histogram-pie/</guid>
		<description><![CDATA[记得刚进公司不久，老板要求在生产线前的电视机上实时显示产量等各种信息，并且用曲线图和柱状图显示出来。那时候对asp.net还不熟悉，只能用asp+vml的方式画图，虽然最后的图形很漂亮，但vml是ie only的技术，而且已经非常老旧了。现在同样的工作，我们完全可以用asp.net实现，而且更简单。<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="在ASP.NET中使用Windows身份验证" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617310.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在ASP.NET中使用Windows身份验证</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET提供哪些身份验证方式？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET提供哪些身份验证方式？</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP常用自定义函数--IsValidEmail()" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-function-isvalidemail&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617374.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP常用自定义函数--IsValidEmail()</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JSON in .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617394.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JSON in .NET</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>记得刚进公司不久，老板要求在生产线前的电视机上实时显示产量等各种信息，并且用曲线图和柱状图显示出来。那时候对asp.net还不熟悉，只能用<a href="http://blog.csdn.net/UglyBean/archive/2004/09/21/111503.aspx" target="_blank">asp+vml</a>的方式画图，虽然最后的图形很漂亮，但vml是ie only的技术，而且已经非常老旧了。现在同样的工作，我们完全可以用asp.net实现，而且更简单。</p>
<p>  <span id="more-1239"></span> 先看看效果图：<img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; margin-left: 0px; border-left-width: 0px; margin-right: 0px" title="asp.net 柱状图 饼图" border="0" alt="asp.net 柱状图 饼图" src="http://www.imwls.com/wp-content/uploads/2010/03/2010031916324630.gif" width="406" height="310" />
<p>代码：</p>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Collections</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Configuration</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Data</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Linq</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Web</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Web.Security</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Web.UI</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Web.UI.HtmlControls</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Web.UI.WebControls</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Web.UI.WebControls.WebParts</span><span style="color: #008000;">;</span>
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Xml.Linq</span><span style="color: #008000;">;</span>
&nbsp;
<span style="color: #0600FF; font-weight: bold;">using</span> <span style="color: #008080;">System.Drawing</span><span style="color: #008000;">;</span>
&nbsp;
<span style="color: #0600FF; font-weight: bold;">namespace</span> WebApplication1
<span style="color: #008000;">&#123;</span>
    <span style="color: #0600FF; font-weight: bold;">public</span> <span style="color: #0600FF; font-weight: bold;">partial</span> <span style="color: #6666cc; font-weight: bold;">class</span> _Default <span style="color: #008000;">:</span> <span style="color: #000000;">System.<span style="color: #0000FF;">Web</span><span style="color: #008000;">.</span><span style="color: #0000FF;">UI</span></span><span style="color: #008000;">.</span><span style="color: #0000FF;">Page</span>
    <span style="color: #008000;">&#123;</span>
        <span style="color: #0600FF; font-weight: bold;">private</span> <span style="color: #6666cc; font-weight: bold;">string</span><span style="color: #008000;">&#91;</span>,<span style="color: #008000;">&#93;</span> data <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> <span style="color: #6666cc; font-weight: bold;">string</span><span style="color: #008000;">&#91;</span><span style="color: #FF0000;">6</span>, <span style="color: #FF0000;">2</span><span style="color: #008000;">&#93;</span><span style="color: #008000;">;</span>
&nbsp;
        <span style="color: #0600FF; font-weight: bold;">protected</span> <span style="color: #6666cc; font-weight: bold;">void</span> Page_Load<span style="color: #008000;">&#40;</span><span style="color: #6666cc; font-weight: bold;">object</span> sender, EventArgs e<span style="color: #008000;">&#41;</span>
        <span style="color: #008000;">&#123;</span>
            DrawingAPic<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
        <span style="color: #008000;">&#125;</span>
&nbsp;
        <span style="color: #0600FF; font-weight: bold;">private</span> <span style="color: #6666cc; font-weight: bold;">void</span> DrawingAPic<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span>
        <span style="color: #008000;">&#123;</span>
            <span style="color: #6666cc; font-weight: bold;">int</span> i<span style="color: #008000;">;</span>
            <span style="color: #008080; font-style: italic;">// 实例化Bitmap对象</span>
            Bitmap objbitmap<span style="color: #008000;">;</span>
            objbitmap <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> Bitmap<span style="color: #008000;">&#40;</span><span style="color: #FF0000;">400</span>, <span style="color: #FF0000;">300</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
            Graphics objGraphics<span style="color: #008000;">;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">// 实例化Graphics类</span>
            objGraphics <span style="color: #008000;">=</span> Graphics<span style="color: #008000;">.</span><span style="color: #0000FF;">FromImage</span><span style="color: #008000;">&#40;</span>objbitmap<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">// 填充背景色            </span>
            objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">Clear</span><span style="color: #008000;">&#40;</span>Color<span style="color: #008000;">.</span><span style="color: #0000FF;">White</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">// 画圆</span>
            objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawRectangle</span><span style="color: #008000;">&#40;</span>Pens<span style="color: #008000;">.</span><span style="color: #0000FF;">Black</span>, <span style="color: #FF0000;">1</span>, <span style="color: #FF0000;">1</span>, <span style="color: #FF0000;">398</span>, <span style="color: #FF0000;">298</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">// 写标题</span>
            objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawString</span><span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;本公司上半年营业额统计图&quot;</span>, <span style="color: #008000;">new</span> Font<span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;宋体&quot;</span>, <span style="color: #FF0000;">16</span>, FontStyle<span style="color: #008000;">.</span><span style="color: #0000FF;">Bold</span><span style="color: #008000;">&#41;</span>, Brushes<span style="color: #008000;">.</span><span style="color: #0000FF;">Black</span>, <span style="color: #008000;">new</span> PointF<span style="color: #008000;">&#40;</span><span style="color: #FF0000;">60</span>, <span style="color: #FF0000;">5</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">// 获取数据，这里模拟出6个月的公司业务数据，实际应用可以从数据库读取</span>
            getdata<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
            PointF monthcolor <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> PointF<span style="color: #008000;">&#40;</span><span style="color: #FF0000;">260</span>, <span style="color: #FF0000;">40</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
            PointF fontinfor <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> PointF<span style="color: #008000;">&#40;</span><span style="color: #FF0000;">285</span>, <span style="color: #FF0000;">36</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
            <span style="color: #0600FF; font-weight: bold;">for</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">=</span> <span style="color: #FF0000;">0</span><span style="color: #008000;">;</span> i <span style="color: #008000;">&lt;</span> <span style="color: #008000;">=</span> <span style="color: #FF0000;">5</span><span style="color: #008000;">;</span> i<span style="color: #008000;">++</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                <span style="color: #008080; font-style: italic;">//  画出填充矩形</span>
                objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">FillRectangle</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">new</span> SolidBrush<span style="color: #008000;">&#40;</span>getcolor<span style="color: #008000;">&#40;</span>i<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>, monthcolor<span style="color: #008000;">.</span><span style="color: #0000FF;">X</span>, monthcolor<span style="color: #008000;">.</span><span style="color: #0000FF;">Y</span>, <span style="color: #FF0000;">20</span>, <span style="color: #FF0000;">10</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
                <span style="color: #008080; font-style: italic;">//画出矩形边框。</span>
                objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawRectangle</span><span style="color: #008000;">&#40;</span>Pens<span style="color: #008000;">.</span><span style="color: #0000FF;">Black</span>, monthcolor<span style="color: #008000;">.</span><span style="color: #0000FF;">X</span>, monthcolor<span style="color: #008000;">.</span><span style="color: #0000FF;">Y</span>, <span style="color: #FF0000;">20</span>, <span style="color: #FF0000;">10</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
                <span style="color: #008080; font-style: italic;">//画出图例说明文字－－data(i, 0)</span>
                objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawString</span><span style="color: #008000;">&#40;</span>data<span style="color: #008000;">&#91;</span>i, <span style="color: #FF0000;">0</span><span style="color: #008000;">&#93;</span>, <span style="color: #008000;">new</span> Font<span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;宋体&quot;</span>, <span style="color: #FF0000;">10</span><span style="color: #008000;">&#41;</span>, Brushes<span style="color: #008000;">.</span><span style="color: #0000FF;">Black</span>, fontinfor<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
                <span style="color: #008080; font-style: italic;">//移动坐标位置，只移动Y方向的值即可。</span>
                monthcolor<span style="color: #008000;">.</span><span style="color: #0000FF;">Y</span> <span style="color: #008000;">+=</span> <span style="color: #FF0000;">15</span><span style="color: #008000;">;</span>
                fontinfor<span style="color: #008000;">.</span><span style="color: #0000FF;">Y</span> <span style="color: #008000;">+=</span> <span style="color: #FF0000;">15</span><span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">// 遍历数据源的每一项数据，并根据数据的大小画出矩形图（即柱形图的柱）。</span>
            <span style="color: #0600FF; font-weight: bold;">for</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">=</span> <span style="color: #FF0000;">0</span><span style="color: #008000;">;</span> i <span style="color: #008000;">&lt;=</span> <span style="color: #FF0000;">5</span><span style="color: #008000;">;</span> i<span style="color: #008000;">++</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                <span style="color: #008080; font-style: italic;">//画出填充矩形。</span>
                objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">FillRectangle</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">new</span> SolidBrush<span style="color: #008000;">&#40;</span>getcolor<span style="color: #008000;">&#40;</span>i<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>, <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">*</span> <span style="color: #FF0000;">25</span><span style="color: #008000;">&#41;</span> <span style="color: #008000;">+</span> <span style="color: #FF0000;">35</span>, <span style="color: #FF0000;">270</span> <span style="color: #008000;">-</span> <span style="color: #000000;">System</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Convert</span><span style="color: #008000;">.</span><span style="color: #0000FF;">ToInt32</span><span style="color: #008000;">&#40;</span>data<span style="color: #008000;">&#91;</span>i, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span><span style="color: #008000;">&#41;</span>, <span style="color: #FF0000;">15</span>, <span style="color: #000000;">System</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Convert</span><span style="color: #008000;">.</span><span style="color: #0000FF;">ToInt32</span><span style="color: #008000;">&#40;</span>data<span style="color: #008000;">&#91;</span>i, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
                <span style="color: #008080; font-style: italic;">//'画出矩形边框线。</span>
                objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawRectangle</span><span style="color: #008000;">&#40;</span>Pens<span style="color: #008000;">.</span><span style="color: #0000FF;">Black</span>, <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">*</span> <span style="color: #FF0000;">25</span><span style="color: #008000;">&#41;</span> <span style="color: #008000;">+</span> <span style="color: #FF0000;">35</span>, <span style="color: #FF0000;">270</span> <span style="color: #008000;">-</span> <span style="color: #000000;">System</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Convert</span><span style="color: #008000;">.</span><span style="color: #0000FF;">ToInt32</span><span style="color: #008000;">&#40;</span>data<span style="color: #008000;">&#91;</span>i, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span><span style="color: #008000;">&#41;</span>, <span style="color: #FF0000;">15</span>, <span style="color: #000000;">System</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Convert</span><span style="color: #008000;">.</span><span style="color: #0000FF;">ToInt32</span><span style="color: #008000;">&#40;</span>data<span style="color: #008000;">&#91;</span>i, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">//画出示意坐标</span>
            objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawLine</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">new</span> Pen<span style="color: #008000;">&#40;</span>Color<span style="color: #008000;">.</span><span style="color: #0000FF;">Blue</span>, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#41;</span>, <span style="color: #FF0000;">10</span>, <span style="color: #FF0000;">0</span>, <span style="color: #FF0000;">10</span>, <span style="color: #FF0000;">320</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
            objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawLine</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">new</span> Pen<span style="color: #008000;">&#40;</span>Color<span style="color: #008000;">.</span><span style="color: #0000FF;">Blue</span>, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#41;</span>, <span style="color: #FF0000;">10</span>, <span style="color: #FF0000;">270</span>, <span style="color: #FF0000;">200</span>, <span style="color: #FF0000;">270</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">// 在示意坐标上添加数值标志，注意坐标的计算</span>
            <span style="color: #0600FF; font-weight: bold;">for</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">=</span> <span style="color: #FF0000;">0</span><span style="color: #008000;">;</span> i <span style="color: #008000;">&lt;=</span> <span style="color: #FF0000;">5</span><span style="color: #008000;">;</span> i<span style="color: #008000;">++</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawLine</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">new</span> Pen<span style="color: #008000;">&#40;</span>Color<span style="color: #008000;">.</span><span style="color: #0000FF;">Blue</span>, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#41;</span>, <span style="color: #FF0000;">10</span>, i <span style="color: #008000;">*</span> <span style="color: #FF0000;">50</span> <span style="color: #008000;">+</span> <span style="color: #FF0000;">20</span>, <span style="color: #FF0000;">20</span>, i <span style="color: #008000;">*</span> <span style="color: #FF0000;">50</span> <span style="color: #008000;">+</span> <span style="color: #FF0000;">20</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
                objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawString</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#40;</span><span style="color: #FF0000;">250</span> <span style="color: #008000;">-</span> i <span style="color: #008000;">*</span> <span style="color: #FF0000;">50</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">.</span><span style="color: #0000FF;">ToString</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span>, <span style="color: #008000;">new</span> Font<span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;宋体&quot;</span>, <span style="color: #FF0000;">10</span><span style="color: #008000;">&#41;</span>, Brushes<span style="color: #008000;">.</span><span style="color: #0000FF;">Black</span>, <span style="color: #FF0000;">12</span>, i <span style="color: #008000;">*</span> <span style="color: #FF0000;">50</span> <span style="color: #008000;">+</span> <span style="color: #FF0000;">8</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
            <span style="color: #008080; font-style: italic;">//统计总销售额</span>
            <span style="color: #6666cc; font-weight: bold;">float</span> scount <span style="color: #008000;">=</span> <span style="color: #FF0000;">0</span><span style="color: #008000;">;</span>
            <span style="color: #0600FF; font-weight: bold;">for</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">=</span> <span style="color: #FF0000;">0</span><span style="color: #008000;">;</span> i <span style="color: #008000;">&lt;=</span> <span style="color: #FF0000;">5</span><span style="color: #008000;">;</span> i<span style="color: #008000;">++</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                scount <span style="color: #008000;">+=</span> <span style="color: #6666cc; font-weight: bold;">float</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Parse</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#40;</span>data<span style="color: #008000;">&#91;</span>i, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">//定义画出扇形角度变量</span>
            <span style="color: #6666cc; font-weight: bold;">float</span> scg <span style="color: #008000;">=</span> <span style="color: #FF0000;">0</span><span style="color: #008000;">;</span>
            <span style="color: #6666cc; font-weight: bold;">float</span> stg <span style="color: #008000;">=</span> <span style="color: #FF0000;">0</span><span style="color: #008000;">;</span>
            <span style="color: #0600FF; font-weight: bold;">for</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">=</span> <span style="color: #FF0000;">0</span><span style="color: #008000;">;</span> i <span style="color: #008000;">&lt;=</span> <span style="color: #FF0000;">5</span><span style="color: #008000;">;</span> i<span style="color: #008000;">++</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                <span style="color: #008080; font-style: italic;">//计算当前角度值：当月销售额 / 总销售额 * 360，得到饼图中当月所占的角度大小。</span>
                <span style="color: #6666cc; font-weight: bold;">float</span> num <span style="color: #008000;">=</span> <span style="color: #6666cc; font-weight: bold;">float</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Parse</span><span style="color: #008000;">&#40;</span>data<span style="color: #008000;">&#91;</span>i, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
                scg <span style="color: #008000;">=</span> <span style="color: #008000;">&#40;</span>num <span style="color: #008000;">/</span> scount<span style="color: #008000;">&#41;</span> <span style="color: #008000;">*</span> <span style="color: #FF0000;">360</span><span style="color: #008000;">;</span>
&nbsp;
                <span style="color: #008080; font-style: italic;">//画出填充圆弧。</span>
                objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">FillPie</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">new</span> SolidBrush<span style="color: #008000;">&#40;</span>getcolor<span style="color: #008000;">&#40;</span>i<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span>, <span style="color: #FF0000;">220</span>, <span style="color: #FF0000;">150</span>, <span style="color: #FF0000;">120</span>, <span style="color: #FF0000;">120</span>, stg, scg<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
                <span style="color: #008080; font-style: italic;">//画出圆弧线。</span>
                objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawPie</span><span style="color: #008000;">&#40;</span>Pens<span style="color: #008000;">.</span><span style="color: #0000FF;">Black</span>, <span style="color: #FF0000;">220</span>, <span style="color: #FF0000;">150</span>, <span style="color: #FF0000;">120</span>, <span style="color: #FF0000;">120</span>, stg, scg<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
                <span style="color: #008080; font-style: italic;">//  把当前圆弧角度加到总角度上。</span>
                stg <span style="color: #008000;">+=</span> scg<span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">// 画出说明文字</span>
            objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawString</span><span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;柱状图&quot;</span>, <span style="color: #008000;">new</span> Font<span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;宋体&quot;</span>, <span style="color: #FF0000;">15</span>, FontStyle<span style="color: #008000;">.</span><span style="color: #0000FF;">Bold</span><span style="color: #008000;">&#41;</span>, Brushes<span style="color: #008000;">.</span><span style="color: #0000FF;">Blue</span>, <span style="color: #FF0000;">50</span>, <span style="color: #FF0000;">272</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
            objGraphics<span style="color: #008000;">.</span><span style="color: #0000FF;">DrawString</span><span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;饼状图&quot;</span>, <span style="color: #008000;">new</span> Font<span style="color: #008000;">&#40;</span><span style="color: #666666;">&quot;宋体&quot;</span>, <span style="color: #FF0000;">15</span>, FontStyle<span style="color: #008000;">.</span><span style="color: #0000FF;">Bold</span><span style="color: #008000;">&#41;</span>, Brushes<span style="color: #008000;">.</span><span style="color: #0000FF;">Blue</span>, <span style="color: #FF0000;">250</span>, <span style="color: #FF0000;">272</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
            <span style="color: #008080; font-style: italic;">// 输出到客户端</span>
            objbitmap<span style="color: #008000;">.</span><span style="color: #0000FF;">Save</span><span style="color: #008000;">&#40;</span>Response<span style="color: #008000;">.</span><span style="color: #0000FF;">OutputStream</span>, <span style="color: #000000;">System.<span style="color: #0000FF;">Drawing</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Imaging</span></span><span style="color: #008000;">.</span><span style="color: #0000FF;">ImageFormat</span><span style="color: #008000;">.</span><span style="color: #0000FF;">Gif</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
&nbsp;
        <span style="color: #008000;">&#125;</span>
        <span style="color: #008080; font-style: italic;">// 为数组赋值</span>
        <span style="color: #008080; font-style: italic;">// 即生成模拟业务数据</span>
        <span style="color: #0600FF; font-weight: bold;">private</span> <span style="color: #6666cc; font-weight: bold;">void</span> getdata<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span>
        <span style="color: #008000;">&#123;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">0</span>, <span style="color: #FF0000;">0</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;一月份&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">1</span>, <span style="color: #FF0000;">0</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;二月份&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">2</span>, <span style="color: #FF0000;">0</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;三月份&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">3</span>, <span style="color: #FF0000;">0</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;四月份&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">4</span>, <span style="color: #FF0000;">0</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;五月份&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">5</span>, <span style="color: #FF0000;">0</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;六月份&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">0</span>, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;85&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">1</span>, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;135&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">2</span>, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;85&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">3</span>, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;110&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">4</span>, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;130&quot;</span><span style="color: #008000;">;</span>
            data<span style="color: #008000;">&#91;</span><span style="color: #FF0000;">5</span>, <span style="color: #FF0000;">1</span><span style="color: #008000;">&#93;</span> <span style="color: #008000;">=</span> <span style="color: #666666;">&quot;200&quot;</span><span style="color: #008000;">;</span>
        <span style="color: #008000;">&#125;</span>
&nbsp;
        <span style="color: #008080; font-style: italic;">// 产生色彩值，便于显示区别</span>
        <span style="color: #0600FF; font-weight: bold;">private</span> Color getcolor<span style="color: #008000;">&#40;</span><span style="color: #6666cc; font-weight: bold;">int</span> i<span style="color: #008000;">&#41;</span>
        <span style="color: #008000;">&#123;</span>
            Color newcolor<span style="color: #008000;">;</span>
            i <span style="color: #008000;">+=</span> <span style="color: #FF0000;">1</span><span style="color: #008000;">;</span>
            <span style="color: #0600FF; font-weight: bold;">if</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">==</span> <span style="color: #FF0000;">1</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                newcolor <span style="color: #008000;">=</span> Color<span style="color: #008000;">.</span><span style="color: #0000FF;">Blue</span><span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
            <span style="color: #0600FF; font-weight: bold;">else</span> <span style="color: #0600FF; font-weight: bold;">if</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">==</span> <span style="color: #FF0000;">2</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                newcolor <span style="color: #008000;">=</span> Color<span style="color: #008000;">.</span><span style="color: #0000FF;">ForestGreen</span><span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
            <span style="color: #0600FF; font-weight: bold;">else</span> <span style="color: #0600FF; font-weight: bold;">if</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">==</span> <span style="color: #FF0000;">3</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                newcolor <span style="color: #008000;">=</span> Color<span style="color: #008000;">.</span><span style="color: #0000FF;">Gainsboro</span><span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
            <span style="color: #0600FF; font-weight: bold;">else</span> <span style="color: #0600FF; font-weight: bold;">if</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">==</span> <span style="color: #FF0000;">4</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                newcolor <span style="color: #008000;">=</span> Color<span style="color: #008000;">.</span><span style="color: #0000FF;">Moccasin</span><span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
            <span style="color: #0600FF; font-weight: bold;">else</span> <span style="color: #0600FF; font-weight: bold;">if</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">==</span> <span style="color: #FF0000;">5</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                newcolor <span style="color: #008000;">=</span> Color<span style="color: #008000;">.</span><span style="color: #0000FF;">Indigo</span><span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
            <span style="color: #0600FF; font-weight: bold;">else</span> <span style="color: #0600FF; font-weight: bold;">if</span> <span style="color: #008000;">&#40;</span>i <span style="color: #008000;">==</span> <span style="color: #FF0000;">6</span><span style="color: #008000;">&#41;</span>
            <span style="color: #008000;">&#123;</span>
                newcolor <span style="color: #008000;">=</span> Color<span style="color: #008000;">.</span><span style="color: #0000FF;">BurlyWood</span><span style="color: #008000;">;</span>
            <span style="color: #008000;">&#125;</span>
            <span style="color: #0600FF; font-weight: bold;">else</span>
                newcolor <span style="color: #008000;">=</span> Color<span style="color: #008000;">.</span><span style="color: #0000FF;">Goldenrod</span><span style="color: #008000;">;</span>
            <span style="color: #0600FF; font-weight: bold;">return</span> newcolor<span style="color: #008000;">;</span>
        <span style="color: #008000;">&#125;</span>
    <span style="color: #008000;">&#125;</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

</pre>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="在ASP.NET中使用Windows身份验证" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617310.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在ASP.NET中使用Windows身份验证</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET提供哪些身份验证方式？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET提供哪些身份验证方式？</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="Asp.net动态加载用户自定义控件,并转换成HTML代码" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">Asp.net动态加载用户自定义控件,并转换成HTML代码</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP常用自定义函数--IsValidEmail()" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-function-isvalidemail&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617374.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP常用自定义函数--IsValidEmail()</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JSON in .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617394.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JSON in .NET</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/asp-net-csharp-histogram-pie/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>使用jQuery进行MD5加密</title>
		<link>http://www.imwls.com/jquery-md5</link>
		<comments>http://www.imwls.com/jquery-md5#comments</comments>
		<pubDate>Tue, 16 Mar 2010 05:11:03 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1231</guid>
		<description><![CDATA[有时候我们想在js里面使用加密，jQuery就提供了这样的插件，用法十分简单：

$(md("你想要加密的字符串"))。

下面是我的简单例子：

<span class="readmore"><a href="http://www.imwls.com/jquery-md5" title="使用jQuery进行MD5加密">阅读全文——共262字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="最全的jQuery表格插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/06/7738696.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">最全的jQuery表格插件</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="流行的jQuery信息提示插件(jQuery Tooltip Plugin)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/07/31/20265713.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">流行的jQuery信息提示插件(jQuery Tooltip Plugin)</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery CheckBox全选" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617319.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery CheckBox全选</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于JavaScript/jQuery事件冒泡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/23/16499891.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于JavaScript/jQuery事件冒泡</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>有时候我们想在js里面使用加密，jQuery就提供了这样的插件，用法十分简单：</p>
<p>$(md("你想要加密的字符串"))。</p>
<p>下面是我的简单例子：<span id="more-1231"></span></p>

<div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><span style="color: #009900;">&lt; !DOCTYPE html PUBLIC <span style="color: #ff0000;">&quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;</span> <span style="color: #ff0000;">&quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">html</span> xmlns<span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;http://www.w3.org/1999/xhtml&quot;</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">title</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">title</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Scripts/jquery-1.3.2.min.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> <span style="color: #000066;">src</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;Scripts/jquery.md5.js&quot;</span>&gt;&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
    <span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">script</span> <span style="color: #000066;">type</span><span style="color: #66cc66;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span>&gt;</span>
        alert($.md5(&quot;Hello&quot;));
    <span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">script</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">head</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">body</span>&gt;</span>
<span style="color: #009900;">&lt;<span style="color: #66cc66;">/</span><span style="color: #000000; font-weight: bold;">html</span>&gt;</span></pre></div></div>

<p><div class="note"><div class="notetip">
<p><strong>MD5插件下载地址：http://plugins.jquery.com/project/md5</strong></p>
<p></div></div></p>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="最全的jQuery表格插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/06/7738696.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">最全的jQuery表格插件</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="流行的jQuery信息提示插件(jQuery Tooltip Plugin)" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/07/31/20265713.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">流行的jQuery信息提示插件(jQuery Tooltip Plugin)</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery CheckBox全选" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617319.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery CheckBox全选</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="关于JavaScript/jQuery事件冒泡" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fabout-javascript-jquery-event-propagation&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/08/23/16499891.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">关于JavaScript/jQuery事件冒泡</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/jquery-md5/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Asp.net动态加载用户自定义控件,并转换成HTML代码</title>
		<link>http://www.imwls.com/asp-net-ajax-load-usercontrol-convert-html</link>
		<comments>http://www.imwls.com/asp-net-ajax-load-usercontrol-convert-html#comments</comments>
		<pubDate>Sat, 13 Mar 2010 08:29:04 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[Ajax]]></category>
		<category><![CDATA[Asp.NET]]></category>
		<category><![CDATA[C#]]></category>
		<category><![CDATA[Javascript]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1216</guid>
		<description><![CDATA[Ajax现在已经是相当流行的技术了，Ajax不仅是想服务器端发送消息，更重要的是无刷新的重载页面。

如果页面单纯的使用js来创建，要写大量的代码，而且不直观。

在asp.net中，其实我们可以创建用户自定义控件，通过Ajax请求返回用户自定义控件HTML代码。

<span class="readmore"><a href="http://www.imwls.com/asp-net-ajax-load-usercontrol-convert-html" title="Asp.net动态加载用户自定义控件,并转换成HTML代码">阅读全文——共529字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="ASP.NET(C#)生成柱状图和饼图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617352.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET(C#)生成柱状图和饼图</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在ASP.NET中使用Windows身份验证" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617310.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在ASP.NET中使用Windows身份验证</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JSON in .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617394.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JSON in .NET</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET提供哪些身份验证方式？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET提供哪些身份验证方式？</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP常用自定义函数--ShowMsg" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-function-showmsg&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617349.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP常用自定义函数--ShowMsg</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>Ajax现在已经是相当流行的技术了，Ajax不仅是想服务器端发送消息，更重要的是无刷新的重载页面。</p>
<p>如果页面单纯的使用js来创建，要写大量的代码，而且不直观。</p>
<p>在asp.net中，其实我们可以创建用户自定义控件，通过Ajax请求返回用户自定义控件HTML代码。</p>
<p><span id="more-1216"></span></p>

<div class="wp_syntax"><div class="code"><pre class="csharp" style="font-family:monospace;"><span style="color: #0600FF; font-weight: bold;">public</span> <span style="color: #0600FF; font-weight: bold;">static</span> <span style="color: #6666cc; font-weight: bold;">string</span> RangerUsControl<span style="color: #008000;">&#40;</span><span style="color: #6666cc; font-weight: bold;">string</span> controlName<span style="color: #008000;">&#41;</span>
<span style="color: #008000;">&#123;</span>
      StringBuilder build <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> StringBuilder<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
      HtmlTextWriter htmlWriter <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> HtmlTextWriter<span style="color: #008000;">&#40;</span><span style="color: #008000;">new</span> StringWriter<span style="color: #008000;">&#40;</span>build<span style="color: #008000;">&#41;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
      UserControl uc <span style="color: #008000;">=</span> <span style="color: #008000;">new</span> UserControl<span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
      Control ctrl<span style="color: #008000;">=</span>uc<span style="color: #008000;">.</span><span style="color: #0000FF;">LoadControl</span><span style="color: #008000;">&#40;</span>controlName<span style="color: #008000;">+</span><span style="color: #666666;">&quot;.ascx&quot;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span><span style="color: #008080; font-style: italic;">//加载用户定义控件</span>
      htmlWriter<span style="color: #008000;">.</span><span style="color: #0000FF;">Flush</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
      <span style="color: #6666cc; font-weight: bold;">string</span> result<span style="color: #008000;">;</span>
      <span style="color: #0600FF; font-weight: bold;">try</span>
      <span style="color: #008000;">&#123;</span>
           ctrl<span style="color: #008000;">.</span><span style="color: #0000FF;">RenderControl</span><span style="color: #008000;">&#40;</span>htmlWriter<span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
      <span style="color: #008000;">&#125;</span>
      <span style="color: #0600FF; font-weight: bold;">catch</span> <span style="color: #008000;">&#123;</span> <span style="color: #008000;">&#125;</span>
      <span style="color: #0600FF; font-weight: bold;">finally</span>
      <span style="color: #008000;">&#123;</span>
           htmlWriter<span style="color: #008000;">.</span><span style="color: #0000FF;">Flush</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
           result<span style="color: #008000;">=</span>build<span style="color: #008000;">.</span><span style="color: #0000FF;">ToString</span><span style="color: #008000;">&#40;</span><span style="color: #008000;">&#41;</span><span style="color: #008000;">;</span>
      <span style="color: #008000;">&#125;</span>
      <span style="color: #0600FF; font-weight: bold;">return</span> result<span style="color: #008000;">;</span><span style="color: #008080; font-style: italic;">//返回控件的HTML代码</span>
<span style="color: #008000;">&#125;</span></pre></div></div>

<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="ASP.NET(C#)生成柱状图和饼图" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-csharp-histogram-pie&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617352.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET(C#)生成柱状图和饼图</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="在ASP.NET中使用Windows身份验证" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-using-windows-authentication&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617310.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">在ASP.NET中使用Windows身份验证</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="JSON in .NET" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjson-in-dotnet&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617394.gif" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">JSON in .NET</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP.NET提供哪些身份验证方式？" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-net-authenticaton-overview&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617308.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP.NET提供哪些身份验证方式？</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="ASP常用自定义函数--ShowMsg" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fasp-function-showmsg&from=http%3A%2F%2Fwww.imwls.com%2Fasp-net-ajax-load-usercontrol-convert-html">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617349.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">ASP常用自定义函数--ShowMsg</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/asp-net-ajax-load-usercontrol-convert-html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>流行的jQuery信息提示插件(jQuery Tooltip Plugin)</title>
		<link>http://www.imwls.com/30-jquery-tooltip-plugin</link>
		<comments>http://www.imwls.com/30-jquery-tooltip-plugin#comments</comments>
		<pubDate>Thu, 11 Mar 2010 00:27:10 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1175</guid>
		<description><![CDATA[信息提示虽然是小东西，但是在网站设计中却起到了巨大的作用。如果你网站的信息提示做的好，会给访客留下非常深刻的印象。下面有30个非常流行的jQuery信息提示插件，希望对各位有所帮助。记住，所有的这些都是为了使网站设计更好。  



1.  Dynamic tooltip

<span class="readmore"><a href="http://www.imwls.com/30-jquery-tooltip-plugin" title="流行的jQuery信息提示插件(jQuery Tooltip Plugin)">阅读全文——共3991字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="jQuery CheckBox全选" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone&from=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617319.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery CheckBox全选</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="最全的jQuery表格插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins&from=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/06/7738696.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">最全的jQuery表格插件</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="FlexiGrid IE8修复和扩展，适应新版jQuery" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend&from=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">FlexiGrid IE8修复和扩展，适应新版jQuery</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></description>
			<content:encoded><![CDATA[<p>信息提示虽然是小东西，但是在网站设计中却起到了巨大的作用。如果你网站的信息提示做的好，会给访客留下非常深刻的印象。下面有30个非常流行的jQuery信息提示插件，希望对各位有所帮助。记住，所有的这些都是为了使网站设计更好。 <img src='http://www.imwls.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':grin:' class='wp-smiley' /> </p>
<p><span id="more-1175"></span></p>
<h3><a href="http://flowplayer.org/tools/tooltip.html" target="_blank">1.  Dynamic tooltip</a></h3>
<p>非常漂亮的tooltip！有渐变、透明、阴影等效果。</p>
<div id="attachment_1177" class="wp-caption alignnone" style="width: 580px"><a href="http://flowplayer.org/tools/tooltip.html" target="_blank"><img class="size-full wp-image-1177 " title="flowplayer-dynamic-tooltip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/flowplayer-dynamic-tooltip-jquery-tooltip-plugin-for-web-design.jpg" alt="Dynamic tooltip" width="570" height="178" /></a><p class="wp-caption-text">Dynamic tooltip</p></div>
<h3><a href="http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/" target="_blank">2. Popup Bubble</a></h3>
<p>优秀的tooltip！虽然看起来简单，但是过渡效果非常棒，适用于简单干净的网站。</p>
<div id="attachment_1179" class="wp-caption alignnone" style="width: 580px"><a href="http://www.dvq.co.nz/web-design/create-a-jquery-popup-bubble-effect/" target="_blank"><img class="size-full wp-image-1179 " title="dvq-popup-bubble-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/dvq-popup-bubble-jquery-tooltip-plugin-for-web-design.jpg" alt="Popup Bubble" width="570" height="109" /></a><p class="wp-caption-text">Popup Bubble</p></div>
<h3><a href="http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials" target="_blank">3. jQuery Horizontal Tooltips Menu Tutorials</a></h3>
<p>精美的tooltip！提示信息不会消失，除非你点击其它链接。看起来非常简单，但是它的动画效果却非常棒。</p>
<div id="attachment_1180" class="wp-caption alignnone" style="width: 580px"><a href="http://www.queness.com/post/556/jquery-horizontal-tooltips-menu-tutorials" target="_blank"><img class="size-full wp-image-1180 " title="queness-horizontal-tooltips-menu-tutorials-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/queness-horizontal-tooltips-menu-tutorials-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="185" /></a><p class="wp-caption-text">jQuery Horizontal Tooltips Menu Tutorials</p></div>
<h3><a href="http://www.nickstakenburg.com/projects/prototip2/" target="_blank">4. Prototip</a></h3>
<p>多种多样的提示效果，极有效的简化工作过程。</p>
<div id="attachment_1181" class="wp-caption alignnone" style="width: 580px"><a href="http://www.nickstakenburg.com/projects/prototip2/" target="_blank"><img class="size-full wp-image-1181 " title="nickstakenburg-prototip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/nickstakenburg-prototip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="333" /></a><p class="wp-caption-text">Prototip</p></div>
<h3><a href="http://jqueryfordesigners.com/coda-popup-bubbles/" target="_blank">5. Coda Popup Bubble</a></h3>
<p>非常漂亮的信息提示，有过渡效果和背景阴影。</p>
<div id="attachment_1182" class="wp-caption alignnone" style="width: 580px"><a href="http://jqueryfordesigners.com/coda-popup-bubbles/" target="_blank"><img class="size-full wp-image-1182 " title="jqueryfordesigners-coda-popup-bubble-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/jqueryfordesigners-coda-popup-bubble-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="180" /></a><p class="wp-caption-text">Coda Popup Bubble</p></div>
<h3><a href="http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/" target="_blank">6. Awesomeness</a></h3>
<p>非常酷的信息提示，平滑的过渡效果，并且有透明边框。</p>
<div id="attachment_1184" class="wp-caption alignnone" style="width: 580px"><a href="http://net.tutsplus.com/tutorials/javascript-ajax/build-a-better-tooltip-with-jquery-awesomeness/" target="_blank"><img class="size-full wp-image-1184 " title="nettuts-s3-cdn-plus-awesomeness-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/nettuts-s3-cdn-plus-awesomeness-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="174" /></a><p class="wp-caption-text">Awesomeness</p></div>
<h3><a href="http://code.drewwilson.com/entry/tiptip-jquery-plugin" target="_blank">7. TipTip</a></h3>
<p>漂亮的信息提示，有淡入淡出过渡效果，幻灯、阴影特效。</p>
<div id="attachment_1185" class="wp-caption alignnone" style="width: 580px"><a href="http://code.drewwilson.com/entry/tiptip-jquery-plugin" target="_blank"><img class="size-full wp-image-1185 " title="code-drewwilson-tiptip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/code-drewwilson-tiptip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="111" /></a><p class="wp-caption-text">TipTip</p></div>
<h3><a href="http://pupunzi.open-lab.com/2009/02/07/mbtooltip/" target="_blank">8. (mb)Tooltip</a></h3>
<p>这个是为输入框开发的信息提示，过渡效果美观。</p>
<div id="attachment_1186" class="wp-caption alignnone" style="width: 580px"><a href="http://pupunzi.open-lab.com/2009/02/07/mbtooltip/" target="_blank"><img class="size-full wp-image-1186 " title="pupunzi-mb-tooltip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/pupunzi-mb-tooltip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="129" /></a><p class="wp-caption-text">(mb)Tooltip</p></div>
<h3><a href="http://www.vertigo-project.com/projects/vtip" target="_blank">9. vTip</a></h3>
<p>简单但是非常好的信息提示，有淡入效果。</p>
<div id="attachment_1187" class="wp-caption alignnone" style="width: 580px"><a href="http://www.vertigo-project.com/projects/vtip" target="_blank"><img class="size-full wp-image-1187 " title="vertigo-project-vtip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/vertigo-project-vtip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="312" /></a><p class="wp-caption-text">vTip</p></div>
<h3><a href="http://stanlemon.net/projects/jgrowl.html" target="_blank">10.  jGrowl</a></h3>
<p>当点击链接时淡入出现，然后固定在右上角，一段时间后自动消失，或者可以手动关闭。</p>
<div id="attachment_1188" class="wp-caption alignnone" style="width: 580px"><a href="http://stanlemon.net/projects/jgrowl.html" target="_blank"><img class="size-full wp-image-1188 " title="stanlemon-jgrowl-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/stanlemon-jgrowl-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="177" /></a><p class="wp-caption-text">jGrowl</p></div>
<h3><a href="http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html" target="_blank">11. jQuery Ajax Tooltip</a></h3>
<p>有趣的信息提示，可以处理像小型网页图片和文字。它有一个阴影效果。</p>
<div id="attachment_1189" class="wp-caption alignnone" style="width: 580px"><a href="http://rndnext.blogspot.com/2009/02/jquery-ajax-tooltip.html" target="_blank"><img class="size-full wp-image-1189 " title="rndnext-blogspot-jquery-ajax-tooltip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/rndnext-blogspot-jquery-ajax-tooltip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="357" /></a><p class="wp-caption-text">jQuery Ajax Tooltip</p></div>
<h3><a href="http://www.queness.com/post/309/create-a-digg-style-post-sharing-tool-with-jquery" target="_blank">12. Digg-style post sharing tool with jQuery</a></h3>
<p>漂亮的digg样式，适用于社交网站。</p>
<div id="attachment_1190" class="wp-caption alignnone" style="width: 580px"><a href="http://www.queness.com/post/309/create-a-digg-style-post-sharing-tool-with-jquery" target="_blank"><img class="size-full wp-image-1190 " title="queness-digg-style-post-sharing-tool-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/queness-digg-style-post-sharing-tool-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="173" /></a><p class="wp-caption-text">Digg-style post sharing tool with jQuery</p></div>
<h3><a href="http://nicolae.namolovan.googlepages.com/jquery.inputHintBox.html" target="_blank">13. Input Floating Hint Box</a></h3>
<p>有趣的输入框提示，边框为圆角。输入框获得焦点时淡入，点击其它地方淡出。</p>
<div id="attachment_1191" class="wp-caption alignnone" style="width: 580px"><a href="http://nicolae.namolovan.googlepages.com/jquery.inputHintBox.html" target="_blank"><img class="size-full wp-image-1191 " title="nicolae-namolovan-googlepages-input-hint-box-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/nicolae-namolovan-googlepages-input-hint-box-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="142" /></a><p class="wp-caption-text">Input Floating Hint Box</p></div>
<h3><a href="http://craigsworks.com/projects/simpletip/" target="_blank">14.  Simpletip</a></h3>
<p>漂亮的提示与褪色的过渡。将鼠标悬停在链接上，tooltip淡入在链接的上方或者下方。</p>
<div id="attachment_1192" class="wp-caption alignnone" style="width: 580px"><a href="http://craigsworks.com/projects/simpletip/" target="_blank"><img class="size-full wp-image-1192 " title="simpletip-craigsworks-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/simpletip-craigsworks-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="178" /></a><p class="wp-caption-text">Simpletip</p></div>
<h3><a href="http://craigsworks.com/projects/qtip/" target="_blank">15.  qTip</a></h3>
<p>很简单，但 好看的提示。可以圆角，说话提示的样式。</p>
<div id="attachment_1193" class="wp-caption alignnone" style="width: 580px"><a href="http://craigsworks.com/projects/qtip/" target="_blank"><img class="size-full wp-image-1193 " title="craigsworks-qtip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/craigsworks-qtip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="156" /></a><p class="wp-caption-text">qTip</p></div>
<h3><a href="http://www.userfirst.com/our-blog/2008/12/01/orbital-tooltip/" target="_blank">16. Orbital Tooltip</a></h3>
<p>有趣的提示插件，您可以手动设定在您需要的时间出现。</p>
<div id="attachment_1194" class="wp-caption alignnone" style="width: 580px"><a href="http://www.userfirst.com/our-blog/2008/12/01/orbital-tooltip/" target="_blank"><img class="size-full wp-image-1194 " title="userfirst-orbital-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/userfirst-orbital-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="179" /></a><p class="wp-caption-text">Orbital Tooltip</p></div>
<h3><a href="http://www.javascriptkit.com/script/script2/htmltooltip.shtml" target="_blank">17. Inline HTML Tooltip</a></h3>
<p>漂亮的提示，有过渡效果。</p>
<div id="attachment_1195" class="wp-caption alignnone" style="width: 580px"><a href="http://www.javascriptkit.com/script/script2/htmltooltip.shtml" target="_blank"><img class="size-full wp-image-1195 " title="javascriptkit-inline-html-tooltip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/javascriptkit-inline-html-tooltip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="73" /></a><p class="wp-caption-text">Inline HTML Tooltip</p></div>
<h3><a href="http://onehackoranother.com/projects/jquery/tipsy/" target="_blank">18. tipsy</a></h3>
<div id="attachment_1196" class="wp-caption alignnone" style="width: 580px"><a href="http://onehackoranother.com/projects/jquery/tipsy/" target="_blank"><img class="size-full wp-image-1196 " title="onehackoranother-tipsy-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/onehackoranother-tipsy-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="72" /></a><p class="wp-caption-text">tipsy</p></div>
<h3><a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery" target="_blank">19. Easiest jQuery Tooltip Ever</a></h3>
<div id="attachment_1197" class="wp-caption alignnone" style="width: 580px"><a href="http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery" target="_blank"><img class="size-full wp-image-1197 " title="cssglobe-easiest-jquery-tooltip-ever-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/cssglobe-easiest-jquery-tooltip-ever-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="233" /></a><p class="wp-caption-text">Easiest jQuery Tooltip Ever</p></div>
<h3><a href="http://benchsketch.com/bquery/index.html" target="_blank">20.  BsTip</a></h3>
<div id="attachment_1198" class="wp-caption alignnone" style="width: 580px"><a href="http://benchsketch.com/bquery/index.html" target="_blank"><img class="size-full wp-image-1198 " title="benchsketch-bstip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/benchsketch-bstip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="108" /></a><p class="wp-caption-text">BsTip</p></div>
<h3><a href="http://theezpzway.com/demos/ezpz-tooltip" target="_blank">21.  EZPZ Tooltip</a></h3>
<div id="attachment_1199" class="wp-caption alignnone" style="width: 580px"><a href="http://theezpzway.com/demos/ezpz-tooltip" target="_blank"><img class="size-full wp-image-1199 " title="theezpzway-ezpz-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/theezpzway-ezpz-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="174" /></a><p class="wp-caption-text">EZPZ Tooltip</p></div>
<h3><a href="http://www.lullabot.com/files/bt/bt-latest/DEMO/index.html" target="_blank">22. BeautyTips</a></h3>
<div id="attachment_1200" class="wp-caption alignnone" style="width: 580px"><img class="size-full wp-image-1200 " title="lullabot-beautytips-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/lullabot-beautytips-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="130" /><p class="wp-caption-text">BeautyTips</p></div>
<h3><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/" target="_blank">23. Tooltip </a></h3>
<div id="attachment_1201" class="wp-caption alignnone" style="width: 580px"><a href="http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/" target="_blank"><img class="size-full wp-image-1201 " title="bassistance-tooltip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/bassistance-tooltip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="175" /></a><p class="wp-caption-text">Tooltip</p></div>
<h3><a href="http://plugins.learningjquery.com/cluetip/" target="_blank">24.  clueTip</a></h3>
<p>简单的提示，当鼠标悬停在链接上时出现，直到你关闭它才会消失。</p>
<div id="attachment_1202" class="wp-caption alignnone" style="width: 580px"><a href="http://plugins.learningjquery.com/cluetip/" target="_blank"><img class="size-full wp-image-1202 " title="plugins-learning-jquery-cluetip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/plugins-learning-jquery-cluetip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="107" /></a><p class="wp-caption-text">clueTip</p></div>
<h3><a href="http://blufusion.net/2009/07/27/creating-a-simple-tooltip-using-jquery-and-css/" target="_blank">25. Creating A Simple Tooltip Using jQuery and CSS</a></h3>
<p>几个简单但是不同的提示。</p>
<div id="attachment_1203" class="wp-caption alignnone" style="width: 580px"><a href="http://blufusion.net/2009/07/27/creating-a-simple-tooltip-using-jquery-and-css/" target="_blank"><img class="size-full wp-image-1203 " title="demos-blufusion-jquery-tooltips-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/demos-blufusion-jquery-tooltips-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="116" /></a><p class="wp-caption-text">Creating A Simple Tooltip Using jQuery and CSS</p></div>
<h3><a href="http://edgarverle.com/BetterTip/default.cfm" target="_blank">26. BetterTip</a></h3>
<p>Tooltip出现在链接的右边。</p>
<div id="attachment_1204" class="wp-caption alignnone" style="width: 580px"><a href="http://edgarverle.com/BetterTip/default.cfm" target="_blank"><img class="size-full wp-image-1204 " title="edgarverle-bettertip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/edgarverle-bettertip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="77" /></a><p class="wp-caption-text">BetterTip</p></div>
<h3><a href="http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip" target="_blank">27. jTip</a></h3>
<p>简单但是对于登录页面非常有用。</p>
<div id="attachment_1205" class="wp-caption alignnone" style="width: 580px"><a href="http://codylindley.com/Javascript/264/jtip-a-jquery-tool-tip" target="_blank"><img class="size-full wp-image-1205 " title="codylindley-jtip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/codylindley-jtip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="181" /></a><p class="wp-caption-text">jTip</p></div>
<h3><a href="http://hernan.amiune.com/labs/jQuery-Tooltip-Plugin/jQuery-Tooltip-Plugin.html" target="_blank">28. jqTooltip</a></h3>
<p>简单的ajax加载效果，可以淡入淡出。</p>
<div id="attachment_1206" class="wp-caption alignnone" style="width: 580px"><a href="http://hernan.amiune.com/labs/jQuery-Tooltip-Plugin/jQuery-Tooltip-Plugin.html" target="_blank"><img class="size-full wp-image-1206 " title="hernan-amiune-jqtooltip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/hernan-amiune-jqtooltip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="108" /></a><p class="wp-caption-text">jqTooltip</p></div>
<h3><a href="http://pop.seaofclouds.com/" target="_blank">29. Pop!</a></h3>
<div id="attachment_1207" class="wp-caption alignnone" style="width: 580px"><a href="http://pop.seaofclouds.com/" target="_blank"><img class="size-full wp-image-1207 " title="pop-seaofclouds-pop-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/pop-seaofclouds-pop-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="294" /></a><p class="wp-caption-text">Pop!</p></div>
<h3><a href="http://www.queness.com/post/92/create-a-simple-cssjavascript-tooltip-with-jquery" target="_blank">30. Create a Simple CSS + Javascript Tooltip with  jQuery</a></h3>
<p>Simple tooltip with rounded corners. It follows your mouse movements.</p>
<p>简单的圆角tooltip，随鼠标移动。</p>
<div id="attachment_1208" class="wp-caption alignnone" style="width: 580px"><a href="http://www.queness.com/post/92/create-a-simple-cssjavascript-tooltip-with-jquery" target="_blank"><img class="size-full wp-image-1208 " title="queness-simple-css-javascript-tooltip-jquery-tooltip-plugin-for-web-design" src="http://www.imwls.com/wp-content/uploads/2010/03/queness-simple-css-javascript-tooltip-jquery-tooltip-plugin-for-web-design.jpg" alt="" width="570" height="142" /></a><p class="wp-caption-text">Create a Simple CSS + Javascript Tooltip with jQuery</p></div>
<table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="jQuery CheckBox全选" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone&from=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617319.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery CheckBox全选</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="最全的jQuery表格插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins&from=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/06/7738696.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">最全的jQuery表格插件</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="为jQuery Validator插件增加日期比较" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function&from=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">为jQuery Validator插件增加日期比较</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="FlexiGrid IE8修复和扩展，适应新版jQuery" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-flexigrid-ie8-repair-extend&from=http%3A%2F%2Fwww.imwls.com%2F30-jquery-tooltip-plugin">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">FlexiGrid IE8修复和扩展，适应新版jQuery</font>
                    </a>
                </td>
        </tr>
    
    <tr>
        <td colspan="5" align="right">
            <a style="text-decoration: none !important;" href="http://www.wumii.com/widget/relatedItems.htm" target="_blank" title="无觅相关文章插件">
                <font size="-1" color="#bbbbbb" style="display: block !important; font-family: arial !important; padding: 5px 0 !important; font-size: 12px !important; color: #bbb !important;">无觅</font>
            </a>
        </td>
    </tr>
</table>]]></content:encoded>
			<wfw:commentRss>http://www.imwls.com/30-jquery-tooltip-plugin/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>为jQuery Validator插件增加日期比较</title>
		<link>http://www.imwls.com/jquery-validator-date-compare-function</link>
		<comments>http://www.imwls.com/jquery-validator-date-compare-function#comments</comments>
		<pubDate>Wed, 10 Mar 2010 13:41:54 +0000</pubDate>
		<dc:creator>木公</dc:creator>
				<category><![CDATA[Learning]]></category>
		<category><![CDATA[jQuery]]></category>

		<guid isPermaLink="false">http://www.imwls.com/?p=1171</guid>
		<description><![CDATA[刚刚开始了一个新的项目，其中在Keyin data时需要进行日期大小的比较，而非常流行的jQuery Validator虽然已经包含了丰富的验证方法，可还是没法进行日期大小的比较，不过这个插件支持自定义方法，嘿嘿，这就好办。





<span class="readmore"><a href="http://www.imwls.com/jquery-validator-date-compare-function" title="为jQuery Validator插件增加日期比较">阅读全文——共670字</a></span><table class="wumii-related-items" cellspacing="0" cellpadding="3" border="0"  style="clear: both;">
    
    <tr>
        <td colspan="5"><b><font size="-1"  style="display: block !important; padding: 20px 0 5px !important;">您可能也喜欢：</font></b></td>
    </tr>
    
        <tr>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important;">
                    <a target="_blank" title="使用jQuery进行MD5加密" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-md5&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617342.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">使用jQuery进行MD5加密</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="最全的jQuery表格插件" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fthe-most-jquery-table-plugins&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2011/05/06/7738696.jpg" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">最全的jQuery表格插件</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="jQuery CheckBox全选" style="text-decoration: none !important; cursor: pointer !important;" href="http://app.wumii.com/ext/redirect.htm?url=http%3A%2F%2Fwww.imwls.com%2Fjquery-checkbox-checkall-checknone&from=http%3A%2F%2Fwww.imwls.com%2Fjquery-validator-date-compare-function">
                        <img style="margin: 0 !important; padding: 2px !important; border: 1px solid #DDDDDD !important; width: 88px !important; height: 88px !important;" src="http://static.wumii.com/site_images/2010/12/28/1617319.png" width="88px" height="88px" /><br />
                        <font size="-1" color="#333333" style="display: block !important; line-height: 15px !important; width: 94px !important; font: 12px/15px arial !important; height: 60px !important; margin: 3px 0 0 0 !important; padding: 0 !important; overflow: hidden !important;">jQuery CheckBox全选</font>
                    </a>
                </td>
                <td width="94" valign="top" style="padding: 5px !important; margin: 0 !important; border-left: 1px solid #DDDDDD !important;">
                    <a target="_blank" title="流行的jQuer
