<?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.evlos.org/tag/link/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.evlos.org</link>
	<description>A straw shows which way the wind blows ..</description>
	<lastBuildDate>Thu, 09 Sep 2010 13:27:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>jQuery点击链接文字后替换文字</title>
		<link>http://www.evlos.org/2009/12/04/click-the-link-that-use-jquery-replace-link-text-to-another/</link>
		<comments>http://www.evlos.org/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[jQuery [Play jQuery]]]></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 为载入中就好了。 > jQuery 查找元素的语法跟 CSS 中是一样的，比如我的文章标题就是 .post .title h2 a 。 > O(∩_∩)O 然后我打算把博客上所有的链接都加上自动替换的效果，嘿嘿嘿嘿，那样子就太壮观啦。 1. 首先载入 jQuery 库（谷歌提供的托管地址）： 1 2 3 &#60;script type=&#34;text/javascript&#34; src=&#34;http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js&#34;&#62; &#60;/script&#62; 2. 然后添加点击后替换文字效果的JS代码： 1 2 3 4 5 6 7 8 9 &#60;script type=&#34;text/javascript&#34;&#62; jQuery&#40;document&#41;.ready&#40;function&#40;$&#41;&#123; &#160; $&#40;'a'&#41;.click&#40;function&#40;&#41;&#123; $&#40;this&#41;.text&#40;'载入中 ...'&#41;; &#125;&#41;; &#160; &#125;&#41;; [...]]]></description>
			<content:encoded><![CDATA[<p>> 小邪今天把博客文章标题加上了 jQuery 点击文字替换效果，有兴趣可以返回文章列表点点看。<br />
> 呵呵，实际上灰常简单的，就只需要一个 Click 事件，然后修改 Text 为载入中就好了。</p>
<p><img src="http://www.evlos.org/ev-box/myimg/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>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span> 
src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js&quot;</span><span style="color: #339933;">&gt;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>2. <strong>然后添加点击后替换文字效果的JS代码</strong>：</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
jQuery<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> 
&nbsp;
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'a'</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: #000066; font-weight: bold;">this</span><span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'载入中 ...'</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>
&nbsp;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<p>> 呵呵，相信你看出了我说话的漏洞了，我并没有说替换后还会变回来。<br />
> 所以在对带 Target="_blank" 的打开新窗口的链接使用此效果之后，新的窗口打开。<br />
> 而旧的窗口还在那里，同时里面的链接文字就一直保持在 “载入中 ...” 的字样，那样就杯具了。</p>
<p>3. <strong>进阶使用点击后替换文字效果的JS代码</strong>：</p>
<p>> 那么下面要实现的就是在 1.8 秒钟以后自动将链接文字替换回来。<br />
> 一般网页的载入时间是 1.3 秒钟，然后假设新窗口打开之后立即切换回来，就总共算 1.8 秒。</p>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
2
3
4
5
6
7
8
9
10
11
12
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span><span style="color: #339933;">&gt;</span>
jQuery<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> 
&nbsp;
$<span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'a'</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>
	myloadoriginal <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span>.<span style="color: #660066;">text</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;">text</span><span style="color: #009900;">&#40;</span><span style="color: #3366CC;">'载入中 ...'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
	<span style="color: #003366; font-weight: bold;">var</span> myload <span style="color: #339933;">=</span> <span style="color: #000066; font-weight: bold;">this</span><span style="color: #339933;">;</span>
	setTimeout<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>myload<span style="color: #009900;">&#41;</span>.<span style="color: #660066;">text</span><span style="color: #009900;">&#40;</span>myloadoriginal<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: #CC0000;">1800</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>
&nbsp;
<span style="color: #009900;">&#125;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span>
<span style="color: #339933;">&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

<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>

<div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1
</pre></td><td class="code"><pre class="javascript" style="font-family:monospace;"><span style="color: #339933;">&lt;</span>script type<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;text/javascript&quot;</span> src<span style="color: #339933;">=</span><span style="color: #3366CC;">&quot;jQuery库的地址&quot;</span><span style="color: #339933;">&gt;&lt;/</span>script<span style="color: #339933;">&gt;</span></pre></td></tr></table></div>

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

		<guid isPermaLink="false">http://www.evlos.org/?p=420</guid>
		<description><![CDATA[我一直在用Chrome浏览器   贴图时先到巴巴变相册里上传 再过来贴图 结果上传之后因为在巴巴变里看过这些图片 浏览器有了缓存 所以在我的站点贴了外链的图片以后是正常显示的 根本没有发现巴巴变的免费用户不能外链 后来在Firefox和IE检查我的网站浏览效果 吓了一跳 发现图片无法显示 ! 外链流量的计算： &#62; 计算一下 如果每天300个人来 每人载入10张 > 那么大概一个月要载入90000张 &#62; 1. 若每张图片大小为180KB 需要15820.5MB - 游戏截图压缩至500px &#62; 2. 若每张图片大小为400KB 需要35156.3MB - 直接游戏截图 > 3. 若每张图片大小为80KB 需要7031.2MB - 缩略图 &#62; 开始汗了 ⊙﹏⊙b 得小心滴考虑一下 下面是一些相册的外链特点： &#62; 巴巴变 - 免费用户无法外链，50MB/月的上传流量 &#62; Flickr - 免费用户可以外链，相片必须链接回相片页面，100MB/月的上传流量 &#62; Yupoo - 免费用户可以外链，但有广告，512MB/月的照片流量，61MB/月的上传流量 > [...]]]></description>
			<content:encoded><![CDATA[<p>我一直在用Chrome浏览器  <br />
贴图时先到巴巴变相册里上传 再过来贴图 </p>
<p><img src="http://www.evlos.org/ev-box/myimg/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.evlos.org/2009/10/07/link-photo/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>诚心交换友情链接</title>
		<link>http://www.evlos.org/2009/10/05/change-friend-link/</link>
		<comments>http://www.evlos.org/2009/10/05/change-friend-link/#comments</comments>
		<pubDate>Mon, 05 Oct 2009 14:10:29 +0000</pubDate>
		<dc:creator>小邪</dc:creator>
				<category><![CDATA[站内 [Website]]]></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[标准格式： 你好，我已做好你的友情链接 请添加： 名称：邪罗刹的菠萝阁 地址：http://www.evlos.org/ 描述：4ll f0r on3 , 0ne for a1l ! 　 > 请在此页面留言 > 或请发送邮件至 4tyle8@gmail.com > 当然在留言页面留言也没问题的]]></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.evlos.org/2009/10/05/change-friend-link/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
