<?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>邪罗刹的菠萝阁 &#187; link</title>
	<atom:link href="http://www.rainmoe.com/tag/link/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rainmoe.com</link>
	<description>One code, one world ...</description>
	<lastBuildDate>Thu, 29 Dec 2011 14:04:21 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>jQuery点击链接文字后替换文字</title>
		<link>http://www.rainmoe.com/2009/12/04/click-the-link-that-use-jquery-replace-link-text-to-another/</link>
		<comments>http://www.rainmoe.com/2009/12/04/click-the-link-that-use-jquery-replace-link-text-to-another/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 05:34:11 +0000</pubDate>
		<dc:creator>小邪</dc:creator>
				<category><![CDATA[代码 [Code]]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[replace]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.evlos.org/?p=1355</guid>
		<description><![CDATA[> 小邪今天把博客文章标题加上了 jQuery 点击文字替换效果，有兴趣可以返回文章列表点点看。

> 呵呵，实际上灰常简单的，就只需要一个 Click 事件，然后修改 Text 为载入中就好了。



<span class="readmore"><a href="http://www.rainmoe.com/2009/12/04/click-the-link-that-use-jquery-replace-link-text-to-another/" title="jQuery点击链接文字后替换文字">阅读全文——共1324字</a></span>]]></description>
			<content:encoded><![CDATA[<p>> 小邪今天把博客文章标题加上了 jQuery 点击文字替换效果，有兴趣可以返回文章列表点点看。<br />
> 呵呵，实际上灰常简单的，就只需要一个 Click 事件，然后修改 Text 为载入中就好了。</p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/Capture0598.jpg" /></p>
<p>> jQuery 查找元素的语法跟 CSS 中是一样的，比如我的文章标题就是 .post .title h2 a 。<br />
> O(∩_∩)O 然后我打算把博客上所有的链接都加上自动替换的效果，嘿嘿嘿嘿，那样子就太壮观啦。</p>
<p><span id="more-1355"></span>1. <strong>首先载入 jQuery 库（谷歌提供的托管地址）</strong>：</p>
<pre class="brush: jscript; auto-links: false; html-script: false; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;
src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js&quot;&gt;
&lt;/script&gt;
</pre>
<p>2. <strong>然后添加点击后替换文字效果的JS代码</strong>：</p>
<pre class="brush: jscript; auto-links: false; html-script: false; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
jQuery(document).ready(function($){ 

$('a').click(function(){
	$(this).text('载入中 ...');
	});

});
&lt;/script&gt;
</pre>
<p>> 呵呵，相信你看出了我说话的漏洞了，我并没有说替换后还会变回来。<br />
> 所以在对带 Target="_blank" 的打开新窗口的链接使用此效果之后，新的窗口打开。<br />
> 而旧的窗口还在那里，同时里面的链接文字就一直保持在 “载入中 ...” 的字样，那样就杯具了。</p>
<p>3. <strong>进阶使用点击后替换文字效果的JS代码</strong>：</p>
<p>> 那么下面要实现的就是在 1.8 秒钟以后自动将链接文字替换回来。<br />
> 一般网页的载入时间是 1.3 秒钟，然后假设新窗口打开之后立即切换回来，就总共算 1.8 秒。</p>
<pre class="brush: jscript; auto-links: false; html-script: false; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot;&gt;
jQuery(document).ready(function($){ 

$('a').click(function(){
	myloadoriginal = this.text;
	$(this).text('载入中 ...');
	var myload = this;
	setTimeout(function() { $(myload).text(myloadoriginal); }, 1800);
});

});
&lt;/script&gt;
</pre>
<p>4. <strong>关于 jQuery 选择器的简单解说</strong>：</p>
<p>> 如果觉得麻烦直接就直接使用我的进阶方法吧，这个是对整个站点的所有链接实现的。<br />
> 然后就可以完美地实现 jQuery 人性化的加载提示功能，祝你好运 O(∩_∩)O。</p>
<p>> 其实 jQuery 的元素选择器跟 CSS 几乎一致，层层递进比较容易理解。<br />
> .post .title h2 a 是选择我的模板的文章标题，具体的请根据实际情况指定。</p>
<p>5. <strong>自行下载 jQuery 库</strong>：</p>
<p>> 传送门：<a target="_blank" rel="nofollow" href="http://code.google.com/p/jqueryjs/downloads/list">http://code.google.com/p/jqueryjs/downloads/list</a><br />
> 然后上传到自己的站点，并将以下代码上的地址修改我你站点上文件的路径。</p>
<pre class="brush: jscript; auto-links: false; html-script: false; title: ; notranslate">
&lt;script type=&quot;text/javascript&quot; src=&quot;jQuery库的地址&quot;&gt;&lt;/script&gt;
</pre>
<p>6. <strong>欢迎来 Follow 我的 Twitter <a target="_blank" rel="nofollow" href="http://twitter.com/angelsolo">@AngelSolo</a></strong> 。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rainmoe.com/2009/12/04/click-the-link-that-use-jquery-replace-link-text-to-another/feed/</wfw:commentRss>
		<slash:comments>86</slash:comments>
		</item>
		<item>
		<title>做好一套中国博客联盟链接Logo</title>
		<link>http://www.rainmoe.com/2009/11/22/a-set-of-chinablogs-link-logo/</link>
		<comments>http://www.rainmoe.com/2009/11/22/a-set-of-chinablogs-link-logo/#comments</comments>
		<pubDate>Sun, 22 Nov 2009 09:08:18 +0000</pubDate>
		<dc:creator>小邪</dc:creator>
				<category><![CDATA[作品 [Work]]]></category>
		<category><![CDATA[chinablogs]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[logo]]></category>

		<guid isPermaLink="false">http://www.evlos.org/?p=1054</guid>
		<description><![CDATA[> 原先中国博客联盟有一个简单的Logo，不过可能不是很适合各种各样的博客的模板。

> 所以刚刚做好一套新出炉的Logo，有白底版和黑底版，同时提供链接地址。



<span class="readmore"><a href="http://www.rainmoe.com/2009/11/22/a-set-of-chinablogs-link-logo/" title="做好一套中国博客联盟链接Logo">阅读全文——共427字</a></span>]]></description>
			<content:encoded><![CDATA[<p>> 原先中国博客联盟有一个简单的Logo，不过可能不是很适合各种各样的博客的模板。<br />
> 所以刚刚做好一套新出炉的Logo，有白底版和黑底版，同时提供链接地址。</p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/cbs_show_wh.png" /></p>
<p>> 这个还只是初稿，正在逐步修改中。O(∩_∩)O 有点过于严肃，等下看看怎么弄。<br />
> P.s. 呵呵 以后抽空研究下PNG和JPG大小问题，貌似颜色少有阴影效果的用PNG更小。</p>
<p>> 黑底版浏览传送门：<br />
> <a target="_black" href="http://www.rainmoe.com/wp-content/uploads/old/cbs_show.png">http://www.rainmoe.com/wp-content/uploads/old/cbs_show.png</a><br />
> ╮(╯﹏╰）╭ 麻烦链接过去看好啦，我的模板放上黑图好难看哦。</p>
<p><span id="more-1054"></span><strong>注意</strong>：<br />
> 现在还未完成，如果哪位童鞋喜欢，我可以提供外链地址的，这样可以随时更新。<br />
> 呵呵，我技术还没有很熟练，请多多指教 \(^o^)/ 。</p>
<p><strong>Update</strong>：<br />
> 11-23 13:15 - 已经加深黑底版的黑色背景，现在要是放在全黑的模板上不会显得很突兀了。<br />
> 11-23 13:22 - 提供180x64px的缩小版，现在的主要工作就是让Logo显得不严肃点。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rainmoe.com/2009/11/22/a-set-of-chinablogs-link-logo/feed/</wfw:commentRss>
		<slash:comments>36</slash:comments>
		</item>
		<item>
		<title>想外链图片真难</title>
		<link>http://www.rainmoe.com/2009/10/07/link-photo/</link>
		<comments>http://www.rainmoe.com/2009/10/07/link-photo/#comments</comments>
		<pubDate>Wed, 07 Oct 2009 13:14:33 +0000</pubDate>
		<dc:creator>小邪</dc:creator>
				<category><![CDATA[奇客 [Geek]]]></category>
		<category><![CDATA[link]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.evlos.org/?p=420</guid>
		<description><![CDATA[我一直在用Chrome浏览器  

贴图时先到巴巴变相册里上传 再过来贴图 



<span class="readmore"><a href="http://www.rainmoe.com/2009/10/07/link-photo/" title="想外链图片真难">阅读全文——共478字</a></span>]]></description>
			<content:encoded><![CDATA[<p>我一直在用Chrome浏览器  <br />
贴图时先到巴巴变相册里上传 再过来贴图 </p>
<p><img src="http://www.rainmoe.com/wp-content/uploads/old/Capture274.JPG" /></p>
<p>结果上传之后因为在巴巴变里看过这些图片<br />
浏览器有了缓存<br />
所以在我的站点贴了外链的图片以后是正常显示的<br />
根本没有发现巴巴变的免费用户不能外链<br />
后来在Firefox和IE检查我的网站浏览效果 吓了一跳<br />
发现图片无法显示 !</p>
<p>外链流量的计算：<br />
&gt; 计算一下  如果每天300个人来 每人载入10张<br />
> 那么大概一个月要载入90000张<br />
&gt; 1. 若每张图片大小为180KB 需要15820.5MB - 游戏截图压缩至500px<br />
&gt; 2. 若每张图片大小为400KB 需要35156.3MB - 直接游戏截图<br />
> 3. 若每张图片大小为80KB 需要7031.2MB - 缩略图<br />
&gt; 开始汗了 ⊙﹏⊙b 得小心滴考虑一下 </p>
<p><span id="more-420"></span>下面是一些相册的外链特点：<br />
&gt; 巴巴变 - 免费用户无法外链，50MB/月的上传流量<br />
&gt; Flickr - 免费用户可以外链，相片必须链接回相片页面，100MB/月的上传流量<br />
&gt; Yupoo - 免费用户可以外链，但有广告，512MB/月的照片流量，61MB/月的上传流量<br />
> Photobucket - 免费用户可以外链，500MB存储空间，每月10G流量限制，上传图片大小不做限制</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rainmoe.com/2009/10/07/link-photo/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>诚心交换友情链接</title>
		<link>http://www.rainmoe.com/2009/10/05/change-friend-link/</link>
		<comments>http://www.rainmoe.com/2009/10/05/change-friend-link/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 14:10:29 +0000</pubDate>
		<dc:creator>小邪</dc:creator>
				<category><![CDATA[奇客 [Geek]]]></category>
		<category><![CDATA[change]]></category>
		<category><![CDATA[friend]]></category>
		<category><![CDATA[link]]></category>

		<guid isPermaLink="false">http://www.evlos.org/?p=263</guid>
		<description><![CDATA[标准格式：

你好，我已做好你的友情链接 

请添加：

<span class="readmore"><a href="http://www.rainmoe.com/2009/10/05/change-friend-link/" title="诚心交换友情链接">阅读全文——共127字</a></span>]]></description>
			<content:encoded><![CDATA[<p>标准格式：</p>
<p>你好，我已做好你的友情链接 </p>
<p>请添加：</p>
<p>名称：邪罗刹的菠萝阁<br />
地址：http://www.evlos.org/<br />
描述：4ll f0r on3 , 0ne for a1l  !<br />
　<br />
> 请在此页面留言<br />
> 或请发送邮件至 4tyle8@gmail.com<br />
> 当然在留言页面留言也没问题的</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rainmoe.com/2009/10/05/change-friend-link/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using memcached (Feed is rejected)
Page Caching using memcached
Database Caching 1/21 queries in 0.017 seconds using memcached
Object Caching 323/367 objects using memcached

Served from: www.rainmoe.com @ 2012-02-09 16:48:21 -->
