<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2chinesetwfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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/" version="2.0">

<channel>
	<title>ZH CEXO's BLOG</title>
	
	<link>http://www.zhcexo.com</link>
	<description>探寻网络 分享发现</description>
	<lastBuildDate>Sun, 21 Feb 2010 12:30:25 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/Linxocn" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="linxocn" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">Linxocn</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://fusion.google.com/add?feedurl=http%3A%2F%2Ffeeds.feedburner.com%2FLinxocn" src="http://buttons.googlesyndication.com/fusion/add.gif">Subscribe with Google</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://xianguo.com/subscribe?url=http%3A%2F%2Ffeeds.feedburner.com%2FLinxocn" src="http://xgres.com/static/images/sub/sub_XianGuo_01.gif">订阅到鲜果</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://www.zhuaxia.com/add_channel.php?url=http%3A%2F%2Ffeeds.feedburner.com%2FLinxocn" src="http://img.feedsky.com/images/icon_subshot02_zhuaxia.gif">订阅到抓虾</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://inezha.com/add?url=http%3A%2F%2Ffeeds.feedburner.com%2FLinxocn" src="http://img.feedsky.com/images/icon_subshot02_nazha.gif">订阅到哪吒</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://mail.qq.com/cgi-bin/feed?u=http%3A%2F%2Ffeeds.feedburner.com%2FLinxocn" src="http://img.feedsky.com/images/icon_subshot02_qq.gif">订阅到 QQ邮箱</feedburner:feedFlare><feedburner:feedFlare xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" href="http://9.douban.com/reader/subscribe?url=http%3A%2F%2Ffeeds.feedburner.com%2FLinxocn" src="http://img.feedsky.com/images/icon_subshot02_douban.gif">订阅到九点</feedburner:feedFlare><item>
		<title>菜刀</title>
		<link>http://www.zhcexo.com/life-in-winter-holiday/</link>
		<comments>http://www.zhcexo.com/life-in-winter-holiday/#comments</comments>
		<pubDate>Sun, 21 Feb 2010 12:21:59 +0000</pubDate>
		<dc:creator>ZH CEXO</dc:creator>
				<category><![CDATA[其他]]></category>
		<category><![CDATA[武汉]]></category>
		<category><![CDATA[生活记事]]></category>
		<category><![CDATA[胡说八道]]></category>

		<guid isPermaLink="false">http://www.zhcexo.com/?p=898</guid>
		<description><![CDATA[话说本文的标题虽然是菜刀，可是主题和菜刀的关系不是很大，只是想说说我这最后一个寒假在家里呆着的一点点小事，所以如果你没时间，可以忽略本文。
感觉现在真的是被妈妈惯坏了，以... ]]></description>
			<content:encoded><![CDATA[<p>话说本文的标题虽然是菜刀，可是主题和菜刀的关系不是很大，只是想说说我这最后一个寒假在家里呆着的一点点小事，所以如果你没时间，可以忽略本文。</p>
<p>感觉现在真的是被妈妈惯坏了，以前在家里要是遇到放长假，我都得帮妈妈打理一下家务，做饭什么的也做一些，所以如果我一个人在家，也不会饿得拿方便面来充饥。但是这次回来，除了帮妈妈烧开水，其他的事情妈妈都不让做，感觉有点不自然，而且妈妈年纪慢慢大了，看着她忙碌的身影，心里还是涌过一阵难受。今天，乡下的亲戚家里喜得小孩，所以妈妈就去喝酒庆祝了，家里就我和哥哥、嫂子、侄儿吃饭，很久没做饭的我今天自告奋勇再次当起了掌勺的&ldquo;火夫&rdquo;，然后着手准备点小菜。毕竟过年在家里吃得太好了，再弄什么大鱼大肉的会倒人胃口，所以家常小菜吃在嘴里应该是最开心的吧。</p>
<p><span id="more-898"></span></p>
<p>跑到菜市场里买了点新鲜菜回来，家里还有些昏菜什么的，就准备做个西芹牛肉和腊肉菜薹，还有个汤，简单就好。切菜嘛，当然得有个趁手的兵器，一把好菜刀当然是必不可少的。以前家里用的一把旧菜刀据说年龄和我差不多，现在终于光荣退役了。中间换过几次菜刀，还有在超市里买的不锈钢菜刀什么的，但都觉得不如原来的菜刀顺手。于是乎，妈妈托乡下的大伯在那里打了把新菜刀回来，效果相当好。</p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_ruj4XAh2Njs%2FS4EUkbovVTI%2FAAAAAAAAC1o%2FPdb-h7a4fm0%2Fs800%2Fcd-1.JPG" alt="" /></p>
<p>别看这菜刀有点锈迹在上面，而且好像有点不太干净似的，其实也没不干净，因为菜刀上面的部分用得不多，就有些锈蚀了，本来想把它擦干净的，但是妈妈说，如果拿钢丝球来弄得太干净，可能会锈得更快，所以保持这样就好，切菜一般只用刀刃和上面一点点部分嘛。这把刀就是上面说的让大伯在乡下托人打的一把。说实在的，刀没什么看相，但绝对好用，这把刀的做工就花了五十块钱，让老师傅打的。听说那位老师傅打了一辈子的刀，远近闻名，乡下住的人多半都用他打的刀，只可惜老师傅现在年纪太大了，已经打不动刀了，自己的这门手艺想传给儿子们，但却怎么都传不会，这古老而精湛的手艺，可能就只传到老师傅这一代了&hellip;&hellip;</p>
<p>切菜的话最好是切得比较均匀，这样在炒起来就会让菜受热均匀，不至于有的没熟又有的胡了。我很久没切菜了，今天切个西芹弄了半天，腊肉也是滑滑的不好切，不过颇费一翻功夫后，还是弄了出来，刀工不行~</p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_ruj4XAh2Njs%2FS4EUlm9sz7I%2FAAAAAAAAC1s%2FlsZe2y3Bo7E%2Fs800%2Fcd-2.JPG" alt="" /></p>
<p>不知道有多少地方的人会在腊月开始准备腊肉，把腌好的肉风干就成了腊肉（上图左边小碗里暗红色的就是），味道很特别，再加上冬天很时令的红菜薹，就是绝配，吃起来肥而不腻，口感也很棒。西芹的味道很香，牛肉又是自家卤制的，搭配在一起也很不错。但是真正炒起来，就发现我的做菜水平大幅退步，根本不知道怎么掌握火候，难怪人家说三天不练手生。然后我心里就抱怨，这灶上的火怎么这么大呢（典型的厨子不中怪灶坏了）&hellip;&hellip;唉&hellip;&hellip;折腾了半天，终于把西芹牛肉炒出来了，将就吧~</p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_ruj4XAh2Njs%2FS4EUmkeYVFI%2FAAAAAAAAC1w%2FPAI5NMEehZg%2Fs800%2Fcd-3.JPG" alt="" /></p>
<p>然后弄好了菜，热一下汤，简单的午饭就做好了。在家里就是幸福，想吃什么自己动个手，简单又有乐趣。</p>
<p>提到乡下，我还是很有好感的。和大城市比起来，我家所在的郊区就是乡下，但是在郊区的下面，还有以务农为主的乡下，每年过年的时候，我都得回去给大伯大妈拜年，今年过年也不例外。乡下的空气非常好，加上天气晴朗，整个人都觉得很舒服。</p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_ruj4XAh2Njs%2FS4EUjBiezCI%2FAAAAAAAAC1k%2Fg3peTt7GyKg%2Fs800%2Fcd-5.JPG" alt="" /></p>
<p>过了整整一个冬天，天气开始暖起来，但树并没有发芽，上图中远处的绿色都是些经冬的蔬菜或者是种的一种用来软化土地的野草。种过地的人们可能会知道，土地里常用化肥的话，时间长了土地会板结，对土地有伤害，以后再想养东西就难了。所以有经验的人都会在开春的时候种上些速生的野草，然后把它们埋在土里腐烂掉，这样相当于使用了天然的肥料，不致使土地硬化。虽然和城里比起来，乡下交通不方便，又到处显得凌乱，但这些朴实的乡土气息，和喧嚣的地市比起来，才能真正带给人心底的舒畅。</p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_ruj4XAh2Njs%2FS4EUhsw3IiI%2FAAAAAAAAC1g%2Fbt-Nz_NK5OE%2Fs800%2Fcd-4.JPG" alt="" /></p>
<p>这种老房子在乡下已经不多了，这是大伯家旁边的一间，已经不是很容易见到了。现在乡下很多人都去打工接工程的，赚了钱回家后，在这不富裕的地上建起一幢楼房已经不是那么难的事情。所以这种老式的建筑，越来越少了，不知道还能有多久，这些老建筑就都会消失吧&hellip;&hellip;</p>
<p>而这些古老的乡土气息，又能维持多久呢&hellip;&hellip;</p>
<p class="akst_link"><a href="http://www.zhcexo.com/?p=898&amp;akst_action=share-this"  title="可以通过E-mail分享, 用del.icio.us、Google等网络书签收藏！" id="akst_link_898" class="akst_share_link" rel="nofollow">收藏、分享这篇文章!</a>
</p><h3  class="related_post_title">相关阅读</h3><ul class="related_post"><li><a href="http://www.zhcexo.com/some-complaints/" title="装精云云">装精云云</a></li><li><a href="http://www.zhcexo.com/the-last-summer-vocation-in-college/" title="考完了，回家">考完了，回家</a></li><li><a href="http://www.zhcexo.com/computer-breaks-after-a-thunder-storm/" title="雷暴过后，电脑坏了…">雷暴过后，电脑坏了…</a></li><li><a href="http://www.zhcexo.com/2009-xmas-and-year-end-report/" title="圣诞快乐和不是总结的总结">圣诞快乐和不是总结的总结</a></li><li><a href="http://www.zhcexo.com/a-new-start/" title="换域名，换空间，一切从头开始">换域名，换空间，一切从头开始</a></li></ul><hr />
<p>© ZH CEXO for <a href="http://www.zhcexo.com">ZH CEXO's BLOG</a>, 2010. |
<a href="http://www.zhcexo.com/life-in-winter-holiday/">查看原文</a> |
<a href="http://www.zhcexo.com/life-in-winter-holiday/#comments">没有评论</a>
<br/>
标签: <a href="http://www.zhcexo.com/tag/%e6%ad%a6%e6%b1%89/" rel="tag">武汉</a>, <a href="http://www.zhcexo.com/tag/%e7%94%9f%e6%b4%bb%e8%ae%b0%e4%ba%8b/" rel="tag">生活记事</a>, <a href="http://www.zhcexo.com/tag/%e8%83%a1%e8%af%b4%e5%85%ab%e9%81%93/" rel="tag">胡说八道</a> | <strong style="color:#F00">使用https方式访问Google Reader的朋友可能无法看到图片</strong><br/>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.zhcexo.com/life-in-winter-holiday/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>利用CSS和jQuery创建一个屏幕键盘</title>
		<link>http://www.zhcexo.com/creating-a-keyboard-with-css-and-jquery/</link>
		<comments>http://www.zhcexo.com/creating-a-keyboard-with-css-and-jquery/#comments</comments>
		<pubDate>Sat, 23 Jan 2010 08:41:26 +0000</pubDate>
		<dc:creator>ZH CEXO</dc:creator>
				<category><![CDATA[学习经历]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[教程]]></category>
		<category><![CDATA[翻译]]></category>

		<guid isPermaLink="false">http://www.zhcexo.com/?p=893</guid>
		<description><![CDATA[有时候利用我们所知的程序语言来制造一些快乐，看看我们能做出些什么东西来是很有趣的事情。我想用CSS来创建一个小巧的屏幕键盘，然后拿jQuery使这个键盘真正可用，那将是多好玩的一件... ]]></description>
			<content:encoded><![CDATA[<p>有时候利用我们所知的程序语言来制造一些快乐，看看我们能做出些什么东西来是很有趣的事情。我想用CSS来创建一个小巧的屏幕键盘，然后拿jQuery使这个键盘真正可用，那将是多好玩的一件事啊。这个屏幕键盘还包含一些&ldquo;功能键&rdquo;（CapsLock，Shift，Delete），当我们点击键盘时，它们也可以动态地变化。现在我教你怎么来制作它。</p>
<p><a target="_blank" href="http://nettuts.s3.cdn.plus.org/378_jqueryKeyboard/demo.zip" title="下载本文中的源文件">源文件</a> | <a target="_blank" href="http://nettuts.s3.cdn.plus.org/378_jqueryKeyboard/demo/index.html" title="查看本文的效果演示">DEMO演示</a></p>
<h3>第一步：基本的HTML和所需的文件</h3>
<p><img src="http://nettuts.s3.cdn.plus.org/378_jqueryKeyboard/final.png" alt="" /></p>
<p>制作这个键盘需要大量的HTML代码，然后用CSS设置外观。每一个键都将使用li标签包围，再把它们置入一个ul无序列表标签中，而每个li元素也将拥有一个class属性，便于在CSS和jQuery中使用。一般的类属性都是&ldquo;letter&rdquo;、&ldquo;lastitem&rdquo;等，以便于我们容易找到想要的那个li。首先在你想要的地方创建一个新的文件夹，在这个新文件夹里创建一个index.html文件，再创建css和js两个空文件夹。最后，在css文件夹里创建style.css文件，在js文件夹里面创建keyboard.js文件。</p>
<p><span id="more-893"></span></p>
<p><img src="http://nettuts.s3.cdn.plus.org/378_jqueryKeyboard/images/organize.jpg" alt="" /></p>
<p>在这个HTML文件里，我们要调用两个js文件和一个css文件，在body标签的里面，将写上大量的包含字母、数字和功能键的li元素，还包括一个id为keyboard的文本域（textarea）元素，用来显示键盘上&ldquo;打&rdquo;出来的字符。下面列出index.html文件中的所有代码：</p>
<pre class="brush: xhtml">

&lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Strict//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&quot;&gt;
&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot; xml:lang=&quot;en&quot; lang=&quot;en&quot;&gt;
&lt;head&gt;
	&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;

	&lt;title&gt;Online Keyboard&lt;/title&gt;
	&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;css/style.css&quot; /&gt;
&lt;/head&gt;
&lt;body&gt;

&lt;div id=&quot;container&quot;&gt;
	&lt;textarea id=&quot;write&quot; rows=&quot;6&quot; cols=&quot;60&quot;&gt;&lt;/textarea&gt;
	&lt;ul id=&quot;keyboard&quot;&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;`&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;~&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;1&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;!&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;2&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;@&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;3&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;#&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;4&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;$&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;5&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;%&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;6&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;^&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;7&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;&amp;amp;&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;8&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;*&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;9&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;(&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;0&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;)&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;-&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;_&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;=&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;+&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;delete lastitem&quot;&gt;delete&lt;/li&gt;
		&lt;li class=&quot;tab&quot;&gt;tab&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;q&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;w&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;e&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;r&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;t&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;y&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;u&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;i&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;o&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;p&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;[&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;{&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;]&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;}&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol lastitem&quot;&gt;&lt;span class=&quot;off&quot;&gt;\&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;|&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;capslock&quot;&gt;caps lock&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;a&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;s&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;d&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;f&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;g&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;h&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;j&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;k&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;l&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;;&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;:&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;'&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;&amp;quot;&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;return lastitem&quot;&gt;return&lt;/li&gt;
		&lt;li class=&quot;left-shift&quot;&gt;shift&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;z&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;x&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;c&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;v&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;b&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;n&lt;/li&gt;
		&lt;li class=&quot;letter&quot;&gt;m&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;,&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;&amp;lt;&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;.&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;&amp;gt;&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;symbol&quot;&gt;&lt;span class=&quot;off&quot;&gt;/&lt;/span&gt;&lt;span class=&quot;on&quot;&gt;?&lt;/span&gt;&lt;/li&gt;
		&lt;li class=&quot;right-shift lastitem&quot;&gt;shift&lt;/li&gt;
		&lt;li class=&quot;space lastitem&quot;&gt;&amp;nbsp;&lt;/li&gt;
	&lt;/ul&gt;
&lt;/div&gt;

&lt;script type=&quot;text/javascript&quot; src=&quot;http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;js/keyboard.js&quot;&gt;&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;
</pre>
<p>不要太在意这巨量的li元素，我们使用jQuery代码的时候我会解释它们的作用，而其他的一些类名，比如right-shift和lastitem，是因为我们在CSS中要用到它们。</p>
<p><img src="http://nettuts.s3.cdn.plus.org/378_jqueryKeyboard/images/html.jpg" alt="" /></p>
<h3>第二步：美化这些列表元素</h3>
<p>只使用Javascript而不使用CSS的话，这个键盘工作起来也正常，但它就会看起来不像键盘。下面的样式的作用我不会逐个去解释，因为它们很容易看懂，然后将下面的代码保存到style.css文件中去，放到css文件夹里面。</p>
<pre class="brush: css">
* {
margin: 0;
padding: 0;
}
body {
font: 71%/1.5 Verdana, Sans-Serif;
background: #eee;
}
#container {
margin: 100px auto;
width: 688px;
}
#write {
margin: 0 0 5px;
padding: 5px;
width: 671px;
height: 200px;
font: 1em/1.5 Verdana, Sans-Serif;
background: #fff;
border: 1px solid #f9f9f9;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#keyboard {
margin: 0;
padding: 0;
list-style: none;
}
	#keyboard li {
	float: left;
	margin: 0 5px 5px 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fff;
	border: 1px solid #f9f9f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
		.capslock, .tab, .left-shift {
		clear: left;
		}
			#keyboard .tab, #keyboard .delete {
			width: 70px;
			}
			#keyboard .capslock {
			width: 80px;
			}
			#keyboard .return {
			width: 77px;
			}
			#keyboard .left-shift {
			width: 95px;
			}
			#keyboard .right-shift {
			width: 109px;
			}
		.lastitem {
		margin-right: 0;
		}
		.uppercase {
		text-transform: uppercase;
		}
		#keyboard .space {
		clear: left;
		width: 681px;
		}
		.on {
		display: none;
		}
		#keyboard li:hover {
		position: relative;
		top: 1px;
		left: 1px;
		border-color: #e5e5e5;
		cursor: pointer;
		}
</pre>
<p>注意下面的样式，它们<strong>非常重要</strong></p>
<blockquote>
<p>1、.on&mdash;&mdash;在有的li标签中，有两个span标签，这是因为它们的按键上有两个字符，比如数字键。而拥有on类名的字符会隐藏起来，当点击shift按键时，它们才会出现。</p>
<p>2、.lastitem&mdash;&mdash;每一行的最后一个字母所在的元素，都必须除掉其margin-right值，以免破坏布局。</p>
</blockquote>
<p><img src="http://nettuts.s3.cdn.plus.org/378_jqueryKeyboard/images/css.jpg" alt="" /></p>
<h3>第三步：让按键拥有生命</h3>
<p>你现在如果单击这些按键，不会有任何效果，下面我们用一点jQuery代码来解决这个问题。我们的主体思想是为每个列表项加上单击处理，单击的同时获取按键上的文本，用列表项的类来处理这个问题。当然了，从现在开始的js代码，都请放到js文件夹下的keyboard.js这个文件里。</p>
<h3>初始设置</h3>
<p>使用jQuery，然后我们要定义三个变量，用于整个代码中，它们是文本域（textarea）、shift按键的状态和大写字母锁定键（CapsLock）的状态。</p>
<pre class="brush: js">
$(function(){
	var $write = $('#write'),
		shift = false,
		capslock = false;

	// The rest of the code goes here.
});
</pre>
<p>下面要做的是，为每个列表项目（按键）都增加上单击处理，当按键被点击时我们要处理两个变量。定义$this来减少我们的输入，character则用来定义列表项目的HTML，如果列表项目中是个字母，则变量会按原值返回。</p>
<pre class="brush: js">
$('#keyboard li').click(function(){
	var $this = $(this),
		character = $this.html(); // If it's a lowercase letter, nothing happens to this variable

	// Code for processing the key.
});
 </pre>
<h3>Shift键和CapsLock键</h3>
<p>如果shift键（带有类left-shift或类right-shift）被点击了，我们要转换所有的字母为大写状态，对于带有类symbol的列表项目，我们将转换显示套嵌的span标签，然后我们要做的是为shift设置一个相反的布尔值（比如值为true就设置为false，反之亦然）。再为capslock设置false，然后返回false让character变量不发生变化。</p>
<pre class="brush: js">
// Shift keys
if ($this.hasClass('left-shift') || $this.hasClass('right-shift')) {
	$('.letter').toggleClass('uppercase');
	$('.symbol span').toggle();

	shift = (shift === true) ? false : true;
	capslock = false;
	return false;
}
</pre>
<p>现在，如果capslock键被点击，我们就转换为字母为小写，设置capslock变量为true，用false作为返回值。</p>
<pre class="brush: js">
// Caps lock
if ($this.hasClass('capslock')) {
	$('.letter').toggleClass('uppercase');
	capslock = true;
	return false;
}
</pre>
<h3>删除键</h3>
<p>为delete键，我们得指定另外一个变量：html&mdash;&mdash;当前textarea中的内容。一旦点击了delete键，我们就用textarea中的值去掉最后一个字母，重新设置为textarea的内容，用Javascrip的<a href="http://www.w3schools.com/jsref/jsref_substr.asp">substr</a>方法来实现它。接着我们依然返回false让一切保持原样。</p>
<pre class="brush: js">
// Delete
if ($this.hasClass('delete')) {
	var html = $write.html();

	$write.html(html.substr(0, html.length - 1));
	return false;
}
</pre>
<p><img src="http://nettuts.s3.cdn.plus.org/378_jqueryKeyboard/images/delete.jpg" alt="" /></p>
<h3>特殊字符</h3>
<p>对于不是字母键和功能键的其他按键，我们利用character变量来做一些特别的事情。对于带有symbol类的键，character就被设置为span为visible时的键的内容，然后空格用于空格键，点击Tab键时将character设置为\t，最后的回车键则设置character为\n。</p>
<pre class="brush: js">
// Special characters
if ($this.hasClass('symbol')) character = $('span:visible', $this).html();
if ($this.hasClass('space')) character = ' ';
if ($this.hasClass('tab')) character = &quot;\t&quot;;
if ($this.hasClass('return')) character = &quot;\n&quot;;
</pre>
<p><img src="http://nettuts.s3.cdn.plus.org/378_jqueryKeyboard/images/symbol.jpg" alt="" /></p>
<h3>大写字母</h3>
<p>如果你还记得，当我们按下键盘上的shift或者CapsLock键，那么&ldquo;uppercase&rdquo;这个类就会用<a target="_blank" href="http://docs.jquery.com/Attributes/toggleClass">toggleClass</a>这个函数添加或删除到键盘上的字母键上。如果这个类在字母键上找不到，那么这些字母都会使用<a target="_blank" href="http://www.w3schools.com/jsref/jsref_toUpperCase.asp">toUpperCase的方法</a>，转化为相应的大写形式。</p>
<pre class="brush: js">
// Uppercase letter
if ($this.hasClass('uppercase')) character = character.toUpperCase();
</pre>
<h3>最后</h3>
<p>对于正常的键盘，shift键每次只对一个字母键起作用。如果shift变量被设置为true，我们就转换symbol的span的显示，同样的，当CapsLock键被按下时，字母键的大小写也会进行转换。</p>
<p>最后要做的，就是把字母都显示到textarea文本区内并且让用户可以继续&ldquo;键入&rdquo;。</p>
<pre class="brush: js">
// Remove shift once a key is clicked.
if (shift === true) {
	$('.symbol span').toggle();
	if (capslock === false) $('.letter').toggleClass('uppercase');

	shift = false;
}

// Add the character
$write.html($write.html() + character);
</pre>
<h3>最终的Javascript代码</h3>
<pre class="brush: js">
$(function(){
	var $write = $('#write'),
		shift = false,
		capslock = false;

	$('#keyboard li').click(function(){
		var $this = $(this),
			character = $this.html(); // If it's a lowercase letter, nothing happens to this variable

		// Shift keys
		if ($this.hasClass('left-shift') || $this.hasClass('right-shift')) {
			$('.letter').toggleClass('uppercase');
			$('.symbol span').toggle();

			shift = (shift === true) ? false : true;
			capslock = false;
			return false;
		}

		// Caps lock
		if ($this.hasClass('capslock')) {
			$('.letter').toggleClass('uppercase');
			capslock = true;
			return false;
		}

		// Delete
		if ($this.hasClass('delete')) {
			var html = $write.html();

			$write.html(html.substr(0, html.length - 1));
			return false;
		}

		// Special characters
		if ($this.hasClass('symbol')) character = $('span:visible', $this).html();
		if ($this.hasClass('space')) character = ' ';
		if ($this.hasClass('tab')) character = &quot;\t&quot;;
		if ($this.hasClass('return')) character = &quot;\n&quot;;

		// Uppercase letter
		if ($this.hasClass('uppercase')) character = character.toUpperCase();

		// Remove shift once a key is clicked.
		if (shift === true) {
			$('.symbol span').toggle();
			if (capslock === false) $('.letter').toggleClass('uppercase');

			shift = false;
		}

		// Add the character
		$write.html($write.html() + character);
	});
});
</pre>
<p><img src="http://nettuts.s3.cdn.plus.org/378_jqueryKeyboard/final.png" alt="" /></p>
<h3>总结</h3>
<p>有时像这样折腾一下挺好的，虽然可能最后的结果不完全如我们所愿。这次，只需要对列表的项目应用一些类名，我们就可以用CSS和jQuery来创建一个屏幕键盘。我们今天做的这个屏幕键盘也不是完全没用，有的网站上不就有屏幕键盘来辅助输入的么？关键在于，这样折腾一下，能让我们更好的理解CSS和jQuery搭配使用能产生的强大效果。</p>
<p>文本来源于<a target="_blank" href="http://net.tutsplus.com/tutorials/javascript-ajax/creating-a-keyboard-with-css-and-jquery/" title="Creating a Keyboard with CSS and jQuery">Creating a Keyboard with CSS and jQuery</a>，中文翻译源于<a href="http://www.zhcexo.com/creating-a-keyboard-with-css-and-jquery/">ZH CEXO&rsquo;s BLOG</a>，基于<a href="http://creativecommons.org/licenses/by-nc-sa/2.5/cn/deed.zh">CC协议</a>发布，请转载时注明&ldquo;署名-非商业性使用-相同方式共享&rdquo;。</p>
<p class="akst_link"><a href="http://www.zhcexo.com/?p=893&amp;akst_action=share-this"  title="可以通过E-mail分享, 用del.icio.us、Google等网络书签收藏！" id="akst_link_893" class="akst_share_link" rel="nofollow">收藏、分享这篇文章!</a>
</p><h3  class="related_post_title">相关阅读</h3><ul class="related_post"><li><a href="http://www.zhcexo.com/the-youloveus-scrolling-background-effect-explained/" title="youlove.us上的背景滚动效果是怎样实现的（翻译）">youlove.us上的背景滚动效果是怎样实现的（翻译）</a></li><li><a href="http://www.zhcexo.com/how-to-create-a-sliding-imagereveal-content-with-jquery/" title="使用jQuery创建滑动图片/显示内容的效果（翻译）">使用jQuery创建滑动图片/显示内容的效果（翻译）</a></li><li><a href="http://www.zhcexo.com/pretty-checkboxes-with-jquery/" title="使用jQuery制作精致的复选框（翻译）">使用jQuery制作精致的复选框（翻译）</a></li><li><a href="http://www.zhcexo.com/change-firefox-profile-directory/" title="图解修改Firefox的配置路径以备份个人设置">图解修改Firefox的配置路径以备份个人设置</a></li><li><a href="http://www.zhcexo.com/ps-tutorial-ttplayericon/" title="用Photoshop画一个千千静听的图标">用Photoshop画一个千千静听的图标</a></li></ul><hr />
<p>© ZH CEXO for <a href="http://www.zhcexo.com">ZH CEXO's BLOG</a>, 2010. |
<a href="http://www.zhcexo.com/creating-a-keyboard-with-css-and-jquery/">查看原文</a> |
<a href="http://www.zhcexo.com/creating-a-keyboard-with-css-and-jquery/#comments">44 条评论</a>
<br/>
标签: <a href="http://www.zhcexo.com/tag/jquery/" rel="tag">jQuery</a>, <a href="http://www.zhcexo.com/tag/%e6%95%99%e7%a8%8b/" rel="tag">教程</a>, <a href="http://www.zhcexo.com/tag/%e7%bf%bb%e8%af%91/" rel="tag">翻译</a> | <strong style="color:#F00">使用https方式访问Google Reader的朋友可能无法看到图片</strong><br/>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.zhcexo.com/creating-a-keyboard-with-css-and-jquery/feed/</wfw:commentRss>
		<slash:comments>44</slash:comments>
		</item>
		<item>
		<title>圣诞快乐和不是总结的总结</title>
		<link>http://www.zhcexo.com/2009-xmas-and-year-end-report/</link>
		<comments>http://www.zhcexo.com/2009-xmas-and-year-end-report/#comments</comments>
		<pubDate>Thu, 24 Dec 2009 06:14:48 +0000</pubDate>
		<dc:creator>ZH CEXO</dc:creator>
				<category><![CDATA[其他]]></category>
		<category><![CDATA[主题]]></category>
		<category><![CDATA[生活记事]]></category>
		<category><![CDATA[节日]]></category>

		<guid isPermaLink="false">http://www.zhcexo.com/?p=889</guid>
		<description><![CDATA[今年的圣诞节，武汉的天气还不错，适宜出去玩玩。今晚就是平安夜，大家有些什么安排呢？圣诞一至，新年就不远了，一年就这样过去了。回首2009，自己已经身在大学的最后一年，大学生活... ]]></description>
			<content:encoded><![CDATA[<p>今年的圣诞节，武汉的天气还不错，适宜出去玩玩。今晚就是平安夜，大家有些什么安排呢？圣诞一至，新年就不远了，一年就这样过去了。回首2009，自己已经身在大学的最后一年，大学生活快要和自己告别了。多的不想说，就下面这张简单的图总结一下吧~</p>
<p><span id="more-889"></span></p>
<p><img src="http://www.zhcexo.com/images/works/2009.png" alt="2009年度总结" /></p>
<p>祝大家圣诞快乐，新年快乐！</p>
<p class="akst_link"><a href="http://www.zhcexo.com/?p=889&amp;akst_action=share-this"  title="可以通过E-mail分享, 用del.icio.us、Google等网络书签收藏！" id="akst_link_889" class="akst_share_link" rel="nofollow">收藏、分享这篇文章!</a>
</p><h3  class="related_post_title">相关阅读</h3><ul class="related_post"><li><a href="http://www.zhcexo.com/merry-xmas-and-tweets/" title="圣诞节快乐和一些杂事">圣诞节快乐和一些杂事</a></li><li><a href="http://www.zhcexo.com/halloween-day-web-sources/" title="万圣节的礼物，献给读者">万圣节的礼物，献给读者</a></li><li><a href="http://www.zhcexo.com/life-in-winter-holiday/" title="菜刀">菜刀</a></li><li><a href="http://www.zhcexo.com/new-theme-spring-preview/" title="主题设计图Spring，谁要？">主题设计图Spring，谁要？</a></li><li><a href="http://www.zhcexo.com/new-wordpress-theme-dark-spring/" title="换掉旧主题，正式启用Dark Spring">换掉旧主题，正式启用Dark Spring</a></li></ul><hr />
<p>© ZH CEXO for <a href="http://www.zhcexo.com">ZH CEXO's BLOG</a>, 2009. |
<a href="http://www.zhcexo.com/2009-xmas-and-year-end-report/">查看原文</a> |
<a href="http://www.zhcexo.com/2009-xmas-and-year-end-report/#comments">31 条评论</a>
<br/>
标签: <a href="http://www.zhcexo.com/tag/%e4%b8%bb%e9%a2%98/" rel="tag">主题</a>, <a href="http://www.zhcexo.com/tag/%e7%94%9f%e6%b4%bb%e8%ae%b0%e4%ba%8b/" rel="tag">生活记事</a>, <a href="http://www.zhcexo.com/tag/%e8%8a%82%e6%97%a5/" rel="tag">节日</a> | <strong style="color:#F00">使用https方式访问Google Reader的朋友可能无法看到图片</strong><br/>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.zhcexo.com/2009-xmas-and-year-end-report/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>用来用去，还是习惯千千静听</title>
		<link>http://www.zhcexo.com/use-ttplayer/</link>
		<comments>http://www.zhcexo.com/use-ttplayer/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 13:45:53 +0000</pubDate>
		<dc:creator>ZH CEXO</dc:creator>
				<category><![CDATA[随心而论]]></category>
		<category><![CDATA[Toolkit]]></category>
		<category><![CDATA[软件]]></category>
		<category><![CDATA[音乐]]></category>

		<guid isPermaLink="false">http://www.zhcexo.com/?p=885</guid>
		<description><![CDATA[
我自己都不知道写这篇文章有没有意义，只是心中有些想法，想说出来而已。
说到千千静听，很熟悉的播放器，现在不少人当作装机必备了。我为什么用它，一来小巧，二来启动快，三来占用... ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_ruj4XAh2Njs%2FSxkUgyfyhtI%2FAAAAAAAACyg%2FRXEHiD6P7xI%2Fs800%2Ftt-lead.jpg" alt="" /></p>
<p>我自己都不知道写这篇文章有没有意义，只是心中有些想法，想说出来而已。</p>
<p>说到千千静听，很熟悉的播放器，现在不少人当作装机必备了。我为什么用它，一来小巧，二来启动快，三来占用资源小，四就是个人感情因素了。记得很早的时候，那时还是Winamp一统天下，RealOne还随处可见地关联了系统的所有媒体文件，好像对于播放器，特别是音乐播放器，没有别的选择似的。后来偶尔一次，我看到了有人介绍千千静听，说解码程序是作者自己写的，很小，比通用的解码器小巧很多而且够快，再者，它有自动下载歌词的功能。这些很新颖的功能，让我很感兴趣地去尝试了一下，然后就深深地喜欢上了这个小巧的软件。当时的千千静听，图标是一个耳机形状，挺可爱，对于alpha透明的图标还不是很多的桌面，它是相当亮眼的。后来，千千出了新版本，对音效不佳的弥补方式是，支持Winamp的DFX插件，这个功能相当好，我一直延用到现在。当然，它是免费软件，比盗版软件说出来好听一些，虽然在国内，这种情况没什么差别&hellip;&hellip;</p>
<p><span id="more-885"></span></p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_ruj4XAh2Njs%2FSxkNwp7YYGI%2FAAAAAAAACyQ%2FqwzXhNOqUpc%2Fs800%2Ftt-1.jpg" alt="" /></p>
<p>之后很长的一段时间，千千在自己小小的发展，感觉不是很高调，在各项功能都比较稳定后，它也没什么特别的新功能，我就使用其中一个稳定版本直到现在，直到前两天在cnbeta上看到了新版本5.6Beta3，我就决定下载下来试一下。之前也听过小道消息说，千千静听被百度收购了，不过作者没表态，我只知道千千的安装程序里捆绑了&ldquo;百度搜霸&rdquo;这个流氓软件。再后续的版本里面，千千增加了音乐窗功能，而现在，它开始弹窗作广告了&hellip;&hellip;</p>
<p>为什么弹窗？因为软件是免费的，但作者开发它并且运营它就需要费用，光说歌词服务器的话，别看歌词文件小，下载的量大了，维护成本也是不低的。所以为了维持软件的继续开发，这一点应该无可厚非。但为什么那么多人开始骂它，难道你使用一款免费的软件就是天经地义的，人家应该花钱开发了让你免费来用？不过，弹窗也的确讨厌，在浏览器里面弹了还能接受，居然在本地的机器上也弹，人家有意见也在所难免。</p>
<p>换吧，播放器那么多，foobar2000可能就是目前最受欢迎的一款了，不二的选择嘛。它的扩展功能很强大，喜欢折腾的人会爱不释手，但我就是不喜欢，用不惯不说，也丑。当然丑就相对的，爱折腾的人可以把它弄得华丽得掉渣。可我就是懒，不想去折腾它，一个音乐播放器嘛，能放歌就行了，干嘛还让我费力老对着它弄。那，<a target="_blank" href="http://www.podez.com/" title="AirPlay音乐播放器">AirPlay</a>怎么样？这个飞乐可是新兴的播放器啊，整个一出来就有取代千千之势。而且它很漂亮，水晶界面华丽却不失易用性，关键是它就一单个EXE文件，绿色免安装，很好。但&hellip;&hellip;我怎么老觉得它播放声音小&hellip;&hellip;</p>
<p>算了，还是用千千静听吧，弹窗什么的，让它先见鬼去吧！</p>
<p>下载千千静听新版的安装程序，一般是一个ttsetup.exe，别安装，用<strong>7-zip</strong>这个软件来解压它，解压得到的文件除了<strong>files文件夹</strong>外，都删掉。然后重命名files文件夹为TTPlayer，这个随你的喜好，把整个文件夹放到你想放的地方，比如我的在D:\Program Files\里面。<strong>再在这个TTPlayer文件夹里面建立一个空文件，名为info，并且将属性改为&ldquo;只读&rdquo;。</strong>做到这里，就可以运行 ttplayer.exe 这个文件来启动播放器了。启动播放器后，打开千千选项，按下图的指示来设置，关掉在线音乐和音乐窗口。这样，千千静听又变得很干净了~</p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh6.gouride.com%2F_ruj4XAh2Njs%2FSxkNw_1lwOI%2FAAAAAAAACyU%2FkVswZDSzsQU%2Fs800%2Ftt-02.jpg" alt="" /></p>
<p>为什么要建立info文件于千千的文件目录里？因为千千不是在弹出广告么，就我简单的观察，它是把广告都下载到文件夹下的info文件夹里。现在利用Windows的文件夹和文件不能同名这一问题，用info文件取代文件夹，让它的广告进不来，这样就可以避免弹窗了，至少我用了这几天，没出现弹窗广告。</p>
<p>其他的我就不说了，这个软件很易用，自己看看就知道了。至于在 <a target="_blank" href="http://www.zhcexo.com/tag/vista/" title="tag: vista">Vista</a> 和 <a target="_blank" href="http://www.zhcexo.com/tag/win7/" title="tag: win 7">Win 7</a> 中文件关联的图标不够大，<a target="_blank" href="http://www.zhcexo.com/ps-tutorial-ttplayericon/" title="用Photoshop画一个千千静听的图标">可以试试自己画一个图标</a>~</p>
<p>额外提供 DFX 插件 for 千千静听，安装很简单，把它解压，再将plugins与千千目录下的plugins文件夹合并，然后把DFXInstall.inf这个文件放到千千目录下，右键安装就可以了。剩下的，在千千选项的&ldquo;音效插件&rdquo;里面设置~</p>
<p><a target="_blank" href="http://www.uushare.com/user/xcjjzh/file/2287634" title="点击下载 DFX for TTPlayer" class="download">点击下载 DFX for TTPlayer</a></p>
<p class="akst_link"><a href="http://www.zhcexo.com/?p=885&amp;akst_action=share-this"  title="可以通过E-mail分享, 用del.icio.us、Google等网络书签收藏！" id="akst_link_885" class="akst_share_link" rel="nofollow">收藏、分享这篇文章!</a>
</p><h3  class="related_post_title">相关阅读</h3><ul class="related_post"><li><a href="http://www.zhcexo.com/win7-hacks-for-starters/" title="换上了Windows 7，华丽丽地飘过">换上了Windows 7，华丽丽地飘过</a></li><li><a href="http://www.zhcexo.com/lightscreen/" title="推荐截屏软件Lightscreen">推荐截屏软件Lightscreen</a></li><li><a href="http://www.zhcexo.com/soft-package/" title="发布软件包镜像">发布软件包镜像</a></li><li><a href="http://www.zhcexo.com/shock-3d-desktop/" title="漂亮的3D桌面">漂亮的3D桌面</a></li><li><a href="http://www.zhcexo.com/vista-utilities/" title="Vista有多少功能你不知道？试试Vista Utilities吧">Vista有多少功能你不知道？试试Vista Utilities吧</a></li></ul><hr />
<p>© ZH CEXO for <a href="http://www.zhcexo.com">ZH CEXO's BLOG</a>, 2009. |
<a href="http://www.zhcexo.com/use-ttplayer/">查看原文</a> |
<a href="http://www.zhcexo.com/use-ttplayer/#comments">49 条评论</a>
<br/>
标签: <a href="http://www.zhcexo.com/tag/toolkit/" rel="tag">Toolkit</a>, <a href="http://www.zhcexo.com/tag/%e8%bd%af%e4%bb%b6/" rel="tag">软件</a>, <a href="http://www.zhcexo.com/tag/%e9%9f%b3%e4%b9%90/" rel="tag">音乐</a> | <strong style="color:#F00">使用https方式访问Google Reader的朋友可能无法看到图片</strong><br/>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.zhcexo.com/use-ttplayer/feed/</wfw:commentRss>
		<slash:comments>49</slash:comments>
		</item>
		<item>
		<title>主题设计图Spring，谁要？</title>
		<link>http://www.zhcexo.com/new-theme-spring-preview/</link>
		<comments>http://www.zhcexo.com/new-theme-spring-preview/#comments</comments>
		<pubDate>Wed, 25 Nov 2009 08:05:56 +0000</pubDate>
		<dc:creator>ZH CEXO</dc:creator>
				<category><![CDATA[设计作品]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[主题]]></category>

		<guid isPermaLink="false">http://www.zhcexo.com/?p=881</guid>
		<description><![CDATA[在寝室里闲着无事，就画了一张主题的设计图Spring。说来起因挺好笑的，由于前段时间武汉很冷，还下雪了，所以大家都认为冬天提前到了，但不想雪后放晴到现在，每天的温度一直在升高，... ]]></description>
			<content:encoded><![CDATA[<p>在寝室里闲着无事，就画了一张主题的设计图Spring。说来起因挺好笑的，由于<a target="_blank" href="http://www.zhcexo.com/win7-hacks-for-starters/" title="换上了Windows 7，华丽丽地飘过">前段时间武汉很冷，还下雪了</a>，所以大家都认为冬天提前到了，但不想雪后放晴到现在，每天的温度一直在升高，所以寝室的同学开玩笑说&ldquo;春天来了&rdquo;。哈！是啊，提到春天，多美的景色啊，特别是经过了一冬的枯树上绽开的一点点新绿&hellip;&hellip;于是我就想着那些新绿和泥土的气息，开着还不是很熟悉的<a target="_blank" href="http://www.zhcexo.com/tag/photoshop" title="tag: photoshop">Photoshop</a>兀自画了起来~</p>
<p>预览图在这：</p>
<p><span id="more-881"></span></p>
<p><img width="610" src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_ruj4XAh2Njs%2FSwzhmAVubXI%2FAAAAAAAACxw%2FZTLEOVt-YhE%2Fs800%2Fspring.png" alt="" /></p>
<p>和我那半瓢水的代码能力相比，自己的设计能力弱很多，对色彩的感觉方面都很差劲，所以一直以来，我做的主题都是用的别人的配色，很少自己来想。再者，我老是自信不足，怕做出来的东西见不了人，结果页面布局方面也老是参考参考再综合。但后来<a target="_blank" href="http://www.happinesz.cn" title="幸福收藏夹">sofish</a>他们告诉我，做主题这种东西，要形成自己的风格，比如<a target="_blank" href="http://www.neoease.com" title="NeoEase">mg12</a>和sofish的作品，一看就知道是他们做的。但如果老是用一种固定的思维和模式来做东西，那样也太呆板了，所以得&ldquo;改版&rdquo;~</p>
<p>这是我第一个真正意义上自己的作品，对着电脑一心画成的，没有参考别人的结构和配色。结构的话，感觉博客的结构都差不多，而颜色，是来自于头部的那棵大树。大家感觉如何呢？</p>
<p>所以这么春天这么环保的主题，谁想要？<strong>我CODE，FOR FREE！</strong>当然以我的代码能力，这个主题可能会很折腾，不是很容易弄好&hellip;&hellip;</p>
<p><a target="_blank" href="http://www.zhcexo.com/images/works/spring.png" class="highslide-image" onclick="return hs.expand(this);" title="Spring设计图原图">查看大图请点击这里（推荐用鼠标右键打开）</a></p>
<p class="akst_link"><a href="http://www.zhcexo.com/?p=881&amp;akst_action=share-this"  title="可以通过E-mail分享, 用del.icio.us、Google等网络书签收藏！" id="akst_link_881" class="akst_share_link" rel="nofollow">收藏、分享这篇文章!</a>
</p><h3  class="related_post_title">相关阅读</h3><ul class="related_post"><li><a href="http://www.zhcexo.com/new-wordpress-theme-dark-spring/" title="换掉旧主题，正式启用Dark Spring">换掉旧主题，正式启用Dark Spring</a></li><li><a href="http://www.zhcexo.com/wordpress-theme-dark-spring-preview/" title="完成新主题Dark Spring的主页部分">完成新主题Dark Spring的主页部分</a></li><li><a href="http://www.zhcexo.com/theme-easyline-released/" title="发布新主题EasyLine">发布新主题EasyLine</a></li><li><a href="http://www.zhcexo.com/wordpress-theme-brighter-day-released/" title="发布新主题Brighter Day">发布新主题Brighter Day</a></li><li><a href="http://www.zhcexo.com/brighter-day-preview/" title="Brighter Day Preview">Brighter Day Preview</a></li></ul><hr />
<p>© ZH CEXO for <a href="http://www.zhcexo.com">ZH CEXO's BLOG</a>, 2009. |
<a href="http://www.zhcexo.com/new-theme-spring-preview/">查看原文</a> |
<a href="http://www.zhcexo.com/new-theme-spring-preview/#comments">45 条评论</a>
<br/>
标签: <a href="http://www.zhcexo.com/tag/design/" rel="tag">design</a>, <a href="http://www.zhcexo.com/tag/wordpress/" rel="tag">wordpress</a>, <a href="http://www.zhcexo.com/tag/%e4%b8%bb%e9%a2%98/" rel="tag">主题</a> | <strong style="color:#F00">使用https方式访问Google Reader的朋友可能无法看到图片</strong><br/>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.zhcexo.com/new-theme-spring-preview/feed/</wfw:commentRss>
		<slash:comments>45</slash:comments>
		</item>
		<item>
		<title>换上了Windows 7，华丽丽地飘过</title>
		<link>http://www.zhcexo.com/win7-hacks-for-starters/</link>
		<comments>http://www.zhcexo.com/win7-hacks-for-starters/#comments</comments>
		<pubDate>Sun, 15 Nov 2009 12:14:04 +0000</pubDate>
		<dc:creator>ZH CEXO</dc:creator>
				<category><![CDATA[互联网络]]></category>
		<category><![CDATA[Toolkit]]></category>
		<category><![CDATA[win7]]></category>
		<category><![CDATA[软件]]></category>

		<guid isPermaLink="false">http://www.zhcexo.com/?p=876</guid>
		<description><![CDATA[
其实Windows 7，我很早就测试过版本号为6596的英文版了，当时的Win 7还不成熟，很多地方不够稳定，而怕折腾的我，在那次使用以后就碰都没碰过Win 7了，一直在使用我的Vista。但是消息还是要关... ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_ruj4XAh2Njs%2FSv_vTRUvq8I%2FAAAAAAAACxU%2FC5PnzpnrBeo%2Fs800%2Fwin7lead.jpg" title="win7" alt="" /></p>
<p>其实Windows 7，<a target="_blank" href="http://www.zhcexo.com/windows-7-experience/" title="当小白，亲自体验Windows 7">我很早就测试过版本号为6596的英文版了</a>，当时的Win 7还不成熟，很多地方不够稳定，而怕折腾的我，在那次使用以后就碰都没碰过Win 7了，一直在使用我的<a target="_blank" href="http://www.zhcexo.com/tag/vista/" title="tag: vista">Vista</a>。但是消息还是要关注的，我这个稳定版的爱好者当然在等网上流传的零售正式版。直到前段时间，微软正式公开销售Win 7了，我才在网上了解到，这次的Win 7就是先出来过的msdn版的Windows 7 RTM 7600.16385，所以我就下载来安装了，用的是软解（嘘，小声点）&hellip;&hellip;安装好后，就开始折腾这个新系统了。</p>
<p><span id="more-876"></span></p>
<p>说句实在话，也许Win 7很好，Vista被人骂得一无是处，但我还是想说，Vista SP2版以后，程序的兼容性好像比Win 7要好一些吧，至少我安装了Win 7 后，几个Vista下常用的程序都bug了，烦心不已，所以在网上找到了一些方法，整理于此，希望对大家有帮助。</p>
<h3>一、快捷方式箭头的问题</h3>
<p>一般来说喜欢美化的朋友们应该都会把Windows创建的快捷方式上的小箭头去掉吧，在XP里面删除注册表项就可以了</p>
<blockquote>
<p>1、启动注册表编辑器，展开 HKEY_CLASSES_ROOT\lnkfile</p>
<p>2、删除 lnkfile 子项中的 IsShortcut 字符串值项</p>
<p>3、展开 HKEY_CLASSES_ROOT\piffile</p>
<p>4、删除 piffile 子项中的 IsShortcut 字符串值项</p>
<p>5、重启Explorer.exe进程</p>
</blockquote>
<p>但要是你在Vista和Win 7下试试，你一定会后悔的，你会发现，快捷方式的小箭头是不见了，但取而代之的是老在乱变的恶心图标，比如黑色矩形，未知文件类型的图标。所以我建议的方法还是使用工具来改的，比如<a target="_blank" href="http://www.win7china.com/" title="Windows 7优化大师">Windows 7优化大师</a>。虽然优化大师这样的软件慢慢有些流氓了，但作为免费软件要生存也没办法嘛，大家酌情使用即可。要是使用后软件改了IE的默认搜索和主页，你自己再改回来就行了。反正这种优化软件应该不常用吧，至少我是这样。在Windows 7 优化大师里面找到美化大师，然后勾选&ldquo;去掉快捷方式上的小箭头&rdquo;，保存设置，重启Explorer.exe进程就行了。</p>
<h3>二、小工具中的天气预报</h3>
<p>从Vista的边栏开始，到现在的Win 7，小工具里面的天气预报Gadget就一直不能用，一般都用别人制作的替换版。但是Vista和Win 7与以前的XP不同了，现在你的权限即使是Administrator，你也没办法改变一些系统文件，所以要换掉这个天气小工具还得改权限，相当麻烦。这里是<a target="_blank" href="http://bwskyer.cn/" title="左铅右椠-上善若水">黑白天空</a>提供的一个注册表项，在文件和文件夹的右键菜单里面加上&ldquo;管理员取得所有权&rdquo;这一项。安装完这个菜单项以后，你要做的就是在</p>
<blockquote>
<p>C:\Program Files\Windows Sidebar\Gadgets</p>
</blockquote>
<p>这个文件夹里面对着 Weather.Gadget 这个文件夹使用这&ldquo;管理员取得所有权&rdquo;，那么你再替换掉这个文件夹就行了。当然，如果怕这项菜单用得太泛滥，文件包里面还有一项可以恢复菜单的注册表项，让这一选项在你的右键菜里消失。</p>
<p>下载：<a target="_blank" href="http://www.uushare.com/user/xcjjzh/file/2225762" title="天气预报小工具">天气预报小工具</a> | <a target="_blank" href="http://www.uushare.com/user/xcjjzh/file/2226180" title="管理员取得所以权注册表项">管理员取得所以权注册表项</a></p>
<h3>三、替换默认的记事本为Notepad2</h3>
<p>Windows的记事本小巧快速好用，只是功能弱了点，我经常看网页代码什么的，用记事本就稍显不便了，所以从Vista开始，我就一直把系统默认的记事本换成了Notepad2，它一样的快速好用，而且支持不少代码格式的高亮。Win 7和Vista的权限问题上面已经说了，所以想换掉系统文件，得取得对文件的所有权。方法一样，使用上面的注册表项。然后把 notepad2.exe 复制一份，把两个文件分别重命名为 notepad.exe 和 notepad.exe.mui。接下来，把以下的四个位置的同名文件用这两个重命名后的文件覆盖掉：</p>
<blockquote>
<p>%SystemRoot%\notepad.exe</p>
<p>%SystemRoot%\zh-CN\notepad.exe.mui</p>
<p>%SystemRoot%\system32\notepad.exe</p>
<p>%SystemRoot%\system32\zh-CN\notepad.exe.mui</p>
</blockquote>
<p>替换好了就行了，双击一下你的记事本试试，是不是很方便。另外提示一点，notepad2会生成ini配置文件，因为正常运行时，它没有权限往Windows文件夹里面写东西，所以你的设置是保存不下来的。要保存设置方法也简单，找到替换后的notepad.exe，右键&ldquo;以管理员身份运行&rdquo;，然后再进行设置就能保留下来了。</p>
<p><a target="_blank" href="http://www.uushare.com/user/xcjjzh/file/2226365" title="下载Notepad2">点击此处下载Notepad2</a></p>
<h3>四、MySQL服务无法启动</h3>
<p>像我这样折腾Wordpress的人应该不在少数，特别是制作主题的人，那么本机上<a target="_blank" href="http://www.zhcexo.com/softwares-for-php-local-building/" title="常用的PHP本地测试环境">够建一个Apache+MySQL+PHP的环境</a>是很有必要的。但是我安装完Win 7后，这个服务就再也启动不了了，老是启动时发生</p>
<blockquote>
<p>无法启动mysql服务 错误1067：进程意外中止</p>
</blockquote>
<p>很烦心吧，解决方法其实很简单，找到你的MySQL的安装路径，比如XAMPP的就在</p>
<blockquote>
<p>..\xampp\mysql</p>
</blockquote>
<p>里面，继续寻找路径</p>
<blockquote>
<p>..\xampp\mysql\bin\mysqladmin.exe</p>
</blockquote>
<p>找到这个exe文件了吧，执行一下它，然后再去启动MySQL服务试试？呵呵~</p>
<h3>五、Office 2003工作不正常了</h3>
<p>Office 2007出来已经很久了，很优秀的软件，但是我就是喜欢Office 2003版的简洁，再加上已经习惯了，换了我就不干！但是Office 2003在Win 7下可谓是BUG连连，比如我的机器上，启动Word时，就弹出来安装的对话框，程序用不了;Excel也是，老说某项功能注册失败，算了，找个另外的版本吧。</p>
<p><a target="_blank" href="thunder://QUFodHRwOi8veHVubGVpMTEuZ3JlZW5kb3duLmNuLy8yMDA3MTIvTVNDRF9PRkZJQ0VfMjAwM19TUDIuZXhlWlo=" title="使用迅雷下载Office 2003 for Windows 7">使用迅雷下载Office 2003 for Windows 7</a></p>
<p>这个版本里面集成Word、Excel、PowerPoint、Outlook、Access五个组件，一般应该够用吧。不好意思，我又做了一次D版的传播者&hellip;&hellip;</p>
<h3>六、EasyBCD和Norton UAC Tool</h3>
<p>EasyBCD是一个用来管理和设置系统引导的软件，十分好用，以前在Vista下工作是正常的，现在在Win 7下工作依然正常，所以有需要的同学放心使用吧。</p>
<p>Norton UAC Tool是个很有用的小工具，用来取代Vista烦人的UAC提示。现在Win 7下的UAC提示和Vista比起来有了很大改进，但还是很烦，而Norton UAC Tool已经不能工作在Win 7下了，希望早日出一个兼容Win 7的版本。</p>
<h3>七、DirectX 10</h3>
<p>安装了一些软件后，比如说播放器，我用的是K-Lite Codec Package，里面带的Media Player Classic Homecinema，但是在没有DirectX 10的情况下，shader等这样的滤镜用不了，再试试我的一些需要DirectX的小游戏，也玩不了。去下载DirectX 10吧，挺有用的。</p>
<p><a target="_blank" href="http://download.microsoft.com/download/B/7/9/B79FC9D7-47B8-48B7-A75E-101DEBEB5AB4/directx_aug2009_redist.exe" title="DirectX Aug2009 Redist">下载地址点我</a></p>
<h3>八、求助</h3>
<p>我的大部头软件都是绿色版的，所以重装系统以后恢复得快，但有一个软件工作起来还是有点怪，那就是Dreamweaver CS4，它在Win 7下启动的时候，老是弹出那个&ldquo;同意软件许可&rdquo;的对话框，烦死了又浪费时间，有谁能告诉我怎么解决，感激不尽！</p>
<h3>九、后记</h3>
<p>我还是那句话，Vista不差，而且Win 7和Vista相似性多，和XP相似性少，现在还抱着XP的童鞋们，你们想很快适应Win 7是不可能的，得用一阵子才行~</p>
<p>Windows 7的库（Libraries），真是个好东西，慢慢去习惯它~</p>
<h3>十、推荐阅读</h3>
<p><a target="_blank" href="http://bwskyer.cn/win-7-using-skill.html" title="Windows 7 系统使用技巧分享">Windows 7 系统使用技巧分享 | 左铅右椠-上善若水</a> 有用的技巧，看后你不会失望的~</p>
<p><a href="http://www.zhcexo.com/change-firefox-profile-directory/" title="图解修改Firefox的配置路径以备份个人设置">图解修改Firefox的配置路径以备份个人设置</a> 让Firefox信春哥，重装系统后满状态复活！</p>
<p><strong>贴一张图，两个小时内天气的两次变化，今晚到明天有雪，现在已经在下雪籽了，武汉好冷啊~~~~</strong></p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_ruj4XAh2Njs%2FSv_2BS7oz9I%2FAAAAAAAACxY%2Fxnx-GVX_4zg%2Fs800%2Fwin7weather.jpg" alt="" /></p>
<p class="akst_link"><a href="http://www.zhcexo.com/?p=876&amp;akst_action=share-this"  title="可以通过E-mail分享, 用del.icio.us、Google等网络书签收藏！" id="akst_link_876" class="akst_share_link" rel="nofollow">收藏、分享这篇文章!</a>
</p><h3  class="related_post_title">相关阅读</h3><ul class="related_post"><li><a href="http://www.zhcexo.com/use-ttplayer/" title="用来用去，还是习惯千千静听">用来用去，还是习惯千千静听</a></li><li><a href="http://www.zhcexo.com/lightscreen/" title="推荐截屏软件Lightscreen">推荐截屏软件Lightscreen</a></li><li><a href="http://www.zhcexo.com/soft-package/" title="发布软件包镜像">发布软件包镜像</a></li><li><a href="http://www.zhcexo.com/shock-3d-desktop/" title="漂亮的3D桌面">漂亮的3D桌面</a></li><li><a href="http://www.zhcexo.com/vista-utilities/" title="Vista有多少功能你不知道？试试Vista Utilities吧">Vista有多少功能你不知道？试试Vista Utilities吧</a></li></ul><hr />
<p>© ZH CEXO for <a href="http://www.zhcexo.com">ZH CEXO's BLOG</a>, 2009. |
<a href="http://www.zhcexo.com/win7-hacks-for-starters/">查看原文</a> |
<a href="http://www.zhcexo.com/win7-hacks-for-starters/#comments">62 条评论</a>
<br/>
标签: <a href="http://www.zhcexo.com/tag/toolkit/" rel="tag">Toolkit</a>, <a href="http://www.zhcexo.com/tag/win7/" rel="tag">win7</a>, <a href="http://www.zhcexo.com/tag/%e8%bd%af%e4%bb%b6/" rel="tag">软件</a> | <strong style="color:#F00">使用https方式访问Google Reader的朋友可能无法看到图片</strong><br/>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.zhcexo.com/win7-hacks-for-starters/feed/</wfw:commentRss>
		<slash:comments>62</slash:comments>
		</item>
		<item>
		<title>图解修改Firefox的配置路径以备份个人设置</title>
		<link>http://www.zhcexo.com/change-firefox-profile-directory/</link>
		<comments>http://www.zhcexo.com/change-firefox-profile-directory/#comments</comments>
		<pubDate>Tue, 03 Nov 2009 13:29:50 +0000</pubDate>
		<dc:creator>ZH CEXO</dc:creator>
				<category><![CDATA[浏览器]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[教程]]></category>

		<guid isPermaLink="false">http://www.zhcexo.com/?p=871</guid>
		<description><![CDATA[
大家最喜欢的浏览器是什么，这个答案应该很多元化吧，我最喜欢的是Firefox，因为它的灵活性、可定制性，虽然启动慢而且对某些网页渲染很成问题。但有的时候不知道为什么，Firefox用过一... ]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh5.gouride.com%2F_ruj4XAh2Njs%2FSvAlNgImcPI%2FAAAAAAAACwM%2FHuWVZlX2lEo%2Fs800%2Ffxconfig.jpg" alt="" /></p>
<p>大家最喜欢的浏览器是什么，这个答案应该很多元化吧，我最喜欢的是<a target="_blank" href="http://www.zhcexo.com/tag/firefox/" title="tag:firefox">Firefox</a>，因为它的灵活性、可定制性，虽然启动慢而且对某些网页渲染很成问题。但有的时候不知道为什么，Firefox用过一段时间之后就开始出现奇怪的问题，比如老崩溃什么的，这个时候大多数人会选择重装它来解决问题吧。再或者，系统有问题，想重装系统，然后装完才发现，Firefox里面的配置插件什么的都丢失了，又得重新来搞，多麻烦&hellip;&hellip;</p>
<p><span id="more-871"></span></p>
<p>那怎么备份Firefox的个人配置呢？用扩展？可以，这里向你推荐强大的扩展：<strong><a target="_blank" href="https://addons.mozilla.org/zh-CN/firefox/addon/2109">FEBE</a></strong>，它能备份已经安装的插件、书签、主题、Firefox配置参数、保存的密码、cookie等几乎所有Firefox里面所有你自己的东西。不想用插件呢？那就继续往下看吧。</p>
<p>其实Firefox自己的配置文件是可以定义的，而且你还可以创建不只一个配置，<strong>但似乎很多人不知道这个功能？</strong>方法很简单，找到Firefox的快捷方式，如果找不到，就创建一个，然后右键并选择属性，找到&ldquo;目标&rdquo;那一栏，在最后面加上</p>
<blockquote>
<p>-p</p>
</blockquote>
<p><strong>注意横杠前面有个空格</strong>，然后确定。</p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_ruj4XAh2Njs%2FSvAlOFZKgII%2FAAAAAAAACwQ%2FaDOW6QKSetQ%2Fs800%2Ffxc-1.jpg" alt="" /></p>
<p>关掉所有运行中的Firefox，再双击那个快捷方式看看，出现了什么？</p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_ruj4XAh2Njs%2FSvAlOrSks2I%2FAAAAAAAACwU%2FKYtB42sGv6c%2Fs800%2Ffxc-2.jpg" alt="" /></p>
<p>嗯，如图所示，出现了&ldquo;选择用户配置文件&rdquo;的窗口。这里面就可以定制你的配置了。比如说，你重新安装了Firefox，然后把配置改到D:\FxConfig这个路径里面，只要点击&ldquo;创建配置文件&rdquo;，出现以下窗口：</p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh3.gouride.com%2F_ruj4XAh2Njs%2FSvAlPKeaZoI%2FAAAAAAAACwY%2Fh14kGdOP8-M%2Fs800%2Ffxc-3.jpg" alt="" /></p>
<p>单击&ldquo;下一步&rdquo;，来选择你的配置文件夹：</p>
<p><img src="http://www.zhcexo.com/wp-content/plugins/pika/readimg.php?src=http%3A%2F%2Flh4.gouride.com%2F_ruj4XAh2Njs%2FSvAlP5egSSI%2FAAAAAAAACwc%2Fuei-B5AsnTk%2Fs800%2Ffxc-4.jpg" alt="" /></p>
<p>这样一来，你的Firefox中所有的东西，包括插件、cookie等等都会保留在这个文件夹下面，配<strong>置文件的名称你自己定</strong>。</p>
<p>设想一下，以前Firefox的配置文件都保留在系统盘里，如：</p>
<blockquote>
<p><span style="color: rgb(255, 0, 0);">Vista下</span>&nbsp; C:\Users\用户名\AppData\Roaming\Mozilla\Firefox\Profiles\       <br />
<span style="color: rgb(255, 0, 0);">XP下</span>&nbsp; C:\Documents and Settings\用户名\Application Data\Mozilla\Firefox\Profiles\</p>
</blockquote>
<p>重装系统的时候就丢掉了，挺烦心的，<strong>但如果你的配置不在默认的这个路径里，那重装后只需要再次进行这个步骤，把配置路径指向你原来的配置路径，一切不就回来了么！</strong>至于配置文件已经在系统盘里面的童鞋们，<strong>只要把默认路径中的相关文件都复制到新的路径里面</strong>，再改一下配置地址就行了。</p>
<p><strong style="color: rgb(255, 0, 0);">扩展一下应用</strong></p>
<p>既然这样可以指定配置文件的路径和文件名，那只要路径不同文件名不同，就可以创建多个配置文件啦。而且对于Firefox来说，扩展安得越多，越是拖慢启动的速度。有了这个方法，你可以在做不同事情的时候使用不同配置的Firefox。比如说，创建两个快捷方式，指定两个不同配置，其中一个用于一般网页浏览，安简单的扩展;另一个用于网页设计，安上相关功能的扩展就可以了~</p>
<p>好奇的同学赶快试试吧，你不会失望的！</p>
<p class="akst_link"><a href="http://www.zhcexo.com/?p=871&amp;akst_action=share-this"  title="可以通过E-mail分享, 用del.icio.us、Google等网络书签收藏！" id="akst_link_871" class="akst_share_link" rel="nofollow">收藏、分享这篇文章!</a>
</p><h3  class="related_post_title">相关阅读</h3><ul class="related_post"><li><a href="http://www.zhcexo.com/diy-a-chrome-like-start-page-for-firefox/" title="为Firefox做一个静态起始标签页">为Firefox做一个静态起始标签页</a></li><li><a href="http://www.zhcexo.com/page-firefox-of-linxo-appear-online/" title="本站Firefox页面正式上线">本站Firefox页面正式上线</a></li><li><a href="http://www.zhcexo.com/7-extensions-of-firefox-for-webmaster/" title="七个推荐给WebMaster的Firefox扩展">七个推荐给WebMaster的Firefox扩展</a></li><li><a href="http://www.zhcexo.com/firefox3-rc2-simply-evaluate/" title="Firefox 3 RC 2简单试用">Firefox 3 RC 2简单试用</a></li><li><a href="http://www.zhcexo.com/creating-a-keyboard-with-css-and-jquery/" title="利用CSS和jQuery创建一个屏幕键盘">利用CSS和jQuery创建一个屏幕键盘</a></li></ul><hr />
<p>© ZH CEXO for <a href="http://www.zhcexo.com">ZH CEXO's BLOG</a>, 2009. |
<a href="http://www.zhcexo.com/change-firefox-profile-directory/">查看原文</a> |
<a href="http://www.zhcexo.com/change-firefox-profile-directory/#comments">27 条评论</a>
<br/>
标签: <a href="http://www.zhcexo.com/tag/firefox/" rel="tag">Firefox</a>, <a href="http://www.zhcexo.com/tag/%e6%95%99%e7%a8%8b/" rel="tag">教程</a>, <a href="http://www.zhcexo.com/tag/%e6%b5%8f%e8%a7%88%e5%99%a8/" rel="tag">浏览器</a> | <strong style="color:#F00">使用https方式访问Google Reader的朋友可能无法看到图片</strong><br/>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.zhcexo.com/change-firefox-profile-directory/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>youlove.us上的背景滚动效果是怎样实现的（翻译）</title>
		<link>http://www.zhcexo.com/the-youloveus-scrolling-background-effect-explained/</link>
		<comments>http://www.zhcexo.com/the-youloveus-scrolling-background-effect-explained/#comments</comments>
		<pubDate>Mon, 26 Oct 2009 02:45:14 +0000</pubDate>
		<dc:creator>ZH CEXO</dc:creator>
				<category><![CDATA[学习经历]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[教程]]></category>
		<category><![CDATA[翻译]]></category>

		<guid isPermaLink="false">http://www.zhcexo.com/?p=866</guid>
		<description><![CDATA[很多人都问我们在这个新的网站上背景滚动的效果是怎么实现的，所以这一篇我就向大家解释一下它的工作原理，这样大家在看源代码时可以省去一些麻烦。按你自己的想法使用自己的设计而... ]]></description>
			<content:encoded><![CDATA[<p>很多人都问我们在这个新的网站上背景滚动的效果是怎么实现的，所以这一篇我就向大家解释一下它的工作原理，这样大家在看源代码时可以省去一些麻烦。按你自己的想法使用自己的设计而不要直接COPY我们的代码和图片&mdash;&mdash;毕竟我们在这上面花了大把时间~</p>
<p><strong>它怎么工作的</strong></p>
<p>这个技巧实现起来比它看起来容易得多，其实它就是把一张很长的渐变图像放到一些透明的PNG图像后面去滚动。页眉的背景（包括我们的LOGO、导航条和笔记本图像）都有透明度和一些文字，但主页面的图像上的标题文字则是透明图像。</p>
<p><strong>用到的图片</strong></p>
<p>整个效果中我们使用本站的图片，不过你有需要的可能就只是背景和页眉的图片吧，我们有：</p>
<p><span id="more-866"></span></p>
<blockquote>
<p><a target="_blank" href="http://youlove.us/template/theme/youloveus/img/bg.jpg" class="highslide-image" onclick="return hs.expand(this);">背景图片</a></p>
<p><a href="http://youlove.us/template/theme/youloveus/img/bg-header.png" class="highslide-image" onclick="return hs.expand(this);">页眉图片</a></p>
<p><a href="http://youlove.us/template/theme/youloveus/img/bg-home.png" class="highslide-image" onclick="return hs.expand(this);">主页内容图片</a></p>
<p><a href="http://youlove.us/template/theme/youloveus/img/bg-footer.png" class="highslide-image" onclick="return hs.expand(this);">页脚图片</a></p>
</blockquote>
<p><strong>CSS</strong></p>
<p>为了对搜索引擎、屏幕阅读器和早先版本的浏览器友好，我为还是得在背景图片上加上说明文字，然后再用CSS把它们隐藏起来。</p>
<p><strong>JavaScript</strong></p>
<p>JavaScript就是让这一切变得神奇的魔法，这里我们使用jQueyr框架和CSS来让背景动起来。</p>
<pre class="brush: js">
$(function() {

	// ***
	// 背景滚动
	// ***

	// 背景图像高度，单位px
	var backgroundheight = 4000;

	// 取得当前时间的分钟/小时
	var now = new Date();
	var hour = now.getHours();
	var minute = now.getMinutes();

	// 计算一下今天已经过了百分之多少，例如下午六点 = 75%
	var hourpercent = hour / 24 * 100;
	var minutepercent = minute / 60 / 24 * 100;
	var percentofday = Math.round(hourpercent + minutepercent);

	// 计算一下从多少px的地方开始滚动图像
	// 通过使用今天已经过的百分比
	var offset = backgroundheight / 100 * percentofday;

	// 图像的起点大约是早点六点, 所以调整它偏移 1/4
	var offset = offset - (backgroundheight / 4);

	function scrollbackground() {
		// 将偏移量降到1px为止, 如果小于1px，就增加它
		// 背景的最小高度为1px
   		offset = (offset &lt; 1) ? offset + (backgroundheight - 1) : offset - 1;
		// 应用背景的位置
   		$('body').css(&quot;background-position&quot;, &quot;50% &quot; + offset + &quot;px&quot;);
   		// 让它继续滚动
   		setTimeout(function() {
			scrollbackground();
			}, 100
		);
   	}

	// 开始滚动
	scrollbackground();
}</pre>
<p><strong>真正灵巧的部分</strong></p>
<p>读过上面的代码你可能会注意到，如果你在一天内不同的时间来访问我们的网站，那么背景也是从不同的地方开始滚动的，比如说，如果你是晚上访问我们的网站，你会看见夜空的背景，如果在早上，你会看见日出~</p>
<p>如果你有任何评价、疑问或者对代码改进的看法，可以<a href="http://youlove.us/contact/">和我们联系</a>。</p>
<p><strong>2009-07-30更新</strong></p>
<p>一些评论中提到，在Firefox 3.5下面CPU的占用率会大幅上升，所以我就更新了代码。新的代码抛弃了backgroundposition.js和jQuery的animate()方法，使用的是简单的改变CSS中body背景的background-position值，每次循环改动1px。在一些使用Firefox 3.5的老电脑上，CPU的占用率已经从65%左右下降到了30%，其他的浏览器好像还没出现这个问题，欢迎继续反馈！</p>
<p><strong>译者注：</strong></p>
<p>最后一句不知道怎么翻译：CPU usage on an older machine running FireFox 3.5 went from around 65% to 30%. All other browsers still appear not to struggle with it.囧&hellip;&hellip;</p>
<p>就我自己体验，在Firefox 3.5上使用这个效果很卡，而其他浏览器不会出现问题。</p>
<p><strong>查看效果</strong></p>
<p>直接访问<a href="http://youlove.us/" title="http://youlove.us/">http://youlove.us/</a>，然后仔细看看首页头部的背景，中部标题的颜色和页脚背景的变化，相当不错的效果。</p>
<p>文本来源于<a target="_blank" href="http://youlove.us/blog/the-youloveus-scrolling-background-effect-explained">The youlove.us scrolling background effect explained</a>，中文翻译源于<a target="_blank" href="http://www.zhcexo.com/the-youloveus-scrolling-background-effect-explained/">ZH CEXO&rsquo;s BLOG</a>，基于<a target="_blank" href="http://creativecommons.org/licenses/by-nc-sa/2.5/cn/deed.zh">CC协议</a>发布，请转载时注明&ldquo;署名-非商业性使用-相同方式共享&rdquo;。</p>
<p class="akst_link"><a href="http://www.zhcexo.com/?p=866&amp;akst_action=share-this"  title="可以通过E-mail分享, 用del.icio.us、Google等网络书签收藏！" id="akst_link_866" class="akst_share_link" rel="nofollow">收藏、分享这篇文章!</a>
</p><h3  class="related_post_title">相关阅读</h3><ul class="related_post"><li><a href="http://www.zhcexo.com/creating-a-keyboard-with-css-and-jquery/" title="利用CSS和jQuery创建一个屏幕键盘">利用CSS和jQuery创建一个屏幕键盘</a></li><li><a href="http://www.zhcexo.com/how-to-create-a-sliding-imagereveal-content-with-jquery/" title="使用jQuery创建滑动图片/显示内容的效果（翻译）">使用jQuery创建滑动图片/显示内容的效果（翻译）</a></li><li><a href="http://www.zhcexo.com/pretty-checkboxes-with-jquery/" title="使用jQuery制作精致的复选框（翻译）">使用jQuery制作精致的复选框（翻译）</a></li><li><a href="http://www.zhcexo.com/change-firefox-profile-directory/" title="图解修改Firefox的配置路径以备份个人设置">图解修改Firefox的配置路径以备份个人设置</a></li><li><a href="http://www.zhcexo.com/ps-tutorial-ttplayericon/" title="用Photoshop画一个千千静听的图标">用Photoshop画一个千千静听的图标</a></li></ul><hr />
<p>© ZH CEXO for <a href="http://www.zhcexo.com">ZH CEXO's BLOG</a>, 2009. |
<a href="http://www.zhcexo.com/the-youloveus-scrolling-background-effect-explained/">查看原文</a> |
<a href="http://www.zhcexo.com/the-youloveus-scrolling-background-effect-explained/#comments">15 条评论</a>
<br/>
标签: <a href="http://www.zhcexo.com/tag/jquery/" rel="tag">jQuery</a>, <a href="http://www.zhcexo.com/tag/%e6%95%99%e7%a8%8b/" rel="tag">教程</a>, <a href="http://www.zhcexo.com/tag/%e7%bf%bb%e8%af%91/" rel="tag">翻译</a> | <strong style="color:#F00">使用https方式访问Google Reader的朋友可能无法看到图片</strong><br/>
</p>]]></content:encoded>
			<wfw:commentRss>http://www.zhcexo.com/the-youloveus-scrolling-background-effect-explained/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>
