<?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>IT北瓜 &#187; 原创插件</title>
	<atom:link href="http://imleeo.com/tag/%e5%8e%9f%e5%88%9b%e6%8f%92%e4%bb%b6/feed" rel="self" type="application/rss+xml" />
	<link>http://imleeo.com</link>
	<description>关注jQuery,关注java,关注计算机应用,关注生活...</description>
	<lastBuildDate>Tue, 06 Jul 2010 05:30:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>原创插件之jQuery Simple Ajax Message plugin</title>
		<link>http://imleeo.com/jquery/jquery-simple-ajax-message-plugin.html</link>
		<comments>http://imleeo.com/jquery/jquery-simple-ajax-message-plugin.html#comments</comments>
		<pubDate>Sat, 12 Sep 2009 08:55:00 +0000</pubDate>
		<dc:creator>IT北瓜</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[原创插件]]></category>
		<category><![CDATA[Plugin]]></category>
		<category><![CDATA[SAM]]></category>
		<category><![CDATA[Simple Ajax Message]]></category>

		<guid isPermaLink="false">http://imleeo.com/jquery/jquery-simple-ajax-message-plugin.html</guid>
		<description><![CDATA[这个插件的功能十分简单，用于提示ajax执行过程的等待效果及执行结果的成功或者失败提示。

说明：

1.需要pngFix插件支持以实现IE浏览器下png背景图片的透明效果

2.如果设置draggable参数为true，则还需要jqDnR插件实现拖动效果，这款插件十分小巧。

3.提供两套皮肤，通过skin: 'aero',//允许值：："aero"、"aero2"来设置。

4.参数timeout默认值为0，不设置该值则插件不会自动关闭需要通过hideSAM();来关闭，设置了该值则会定时关闭。

<div class="posturl"><span><span class="r1"></span><span class="r2"></span><span class="r3"></span><span class="r4"></span></span><div class="posturl-content">
关联文章导读：<ol><li><a href='http://imleeo.com/jquery/jquery-nicetitle-plugin.html' rel='bookmark' title='Permanent Link: 原创插件之jQuery niceTitle plugin'>原创插件之jQuery niceTitle plugin</a> <small>最近由于一个项目客户要求鼠标经过链接的时候显示一个美观一些的提示信息，因此就花了点时间写了这个小插件。效果如下： 虽然之前也写过几个插件，但都还没正式的去整理出来，这次是我第一次发布自己的插件，同时也将这个插件发布到jQuery官方网站上了，有兴趣的童鞋可以点击这里jQuery niceTitle plugin进行访问。...</small></li>
<li><a href='http://imleeo.com/jquery/jquery-form-plugin.html' rel='bookmark' title='Permanent Link: （jQuery插件推荐：表单类）jQuery Form Plugin'>（jQuery插件推荐：表单类）jQuery Form Plugin</a> <small>&lt;!-- jQuery的优秀使得基于jQuery的插件可谓百花齐放、争相斗艳（大家可以到官方网站插件页面了解详情）。 从今天起，Leeo会陆续为大家推荐一系列优秀的jQuery插件。 面对这琳琅满目的插件，也许你会觉得不知道该如何选择，希望Leeo的推荐能够给大家在选择插件是作为一个参考。 --&gt; .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color:...</small></li>
<li><a href='http://imleeo.com/jquery/a-conversation-about-nicetitle-with-macek-from-the-czech-republic-through-meebo.html' rel='bookmark' title='Permanent Link: 通过meebo与来自捷克的macek关于niceTitle的一次谈话'>通过meebo与来自捷克的macek关于niceTitle的一次谈话</a> <small>自2009年9月11日为IT北瓜安上即时聊天工具meebo(见文章：停用SMCF插件启用Meebo即时聊天)一周以来，没人通过meebo给我留言，⊙﹏⊙b汗。今天下午突然meebo客户端提示有人给我留言，一看还是英文内容，有点意外，于是进入meebo一探究竟。真的一时有点没反应过来，因为我的英语水平实在是so pool！谈话中得知他是来自捷克的macek，问我关于niceTitle的事情。他说喜欢我写的jQuery niceTitle plugin，但是该插件对于input标签无效。我告诉他由于input标签没有href属性，所以这个插件现在是无法对input标签实现niceTitle效果的，但可以通过简单的改写一下代码来实现，具体做法如下：...</small></li>
</ol></div><span><span class="r4"></span><span class="r3"></span><span class="r2"></span><span class="r1"></span></span></div>]]></description>
			<content:encoded><![CDATA[<p>这个插件的功能十分简单，用于提示ajax执行过程的等待效果及执行结果的成功或者失败提示。</p>
<p>说明：</p>
<p>1.需要<a title="pngFix plugin" href="http://jquery.andreaseberhard.de/" target="_blank">pngFix</a>插件支持以实现IE浏览器下png背景图片的透明效果</p>
<p>2.如果设置draggable参数为true，则还需要<a title="jQuery jqDnR plugin" href="http://www.iceburg.net" target="_blank">jqDnR</a>插件实现拖动效果，这款插件十分小巧。</p>
<p>3.提供两套皮肤，通过skin: &#8216;aero&#8217;,//允许值：：&quot;aero&quot;、&quot;aero2&quot;来设置。</p>
<p>4.参数timeout默认值为0，不设置该值则插件不会自动关闭需要通过hideSAM();来关闭，设置了该值则会定时关闭。</p>
<div class="wlWriterEditableSmartContent" id="scid:8747F07C-CDE8-481f-B0DF-C6CFD074BF67:173defcf-2ceb-4a35-8f0d-2aa112a60abe" style="padding-right: 0px; display: inline; padding-left: 0px; float: none; padding-bottom: 0px; margin: 0px; padding-top: 0px"><a href="http://imleeo.com/wp-content/uploads/jQuerySimpleAjaxMessageplugin_F13C/sam18x6.jpg" class="highslide-image" onclick="return hs.expand(this);" title="" rel="thumbnail"><img border="0" src="http://imleeo.com/wp-content/uploads/jQuerySimpleAjaxMessageplugin_F13C/sam1.png" width="350" height="169" /></a></div>
<div class="wlWriterEditableSmartContent" id="scid:8747F07C-CDE8-481f-B0DF-C6CFD074BF67:0c257f24-331d-4e8f-b54d-c1b23055e174" style="padding-right: 0px; display: inline; padding-left: 0px; float: none; padding-bottom: 0px; margin: 0px; padding-top: 0px"><a href="http://imleeo.com/wp-content/uploads/jQuerySimpleAjaxMessageplugin_F13C/sam28x6.jpg" class="highslide-image" onclick="return hs.expand(this);" title="" rel="thumbnail"><img border="0" src="http://imleeo.com/wp-content/uploads/jQuerySimpleAjaxMessageplugin_F13C/sam2.png" width="344" height="143" /></a></div>
<div class="wlWriterEditableSmartContent" id="scid:8747F07C-CDE8-481f-B0DF-C6CFD074BF67:d86f9308-53e1-47c6-a522-4180c9dffd86" style="padding-right: 0px; display: inline; padding-left: 0px; float: none; padding-bottom: 0px; margin: 0px; padding-top: 0px"><a href="http://imleeo.com/wp-content/uploads/jQuerySimpleAjaxMessageplugin_F13C/sam38x6.jpg" class="highslide-image" onclick="return hs.expand(this);" title="" rel="thumbnail"><img border="0" src="http://imleeo.com/wp-content/uploads/jQuerySimpleAjaxMessageplugin_F13C/sam3.png" width="351" height="175" /></a></div>
<p>实例演示<a title="jQuery Simple Ajax Message Plugin" href="http://imleeo.com/jquery-example/jQuery.sam.html" target="_blank">DEMO</a></p>


<div class="posturl"><span><span class="r1"></span><span class="r2"></span><span class="r3"></span><span class="r4"></span></span><div class="posturl-content"><p>关联文章导读：<ol><li><a href='http://imleeo.com/jquery/jquery-nicetitle-plugin.html' rel='bookmark' title='Permanent Link: 原创插件之jQuery niceTitle plugin'>原创插件之jQuery niceTitle plugin</a> <small>最近由于一个项目客户要求鼠标经过链接的时候显示一个美观一些的提示信息，因此就花了点时间写了这个小插件。效果如下： 虽然之前也写过几个插件，但都还没正式的去整理出来，这次是我第一次发布自己的插件，同时也将这个插件发布到jQuery官方网站上了，有兴趣的童鞋可以点击这里jQuery niceTitle plugin进行访问。...</small></li>
<li><a href='http://imleeo.com/jquery/jquery-form-plugin.html' rel='bookmark' title='Permanent Link: （jQuery插件推荐：表单类）jQuery Form Plugin'>（jQuery插件推荐：表单类）jQuery Form Plugin</a> <small>&lt;!-- jQuery的优秀使得基于jQuery的插件可谓百花齐放、争相斗艳（大家可以到官方网站插件页面了解详情）。 从今天起，Leeo会陆续为大家推荐一系列优秀的jQuery插件。 面对这琳琅满目的插件，也许你会觉得不知道该如何选择，希望Leeo的推荐能够给大家在选择插件是作为一个参考。 --&gt; .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color:...</small></li>
<li><a href='http://imleeo.com/jquery/a-conversation-about-nicetitle-with-macek-from-the-czech-republic-through-meebo.html' rel='bookmark' title='Permanent Link: 通过meebo与来自捷克的macek关于niceTitle的一次谈话'>通过meebo与来自捷克的macek关于niceTitle的一次谈话</a> <small>自2009年9月11日为IT北瓜安上即时聊天工具meebo(见文章：停用SMCF插件启用Meebo即时聊天)一周以来，没人通过meebo给我留言，⊙﹏⊙b汗。今天下午突然meebo客户端提示有人给我留言，一看还是英文内容，有点意外，于是进入meebo一探究竟。真的一时有点没反应过来，因为我的英语水平实在是so pool！谈话中得知他是来自捷克的macek，问我关于niceTitle的事情。他说喜欢我写的jQuery niceTitle plugin，但是该插件对于input标签无效。我告诉他由于input标签没有href属性，所以这个插件现在是无法对input标签实现niceTitle效果的，但可以通过简单的改写一下代码来实现，具体做法如下：...</small></li>
</ol></p></div><span><span class="r4"></span><span class="r3"></span><span class="r2"></span><span class="r1"></span></span></div>]]></content:encoded>
			<wfw:commentRss>http://imleeo.com/jquery/jquery-simple-ajax-message-plugin.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>原创插件之jQuery niceTitle plugin</title>
		<link>http://imleeo.com/jquery/jquery-nicetitle-plugin.html</link>
		<comments>http://imleeo.com/jquery/jquery-nicetitle-plugin.html#comments</comments>
		<pubDate>Fri, 04 Sep 2009 07:55:00 +0000</pubDate>
		<dc:creator>IT北瓜</dc:creator>
				<category><![CDATA[jQuery]]></category>
		<category><![CDATA[原创插件]]></category>
		<category><![CDATA[niceTitle]]></category>
		<category><![CDATA[Plugin]]></category>

		<guid isPermaLink="false">http://imleeo.com/jquery/%e5%8e%9f%e5%88%9b%e6%8f%92%e4%bb%b6%e4%b9%8bjquery-nicetitle-plugin/</guid>
		<description><![CDATA[最近由于一个项目客户要求鼠标经过链接的时候显示一个美观一些的提示信息，因此就花了点时间写了这个小插件。效果如下：

<a href="http://imleeo.com/wp-content/uploads/jQueryniceTitleplugin_E087/niceTitle.jpg"  class="highslide-image" onclick="return hs.expand(this);"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" title="niceTitle" src="http://imleeo.com/wp-content/uploads/jQueryniceTitleplugin_E087/niceTitle_thumb.jpg" border="0" alt="niceTitle" width="244" height="68" /></a>

虽然之前也写过几个插件，但都还没正式的去整理出来，这次是我第一次发布自己的插件，同时也将这个插件发布到<a href="http://jquery.com" target="_blank">jQuery</a>官方网站上了，有兴趣的童鞋可以点击这里<a href="http://plugins.jquery.com/project/niceTitle" target="_blank">jQuery niceTitle plugin</a>进行访问。

<div class="posturl"><span><span class="r1"></span><span class="r2"></span><span class="r3"></span><span class="r4"></span></span><div class="posturl-content">
关联文章导读：<ol><li><a href='http://imleeo.com/jquery/jquery-simple-ajax-message-plugin.html' rel='bookmark' title='Permanent Link: 原创插件之jQuery Simple Ajax Message plugin'>原创插件之jQuery Simple Ajax Message plugin</a> <small>这个插件的功能十分简单，用于提示ajax执行过程的等待效果及执行结果的成功或者失败提示。 说明： 1.需要pngFix插件支持以实现IE浏览器下png背景图片的透明效果 2.如果设置draggable参数为true，则还需要jqDnR插件实现拖动效果，这款插件十分小巧。 3.提供两套皮肤，通过skin: 'aero',//允许值：："aero"、"aero2"来设置。 4.参数timeout默认值为0，不设置该值则插件不会自动关闭需要通过hideSAM();来关闭，设置了该值则会定时关闭。...</small></li>
<li><a href='http://imleeo.com/jquery/jquery-form-plugin.html' rel='bookmark' title='Permanent Link: （jQuery插件推荐：表单类）jQuery Form Plugin'>（jQuery插件推荐：表单类）jQuery Form Plugin</a> <small>&lt;!-- jQuery的优秀使得基于jQuery的插件可谓百花齐放、争相斗艳（大家可以到官方网站插件页面了解详情）。 从今天起，Leeo会陆续为大家推荐一系列优秀的jQuery插件。 面对这琳琅满目的插件，也许你会觉得不知道该如何选择，希望Leeo的推荐能够给大家在选择插件是作为一个参考。 --&gt; .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color:...</small></li>
<li><a href='http://imleeo.com/jquery/a-conversation-about-nicetitle-with-macek-from-the-czech-republic-through-meebo.html' rel='bookmark' title='Permanent Link: 通过meebo与来自捷克的macek关于niceTitle的一次谈话'>通过meebo与来自捷克的macek关于niceTitle的一次谈话</a> <small>自2009年9月11日为IT北瓜安上即时聊天工具meebo(见文章：停用SMCF插件启用Meebo即时聊天)一周以来，没人通过meebo给我留言，⊙﹏⊙b汗。今天下午突然meebo客户端提示有人给我留言，一看还是英文内容，有点意外，于是进入meebo一探究竟。真的一时有点没反应过来，因为我的英语水平实在是so pool！谈话中得知他是来自捷克的macek，问我关于niceTitle的事情。他说喜欢我写的jQuery niceTitle plugin，但是该插件对于input标签无效。我告诉他由于input标签没有href属性，所以这个插件现在是无法对input标签实现niceTitle效果的，但可以通过简单的改写一下代码来实现，具体做法如下：...</small></li>
</ol></div><span><span class="r4"></span><span class="r3"></span><span class="r2"></span><span class="r1"></span></span></div>]]></description>
			<content:encoded><![CDATA[<p>历史版本:</p>
<p>Version 1.00  2009年9月1日  第一个发布版本</p>
<p>Version 1.10  2009年9月7日  修正在IE浏览器下改变背景颜色无效的bug</p>
<p>Version 1.20  2009年9月14日  更新后，当a标签之间的内容为一张图片时，不显示图片的alt和title，这样更美观。</p>
<p>Version 2.00 2009年9月19日 更新到v2.0.0，现在niceTitle能够对所有HTML标签起作用，感谢来自捷克的Macek提出的建议。v1版本只对a标签起作用。</p>
<p>Version 2.10 2009年9月29日 更新到v2.1.0，增加了一个showLink参数，<span style="text-decoration: line-through;">修正了当niceTitle靠右超出屏幕显示范围时导致出现X轴滚动条的bug。</span>感谢来自捷克的Macek的热心测试。</p>
<p>Version 2.20 2009年10月16日 更新到v2.1.0，增加了一个brFlag参数用于控制标题换行显示。感谢来自捷克的Macek。</p>
<p>History：</p>
<p><strong><em>Version 1.00 (1-SEP-2009) The first release version</em></strong></p>
<p><strong><em>Version 1.10 (7-SEP-2009) </em><em><span style="text-decoration: line-through;">Amendments in the IE browser to change the background color of the bug is invalid</span></em></strong><span style="text-decoration: line-through;"><strong><em> (add code: line: 68,69)</em></strong></span></p>
<p><span style="text-decoration: line-through;"><strong><em>Version 1.20 (14-SEP-2009) Hide the &#8220;img&#8221; tag&#8217;s alt and title attributes if  &#8221;a&#8221; tag includes an image.(code line: 21,46-53,84-87)</em></strong></span></p>
<p>Version 2.00 (19-SEP-2009) Update to v2.0.0,Now niceTitle can works for all HTML tags. Thanks Macek for his advice.</p>
<p>Version 2.10 (29-SEP-2009) Add a parameter &#8220;showLink&#8221; to show or hide tag a&#8217;s href and tag img&#8217;s src. <span style="text-decoration: line-through;">Fixed the bug, now niceTitle never marks scroll bar appears.</span>Thanks Macek!</p>
<p>Version 2.20 (16-Oct-2009) Add a parameter &#8220;brFlag&#8221; to make title content multi-line display. Thanks Macek.</p>
<p>最近由于一个项目客户要求鼠标经过链接的时候显示一个美观一些的提示信息，因此就花了点时间写了这个小插件。效果如下：</p>
<p><a href="http://imleeo.com/wp-content/uploads/jQueryniceTitleplugin_E087/niceTitle.jpg" class="highslide-image" onclick="return hs.expand(this);"><img style="border-right: 0px; border-top: 0px; display: block; float: none; margin-left: auto; border-left: 0px; margin-right: auto; border-bottom: 0px" title="niceTitle" src="http://imleeo.com/wp-content/uploads/jQueryniceTitleplugin_E087/niceTitle_thumb.jpg" border="0" alt="niceTitle" width="244" height="68" /></a></p>
<p>虽然之前也写过几个插件，但都还没正式的去整理出来，这次是我第一次发布自己的插件，同时也将这个插件发布到<a href="http://jquery.com" target="_blank">jQuery</a>官方网站上了，有兴趣的童鞋可以点击这里<a href="http://plugins.jquery.com/project/niceTitle" target="_blank">jQuery niceTitle plugin</a>进行访问。</p>
<p>插件功能：</p>
<p>这个小插件只要是用来替换&lt;a&gt;标签title属性的默认显示效果，可以看这里的实际效果<a href="http://imleeo.com/jquery-example/jQuery.niceTitle.html" target="_blank">Demo</a></p>
<p>插件的使用也很简单：</p>
<div id="scid:f32c3428-b7e9-4f15-a8ea-c502c7ff2e88:ff3b1c7d-d2d4-42f9-9aeb-facb7644326d" class="wlWriterEditableSmartContent" style="padding-right: 0px; display: inline; padding-left: 0px; float: none; padding-bottom: 0px; margin: 0px; padding-top: 0px">
<pre>&lt;script type="text/javascript"&gt;
    $(document).ready(function(){
	    $("a, input, img, div, span").niceTitle();//要排除一些例外的元素，例如可以用a:not([class='nono'])来排除calss为"nono"的a元素
    });
&lt;/script&gt;</pre>
</div>
<p>该插件在IE6、IE7、Chrome、Firefox3下测试通过，如果各位童鞋发现什么bug，请给我留言以便使插件更完善，谢谢~~~</p>


<div class="posturl"><span><span class="r1"></span><span class="r2"></span><span class="r3"></span><span class="r4"></span></span><div class="posturl-content"><p>关联文章导读：<ol><li><a href='http://imleeo.com/jquery/jquery-simple-ajax-message-plugin.html' rel='bookmark' title='Permanent Link: 原创插件之jQuery Simple Ajax Message plugin'>原创插件之jQuery Simple Ajax Message plugin</a> <small>这个插件的功能十分简单，用于提示ajax执行过程的等待效果及执行结果的成功或者失败提示。 说明： 1.需要pngFix插件支持以实现IE浏览器下png背景图片的透明效果 2.如果设置draggable参数为true，则还需要jqDnR插件实现拖动效果，这款插件十分小巧。 3.提供两套皮肤，通过skin: 'aero',//允许值：："aero"、"aero2"来设置。 4.参数timeout默认值为0，不设置该值则插件不会自动关闭需要通过hideSAM();来关闭，设置了该值则会定时关闭。...</small></li>
<li><a href='http://imleeo.com/jquery/jquery-form-plugin.html' rel='bookmark' title='Permanent Link: （jQuery插件推荐：表单类）jQuery Form Plugin'>（jQuery插件推荐：表单类）jQuery Form Plugin</a> <small>&lt;!-- jQuery的优秀使得基于jQuery的插件可谓百花齐放、争相斗艳（大家可以到官方网站插件页面了解详情）。 从今天起，Leeo会陆续为大家推荐一系列优秀的jQuery插件。 面对这琳琅满目的插件，也许你会觉得不知道该如何选择，希望Leeo的推荐能够给大家在选择插件是作为一个参考。 --&gt; .csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, "Courier New", courier, monospace; background-color:...</small></li>
<li><a href='http://imleeo.com/jquery/a-conversation-about-nicetitle-with-macek-from-the-czech-republic-through-meebo.html' rel='bookmark' title='Permanent Link: 通过meebo与来自捷克的macek关于niceTitle的一次谈话'>通过meebo与来自捷克的macek关于niceTitle的一次谈话</a> <small>自2009年9月11日为IT北瓜安上即时聊天工具meebo(见文章：停用SMCF插件启用Meebo即时聊天)一周以来，没人通过meebo给我留言，⊙﹏⊙b汗。今天下午突然meebo客户端提示有人给我留言，一看还是英文内容，有点意外，于是进入meebo一探究竟。真的一时有点没反应过来，因为我的英语水平实在是so pool！谈话中得知他是来自捷克的macek，问我关于niceTitle的事情。他说喜欢我写的jQuery niceTitle plugin，但是该插件对于input标签无效。我告诉他由于input标签没有href属性，所以这个插件现在是无法对input标签实现niceTitle效果的，但可以通过简单的改写一下代码来实现，具体做法如下：...</small></li>
</ol></p></div><span><span class="r4"></span><span class="r3"></span><span class="r2"></span><span class="r1"></span></span></div>]]></content:encoded>
			<wfw:commentRss>http://imleeo.com/jquery/jquery-nicetitle-plugin.html/feed</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
	</channel>
</rss>
