<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/1.5.1-alpha" -->
<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/"
>

<channel>
	<title>缺</title>
	<link>http://ferrychu.blogsome.com</link>
	<description>Just  a new weblog</description>
	<pubDate>Tue, 24 Nov 2009 15:16:18 +0000</pubDate>
	<generator>http://wordpress.org/?v=1.5.1-alpha</generator>
	<language>en</language>

		<item>
		<title>Protected: 大学</title>
		<link>http://ferrychu.blogsome.com/2009/11/24/p32/</link>
		<comments>http://ferrychu.blogsome.com/2009/11/24/p32/#comments</comments>
		<pubDate>Tue, 24 Nov 2009 15:14:30 +0000</pubDate>
		<dc:creator>ferry</dc:creator>
		
	<category>Diary</category>
		<guid>http://ferrychu.blogsome.com/2009/11/24/p32/</guid>
		<description><![CDATA[There is no excerpt because this is a protected post.]]></description>
			<content:encoded><![CDATA[	<form action="http://ferrychu.blogsome.com/wp-pass.php" method="post">
	<p>This post is password protected. To view it please enter your password below:</p>
	<p><label>Password: <input name="post_password" type="password" size="20" /></label> <input type="submit" name="Submit" value="Submit" /></p>
	</form>
]]></content:encoded>
			<wfw:commentRss>http://ferrychu.blogsome.com/2009/11/24/p32/feed/</wfw:commentRss>
	</item>
		<item>
		<title>摘的日记</title>
		<link>http://ferrychu.blogsome.com/2009/11/11/p31/</link>
		<comments>http://ferrychu.blogsome.com/2009/11/11/p31/#comments</comments>
		<pubDate>Wed, 11 Nov 2009 13:37:43 +0000</pubDate>
		<dc:creator>ferry</dc:creator>
		
	<category>Diary</category>
		<guid>http://ferrychu.blogsome.com/2009/11/11/p31/</guid>
		<description><![CDATA[	我生在了中国，注定要经历许多次的考试。人生充满了考试，这也是作为一个现代人普通而又一般的体验，这种体验被掺合了昂扬斗志的疲惫所充满，因为没有那个国家的考试有五千年文明的神州大地上对个人如此重要而又历史悠久。在一次又一次的考试中，不知道是否自己沦为了考试的奴隶，斗志在主观与客观原因里逐渐被消磨，没有了让社会变得更好的想法。不知道谁又在啃噬这颗不知道还有没有理想疲惫的心。
	学业上的失意潦倒，生活中的得而复失和爱而不得的悲哀。感觉上自己常常被一种微笑背后感伤而抑郁的情绪所包裹，不知道这是不是自己玩世不恭把许多重要的事情不放在心上的原因；不知道不知不觉中自己集中精神的能力还有没有，自己以前坚持的东西是否放在了脚背上，变得自私、狭隘、无耻、懒惰，庸人自扰，无病呻吟，而不知道自己独立地去思考，坚持自己应该坚持的东西。《天黑以后》是一部关于人性的善与恶的小说，讲了是爱和善使一个年轻的女生在一个晚上获得再生的故事。通过读这部小说，使我懂得，身处逆境的时候不能心怀怨恨，用微笑去面对人生，只要不停地去寻找，勇敢的去承担，人生何处不飞花。
	抬头望向车窗外，列车依旧在奔驰，窗上有雨珠在蜿蜒游走。刚才还是晴空，现在却下起了雨，坐在前进的火车中，真是变化无常啊。将近三十岁了，如果没有选择读书这条路，老婆孩子也该有了吧。面对着变化无常的人生，因为想要看到世界更远的地方，必须要付出一定的代价。想通了就沿着这天路走下去吧。
我不伟大，不能够移山，也不能够发光，但却是唯一。
	人们经常说，条条大路通罗马。既然条条大路通罗马，所以有些人经常变，变来变去自己都不知道自己是谁了，我又何尝不是如此啊，今天觉得这个人的生活方式不错，和他学。明天又觉得那个人的性格不错，自己也按照他那样改。后天又觉得自己一无是处，干脆把自己全盘否定。在变来变去中再也找不到自己了。也就忘掉了自己心中那曾经的梦。没了自信，没了斗志，没了自我，没了灵魂，只剩下行尸走肉的躯壳。
	条条大路通罗马。可是当你选择了其中的一条大路时，如何在这条路上走向罗马，确是华山一条路。坚持自我，踏实、勤学，健康的生活，向着目标前进。

]]></description>
			<content:encoded><![CDATA[	<p>我生在了中国，注定要经历许多次的考试。人生充满了考试，这也是作为一个现代人普通而又一般的体验，这种体验被掺合了昂扬斗志的疲惫所充满，因为没有那个国家的考试有五千年文明的神州大地上对个人如此重要而又历史悠久。在一次又一次的考试中，不知道是否自己沦为了考试的奴隶，<strong>斗志在主观与客观原因里逐渐被消磨</strong>，没有了让社会变得更好的想法。<strong>不知道谁又在啃噬这颗不知道还有没有理想疲惫的心</strong>。</p>
	<p>学业上的失意潦倒，生活中的得而复失和爱而不得的悲哀。感觉上自己常常被一种微笑背后感伤而抑郁的情绪所包裹，不知道这是不是自己玩世不恭把许多重要的事情不放在心上的原因；<strong>不知道不知不觉中自己集中精神的能力还有没有，自己以前坚持的东西是否放在了脚背上，变得自私、狭隘、无耻、懒惰，庸人自扰，无病呻吟，而不知道自己独立地去思考，坚持自己应该坚持的东西。</strong>《天黑以后》是一部关于人性的善与恶的小说，讲了是爱和善使一个年轻的女生在一个晚上获得再生的故事。通过读这部小说，使我懂得，身处逆境的时候不能心怀怨恨，用微笑去面对人生，只要不停地去寻找，勇敢的去承担，人生何处不飞花。</p>
	<p>抬头望向车窗外，列车依旧在奔驰，窗上有雨珠在蜿蜒游走。刚才还是晴空，现在却下起了雨，坐在前进的火车中，真是变化无常啊。将近三十岁了，如果没有选择读书这条路，老婆孩子也该有了吧。面对着变化无常的人生，<strong>因为想要看到世界更远的地方，必须要付出一定的代价。想通了就沿着这天路走下去吧。</strong><br />
我不伟大，不能够移山，也不能够发光，但却是唯一。</p>
	<p>人们经常说，条条大路通罗马。既然条条大路通罗马，所以有些人经常变，变来变去自己都不知道自己是谁了，我又何尝不是如此啊，<strong>今天觉得这个人的生活方式不错，和他学。明天又觉得那个人的性格不错，自己也按照他那样改。后天又觉得自己一无是处，干脆把自己全盘否定。在变来变去中再也找不到自己了。也就忘掉了自己心中那曾经的梦。没了自信，没了斗志，没了自我，没了灵魂，只剩下行尸走肉的躯壳。</strong></p>
	<p>条条大路通罗马。可是当你选择了其中的一条大路时，如何在这条路上走向罗马，确是华山一条路。<strong>坚持自我，踏实、勤学，健康的生活，向着目标前进。</strong>
</p>
]]></content:encoded>
			<wfw:commentRss>http://ferrychu.blogsome.com/2009/11/11/p31/feed/</wfw:commentRss>
	</item>
		<item>
		<title>How to contact to me?</title>
		<link>http://ferrychu.blogsome.com/2007/12/09/how-to-contact-to-me/</link>
		<comments>http://ferrychu.blogsome.com/2007/12/09/how-to-contact-to-me/#comments</comments>
		<pubDate>Sun, 09 Dec 2007 10:37:21 +0000</pubDate>
		<dc:creator>ferry</dc:creator>
		
	<category>Diary</category>
		<guid>http://ferrychu.blogsome.com/2007/12/09/how-to-contact-to-me/</guid>
		<description><![CDATA[	My blogsome site blocked by the stupid CN GOV&#8230; &#8230; ;(
	So i have to create a new blog on baidu. Know more news please visite here&#8230;  http://hi.baidu.com/ferryboat401
	If you have better solution , contact to me without any hesitate.
My email: ferryboat401@gmail.com
	Thanks!

]]></description>
			<content:encoded><![CDATA[	<p>My blogsome site blocked by the stupid CN GOV&#8230; &#8230; ;(</p>
	<p>So i have to create a new blog on baidu. Know more news please visite here&#8230;  http://hi.baidu.com/ferryboat401</p>
	<p>If you have better solution , contact to me without any hesitate.<br />
My email: ferryboat401@gmail.com</p>
	<p>Thanks!
</p>
]]></content:encoded>
			<wfw:commentRss>http://ferrychu.blogsome.com/2007/12/09/how-to-contact-to-me/feed/</wfw:commentRss>
	</item>
		<item>
		<title>保护网络环境　营造和谐氛围</title>
		<link>http://ferrychu.blogsome.com/2007/06/26/p29/</link>
		<comments>http://ferrychu.blogsome.com/2007/06/26/p29/#comments</comments>
		<pubDate>Tue, 26 Jun 2007 12:17:12 +0000</pubDate>
		<dc:creator>ferry</dc:creator>
		
	<category>Diary</category>
		<guid>http://ferrychu.blogsome.com/2007/06/26/p29/</guid>
		<description><![CDATA[	保护网络环境　营造和谐氛围
	搬家还没几天呢！这是怎么了这是？有这么欺负人的吗？

]]></description>
			<content:encoded><![CDATA[	<p><strong><del datetime="2007-06-26T20:10:43-08:00">保护网络环境　营造和谐氛围</del></strong></p>
	<p>搬家还没几天呢！这是怎么了这是？有这么欺负人的吗？
</p>
]]></content:encoded>
			<wfw:commentRss>http://ferrychu.blogsome.com/2007/06/26/p29/feed/</wfw:commentRss>
	</item>
		<item>
		<title>有中国特色的奥运宣传图片</title>
		<link>http://ferrychu.blogsome.com/2007/06/17/p28/</link>
		<comments>http://ferrychu.blogsome.com/2007/06/17/p28/#comments</comments>
		<pubDate>Sun, 17 Jun 2007 13:30:34 +0000</pubDate>
		<dc:creator>ferry</dc:creator>
		
	<category>Diary</category>
		<guid>http://ferrychu.blogsome.com/2007/06/17/p28/</guid>
		<description><![CDATA[	
	
	太有想法了！很喜欢第一张的创意！

]]></description>
			<content:encoded><![CDATA[	<p><img style="width: 360px; height: 466px" height="466" src="http://www.huangjiwei.com/blog/wp-content/uploads/2007/06/zuiniude1.jpg" width="360" border="0" /></p>
	<p><img style="width: 360px; height: 489px" height="489" src="http://www.wangxiaofeng.net/wp-content/uploads/2007/06/majiangaoyun.jpg" width="360" border="0" /></p>
	<p><img title="emoticon" alt="emoticon" src="http://ferrychu.blogsome.com/wp-content/plugins/Wysi-Wordpress/plugins/emotions/images/thumbup.gif" border="0" />太有想法了！很喜欢第一张的创意！
</p>
]]></content:encoded>
			<wfw:commentRss>http://ferrychu.blogsome.com/2007/06/17/p28/feed/</wfw:commentRss>
	</item>
		<item>
		<title>CSS hack方法速查</title>
		<link>http://ferrychu.blogsome.com/2007/06/13/p27/</link>
		<comments>http://ferrychu.blogsome.com/2007/06/13/p27/#comments</comments>
		<pubDate>Wed, 13 Jun 2007 13:27:25 +0000</pubDate>
		<dc:creator>ferry</dc:creator>
		
	<category>xhtml/css</category>
		<guid>http://ferrychu.blogsome.com/2007/06/13/p27/</guid>
		<description><![CDATA[	屏蔽IE浏览器（也就是IE下不显示）
*:lang(zh) select {font:12px&nbsp; !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/select:empty {font:12px&nbsp; !important;} /*safari可见*/这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。
仅IE7与IE5.0可以识别 
*+html&nbsp; select {&hellip;}当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。
仅IE7可以识别 
*+html&nbsp; select {&hellip;!important;}当面临需要只针对IE7做样式的时候就可以采用这个HACK。 
IE6及IE6以下识别 
* html&nbsp; select {&hellip;}这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。html/**/ &gt;body&nbsp; select {&hellip;}这句与上一句的作用相同。
仅IE6不识别，屏蔽IE6 
select { display /*屏蔽IE6*/:none;}这里主要是通过CSS注释分开一个属性与值，注释在冒号前。 
仅IE6与IE5不识别，屏蔽IE6与IE5 
select/**/ { display /*IE6,IE5不识别*/:none;}这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5 仅IE5不识别，屏蔽IE5 select/*IE5不识别*/ {&hellip;}这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。
盒模型解决方法 
selct {width:IE5.x宽度; voice-family :&quot;\&quot;}\&quot;&quot;; voice-family:inherit; width:正确宽度;}盒模型的清除方法不是通过!important来处理的。这点要明确。
清除浮动 
select:after {content:&quot;.&quot;; display:block; height:0; clear:both; visibility:hidden;}在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题。 
截字省略号 
select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾，很好的一个技术。只是目前Firefox并不支持。 只有Opera识别 [...]]]></description>
			<content:encoded><![CDATA[	<p>屏蔽IE浏览器（也就是IE下不显示）<br />
<blockquote>*:lang(zh) select {font:12px&nbsp; !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/<br />select:empty {font:12px&nbsp; !important;} /*safari可见*/<br />这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。</blockquote>
仅IE7与IE5.0可以识别 <br />
<blockquote>*+html&nbsp; select {&hellip;}<br />当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。</blockquote>
仅IE7可以识别 <br />
<blockquote>*+html&nbsp; select {&hellip;!important;}<br />当面临需要只针对IE7做样式的时候就可以采用这个HACK。 </blockquote>
IE6及IE6以下识别 <br />
<blockquote>* html&nbsp; select {&hellip;}<br />这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。<br />html/**/ &gt;body&nbsp; select {&hellip;}<br />这句与上一句的作用相同。</blockquote>
仅IE6不识别，屏蔽IE6 <br />
<blockquote>select { display /*屏蔽IE6*/:none;}<br />这里主要是通过CSS注释分开一个属性与值，注释在冒号前。 </blockquote>
仅IE6与IE5不识别，屏蔽IE6与IE5 <br />
<blockquote>select/**/ { display /*IE6,IE5不识别*/:none;}<br />这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5 仅IE5不识别，屏蔽IE5 select/*IE5不识别*/ {&hellip;}<br />这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。</blockquote>
盒模型解决方法 <br />
<blockquote>selct {width:IE5.x宽度; voice-family :&quot;\&quot;}\&quot;&quot;; voice-family:inherit; width:正确宽度;}<br />盒模型的清除方法不是通过!important来处理的。这点要明确。</blockquote>
清除浮动 <br />
<blockquote>select:after {content:&quot;.&quot;; display:block; height:0; clear:both; visibility:hidden;}<br />在Firefox中，当子级都为浮动时，那么父级的高度就无法完全的包住整个子级，那么这时用这个清除浮动的HACK来对父级做一次定义，那么就可以解决这个问题。 </blockquote>
截字省略号 <br />
<blockquote>select { -o-text-overflow:ellipsis; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }<br />这个是在越出长度后会自行的截掉多出部分的文字，并以省略号结尾，很好的一个技术。只是目前Firefox并不支持。 只有Opera识别 @media all and (min-width: 0px){ select {&hellip;&hellip;} }<br />针对Opera浏览器做单独的设定。</blockquote>

<p>以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。</p>
IE5.x的过滤器，只有IE5.x可见 <br />
<blockquote>@media tty {<br />i{content:&quot;\&quot;;/*&quot; &quot;*/}} @import &#8216;ie5win.css&#8217;; /*&quot;;}<br />}/* */ </blockquote>
IE5/MAC的过滤器，一般用不着 <br />
<blockquote>/*\*//*/<br />&nbsp;&nbsp;&nbsp; @import &quot;ie5mac.css&quot;;<br />/**/ </blockquote>

<p>From:http://andymao.com/andy/post/76.html</p>
]]></content:encoded>
			<wfw:commentRss>http://ferrychu.blogsome.com/2007/06/13/p27/feed/</wfw:commentRss>
	</item>
		<item>
		<title>你今天珍惜生命了吗？</title>
		<link>http://ferrychu.blogsome.com/2007/06/11/p26/</link>
		<comments>http://ferrychu.blogsome.com/2007/06/11/p26/#comments</comments>
		<pubDate>Mon, 11 Jun 2007 14:53:15 +0000</pubDate>
		<dc:creator>ferry</dc:creator>
		
	<category>Diary</category>
		<guid>http://ferrychu.blogsome.com/2007/06/11/p26/</guid>
		<description><![CDATA[	

]]></description>
			<content:encoded><![CDATA[	<p><img style="width: 660px; height: 313px" height="313" src="http://ferrychu.blogsome.com/images/life.jpg" width="660" border="0" />
</p>
]]></content:encoded>
			<wfw:commentRss>http://ferrychu.blogsome.com/2007/06/11/p26/feed/</wfw:commentRss>
	</item>
		<item>
		<title>记录一个滑动门＋选项卡</title>
		<link>http://ferrychu.blogsome.com/2007/06/05/p25/</link>
		<comments>http://ferrychu.blogsome.com/2007/06/05/p25/#comments</comments>
		<pubDate>Tue, 05 Jun 2007 13:05:33 +0000</pubDate>
		<dc:creator>ferry</dc:creator>
		
	<category>xhtml/css</category>
		<guid>http://ferrychu.blogsome.com/2007/06/05/p25/</guid>
		<description><![CDATA[	&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;&gt;&lt;HTML&gt;&lt;HEAD&gt;&lt;TITLE&gt;滑动门&lt;/TITLE&gt;&lt;META NAME=&quot;Generator&quot; CONTENT=&quot;EditPlus&quot;&gt;&lt;META NAME=&quot;Author&quot; CONTENT=&quot;&quot;&gt;&lt;META NAME=&quot;Keywords&quot; CONTENT=&quot;&quot;&gt;&lt;META NAME=&quot;Description&quot; CONTENT=&quot;&quot;&gt;&lt;/HEAD&gt;&lt;style&gt;/*为什么要这样定义样式，而不用#cardBar ul 这样定义，我个人的猜测是因为类是就近原则获取样式，而#cardBar ul则不是就近原则，按标签来定义，因此.Selected样式就无法出现。*/*{&nbsp;margin:0px;&nbsp;padding:0px;&nbsp;text-decoration:none;}/*定义基本样式*/ul.cardUl{&nbsp;font-size:12px;&nbsp;list-style-type:none;&nbsp;text-align:center;&nbsp;height:29px;&nbsp;background-image:url(attachments/month_0706/2200764172315.gif);}/*默认样式下使用css文件*/ul.cardUl li{&nbsp;height:29px;&nbsp;background:url(attachments/month_0706/u200764172418.gif) left top no-repeat;&nbsp;float:left;&nbsp;margin-right:1px;&nbsp;padding-left:6px; /*为滑动门另一边提供空间*/}ul.cardUl li a{&nbsp;float:left;&nbsp;height:29px;&nbsp;background:url(attachments/month_0706/y200764172443.gif) right top no-repeat;&nbsp;display:block;&nbsp;padding:8px 8px 3px 4px;/*让文字能够够居中*/&nbsp;color:#333;&nbsp;white-space: nowrap;}/*文字点击使用CSS*/ul.cardUl li.Selected{&nbsp;background:url(attachments/month_0706/g20076417255.gif) left top no-repeat;}ul.cardUl li.Selected a{&nbsp;background:url(attachments/month_0706/z200764172528.gif) right top no-repeat;}/*对点击下栏显示边框的代码进行美化*/div.hackBox{&nbsp;padding:2px 2px;&nbsp;border-left:2px solid #6697CD;&nbsp;border-right:2px solid #6697CD;&nbsp;border-bottom:2px solid #6697CD;&nbsp;display:none;}&lt;/style&gt;&lt;script&gt;//为选项卡的默认值进行设定，方法为读取cardBar里面的li标签是否已经有selected属性，如果没有则使用默认值。function loadTab(){&nbsp;//读取cardBar下面所有li标签&nbsp;var getId=document.getElementById(&quot;cardBar&quot;).getElementsByTagName(&quot;li&quot;);&nbsp;//定义一个判断是否有selected的变量&nbsp;var selectedItems=0;&nbsp;//判断方法，循环读出li标签的className，如果有则selectedItems加1&nbsp;for(i=0;i&lt;getId.length;i++){&nbsp;&nbsp;if (getId[i].className == &quot;Selected&quot;){&nbsp;&nbsp;&nbsp;selectedItems+=1;&nbsp;&nbsp;}&nbsp;}&nbsp;//经过循环，如果selectedItems没有数值，那么说明没有selected的标签，因此给标签加上默认的className&nbsp;if (selectedItems==0){&nbsp;&nbsp;document.getElementById(&quot;cardBar&quot;).getElementsByTagName(&quot;li&quot;)[0].className=&quot;Selected&quot;;&nbsp;&nbsp;document.getElementById(&quot;Dcard1&quot;).style.display=&quot;block&quot;;&nbsp;}}//让窗口打开就运行他window.onload=loadTab;//设定结束//进行选项卡效果的触发function [...]]]></description>
			<content:encoded><![CDATA[	<p>&lt;!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.0 Transitional//EN&quot;&gt;<br />&lt;HTML&gt;<br />&lt;HEAD&gt;<br />&lt;TITLE&gt;滑动门&lt;/TITLE&gt;<br />&lt;META NAME=&quot;Generator&quot; CONTENT=&quot;EditPlus&quot;&gt;<br />&lt;META NAME=&quot;Author&quot; CONTENT=&quot;&quot;&gt;<br />&lt;META NAME=&quot;Keywords&quot; CONTENT=&quot;&quot;&gt;<br />&lt;META NAME=&quot;Description&quot; CONTENT=&quot;&quot;&gt;<br />&lt;/HEAD&gt;<br />&lt;style&gt;<br />/*为什么要这样定义样式，而不用#cardBar ul 这样定义，我个人的猜测是因为类是就近原则获取样式，而#cardBar ul则不是就近原则，按标签来定义，因此.Selected样式就无法出现。*/<br />*{<br />&nbsp;margin:0px;<br />&nbsp;padding:0px;<br />&nbsp;text-decoration:none;<br />}<br />/*定义基本样式*/<br />ul.cardUl{<br />&nbsp;font-size:12px;<br />&nbsp;list-style-type:none;<br />&nbsp;text-align:center;<br />&nbsp;height:29px;<br />&nbsp;background-image:url(attachments/month_0706/2200764172315.gif);<br />}<br />/*默认样式下使用css文件*/<br />ul.cardUl li{<br />&nbsp;height:29px;<br />&nbsp;background:url(attachments/month_0706/u200764172418.gif) left top no-repeat;<br />&nbsp;float:left;<br />&nbsp;margin-right:1px;<br />&nbsp;padding-left:6px; /*为滑动门另一边提供空间*/<br />}<br />ul.cardUl li a{<br />&nbsp;float:left;<br />&nbsp;height:29px;<br />&nbsp;background:url(attachments/month_0706/y200764172443.gif) right top no-repeat;<br />&nbsp;display:block;<br />&nbsp;padding:8px 8px 3px 4px;/*让文字能够够居中*/<br />&nbsp;color:#333;<br />&nbsp;white-space: nowrap;<br />}<br />/*文字点击使用CSS*/<br />ul.cardUl li.Selected{<br />&nbsp;background:url(attachments/month_0706/g20076417255.gif) left top no-repeat;<br />}<br />ul.cardUl li.Selected a{<br />&nbsp;background:url(attachments/month_0706/z200764172528.gif) right top no-repeat;<br />}<br />/*对点击下栏显示边框的代码进行美化*/<br />div.hackBox{<br />&nbsp;padding:2px 2px;<br />&nbsp;border-left:2px solid #6697CD;<br />&nbsp;border-right:2px solid #6697CD;<br />&nbsp;border-bottom:2px solid #6697CD;<br />&nbsp;display:none;<br />}<br />&lt;/style&gt;<br />&lt;script&gt;<br />//为选项卡的默认值进行设定，方法为读取cardBar里面的li标签是否已经有selected属性，如果没有则使用默认值。<br />function loadTab(){<br />&nbsp;//读取cardBar下面所有li标签<br />&nbsp;var getId=document.getElementById(&quot;cardBar&quot;).getElementsByTagName(&quot;li&quot;);<br />&nbsp;//定义一个判断是否有selected的变量<br />&nbsp;var selectedItems=0;<br />&nbsp;//判断方法，循环读出li标签的className，如果有则selectedItems加1<br />&nbsp;for(i=0;i&lt;getId.length;i++){<br />&nbsp;&nbsp;if (getId[i].className == &quot;Selected&quot;){<br />&nbsp;&nbsp;&nbsp;selectedItems+=1;<br />&nbsp;&nbsp;}<br />&nbsp;}<br />&nbsp;//经过循环，如果selectedItems没有数值，那么说明没有selected的标签，因此给标签加上默认的className<br />&nbsp;if (selectedItems==0){<br />&nbsp;&nbsp;document.getElementById(&quot;cardBar&quot;).getElementsByTagName(&quot;li&quot;)[0].className=&quot;Selected&quot;;<br />&nbsp;&nbsp;document.getElementById(&quot;Dcard1&quot;).style.display=&quot;block&quot;;<br />&nbsp;}<br />}<br />//让窗口打开就运行他<br />window.onload=loadTab;<br />//设定结束<br />//进行选项卡效果的触发<br />function switchTab(cardBar,cardId){<br />&nbsp;&nbsp;&nbsp; //读取cardBar下面所有li标签<br />&nbsp;var oItems = document.getElementById(cardBar).getElementsByTagName(&quot;li&quot;);&nbsp;&nbsp; <br />&nbsp;//循环清空li标签下面的selected效果<br />&nbsp;for (i=0;i&lt;oItems.length;i++ ){<br />&nbsp;&nbsp;var x=oItems[i];<br />&nbsp;&nbsp;x.className=&quot;&quot;;<br />&nbsp;&nbsp;var y=x.getElementsByTagName(&quot;a&quot;);<br />&nbsp;&nbsp;y[0].style.color=&quot;#333&quot;;<br />&nbsp;}<br />&nbsp;//开始选项卡效果的赋值，为选中的li标签增加selected类的属性<br />&nbsp;document.getElementById(cardId).className=&quot;Selected&quot;;<br />&nbsp;//读出cardContent 下面的所有div标签<br />&nbsp;var dvs=document.getElementById(&quot;cardContent&quot;).getElementsByTagName(&quot;div&quot;);<br />&nbsp;//循环，判断应该显示的div<br />&nbsp;for (i=0;i&lt;dvs.length;i++ ){<br />&nbsp;&nbsp;if (dvs[i].id==(&quot;D&quot;+cardId)){<br />&nbsp;&nbsp;&nbsp;dvs[i].style.display=&quot;block&quot;;<br />&nbsp;&nbsp;}else{<br />&nbsp;&nbsp;&nbsp;dvs[i].style.display=&quot;none&quot;;<br />&nbsp;&nbsp;}<br />&nbsp;}<br />}<br />&lt;/script&gt;<br />&lt;BODY&gt;<br />&lt;div id=&quot;aa&quot;&gt;<br />&nbsp;&lt;ul class=&quot;cardUl&quot;&nbsp; id=&quot;cardBar&quot;&gt;<br />&nbsp;&nbsp;&lt;li id=&quot;card1&quot;&gt;&lt;a href=&quot;#&quot;&nbsp; onclick=&quot;javascript:switchTab(&#8217;cardBar&#8217;,'card1&#8242;);&quot;&gt;第一选项&lt;/a&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&lt;li id=&quot;card2&quot;&gt;&lt;a href=&quot;#&quot;&nbsp; onclick=&quot;javascript:switchTab(&#8217;cardBar&#8217;,'card2&#8242;);&quot;&gt;第二选项&lt;/a&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&lt;li id=&quot;card3&quot;&gt;&lt;a href=&quot;#&quot;&nbsp; onclick=&quot;javascript:switchTab(&#8217;cardBar&#8217;,'card3&#8242;);&quot;&gt;第三选项&lt;/a&gt;&lt;/li&gt;<br />&nbsp;&nbsp;&lt;li id=&quot;card4&quot;&gt;&lt;a href=&quot;#&quot;&nbsp; onclick=&quot;javascript:switchTab(&#8217;cardBar&#8217;,'card4&#8242;);&quot;&gt;第四选项&lt;/a&gt;&lt;/li&gt;<br />&nbsp;&lt;/ul&gt;<br />&nbsp;&lt;div id=&quot;cardContent&quot;&gt;<br />&nbsp;&nbsp;&lt;div id=&quot;Dcard1&quot; class=&quot;hackBox&quot;&gt;代码一&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div id=&quot;Dcard2&quot; class=&quot;hackBox&quot;&quot;&gt;代码二&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div id=&quot;Dcard3&quot; class=&quot;hackBox&quot;&gt;代码三&lt;/div&gt;<br />&nbsp;&nbsp;&lt;div id=&quot;Dcard4&quot; class=&quot;hackBox&quot;&gt;代码四&lt;/div&gt;<br />&nbsp;&lt;/div&gt;<br />&lt;/div&gt;<br />&lt;/BODY&gt;<br />&lt;/HTML&gt;</p>
	<p>From:<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.lming.cn%2Farticle.asp%3Fid%3D120&amp;i=0&amp;c=34d4a7b304ed8be1fafb649a167d3a90a8d937fe" target="_blank">http://www.lming.cn/article.asp?id=120</a></p>
]]></content:encoded>
			<wfw:commentRss>http://ferrychu.blogsome.com/2007/06/05/p25/feed/</wfw:commentRss>
	</item>
		<item>
		<title>啥是Bug 追踪管理系统</title>
		<link>http://ferrychu.blogsome.com/2007/06/05/p24/</link>
		<comments>http://ferrychu.blogsome.com/2007/06/05/p24/#comments</comments>
		<pubDate>Tue, 05 Jun 2007 12:46:45 +0000</pubDate>
		<dc:creator>ferry</dc:creator>
		
	<category>Share source</category>
		<guid>http://ferrychu.blogsome.com/2007/06/05/p24/</guid>
		<description><![CDATA[	
	软件开发过程中，BUG的管理非常重要，完成这项工作的软件系统称为BUG管理系统。BUG管理系统还有其他的一些叫法，例如缺陷追踪系统，问题追踪系统等。其实BUG系统不仅仅可以用来管理和追踪BUG&nbsp;或Defect，也可以用来管理和追踪用户需求等，因此有些系统就叫问题追踪系统。单纯的BUG管理系统开发起来并不是很复杂，市场上已经出现了不少商品化系统，也有很多的开源软件。很多BUG管理系统都支持Web界面，甚至不需要安装客户端。有的系统还设计的非常灵活，用户可以容易地进行定制。有的BUG系统是和配置管理工具集成在一起的，使用起来更为方便。从Google的分类目录或Yahoo!的目录查找中可以看到不少的BUG管理系统。
	Bugzilla&nbsp;，采用&nbsp;Perl，PHP&nbsp;开发，后台数据库是MySQL，它使用GPL版权协议。不过它的安装配置有些麻烦，似乎还也不支持内部邮件。要想支持中文还得做点修改，不过已经有人在做它的&nbsp;汉化版本&nbsp;了。
	BugTracker.NET&nbsp;，采用&nbsp;ASP.NET,&nbsp;C#&nbsp;开发，后台数据库主要是MSSQL/MSDE，它使用GPL版权协议。它支持内部邮件，也可以方便地定制。&nbsp;Track+&nbsp;，10&nbsp;用户以下是免费的，可以在&nbsp;这里&nbsp;试用。
	FogBUGZ&nbsp;，商品化系统，大约&nbsp;90&nbsp;美元一个用户。界面比较友好，功能也比较强大。可以在线&nbsp;试用&nbsp;45天。
	其他类似的系统还有很多，例如：ClearQuest&nbsp;，GNAT&nbsp;，BugZero&nbsp;，&nbsp;Mantis&nbsp;，&nbsp;微创BMS&nbsp;，&nbsp;汉星天的需求/变更管理系统&nbsp;等。
	Bugzero提供了一些&nbsp;开源系统的功能比较&nbsp;，商品化系统的&nbsp;价格比较&nbsp;。
]]></description>
			<content:encoded><![CDATA[	<p><img title="mantis" style="width: 242px; height: 102px" height="102" alt="mantis" src="http://www.mantisbt.org/images/mantis_logo.gif" width="242" align="right" border="0" /></p>
	<p>软件开发过程中，BUG的管理非常重要，完成这项工作的软件系统称为BUG管理系统。BUG管理系统还有其他的一些叫法，例如缺陷追踪系统，问题追踪系统等。其实BUG系统不仅仅可以用来管理和追踪BUG&nbsp;或Defect，也可以用来管理和追踪用户需求等，因此有些系统就叫问题追踪系统。单纯的BUG管理系统开发起来并不是很复杂，市场上已经出现了不少商品化系统，也有很多的开源软件。很多BUG管理系统都支持Web界面，甚至不需要安装客户端。有的系统还设计的非常灵活，用户可以容易地进行定制。有的BUG系统是和配置管理工具集成在一起的，使用起来更为方便。从<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fgoogle.com%2FTop%2FComputers%2FSoftware%2FConfiguration_Management%2FBug_Tracking%2F&amp;i=0&amp;c=c2e56bd344a1dbc6f1b0d0ab9be138730ad99341" target="_blank">Google的分类目录</a>或<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fsearch.yahoo.com%2Fsearch%2Fdir%3Fp%3Dbug%2Btracking%26sm%3DYahoo%2521%2BSearch%26fr%3DFP-tab-dir-t-173%26toggle%3D1&amp;i=0&amp;c=d54349203755ce9cadaf570251dd1fb36e1a1ce4" target="_blank">Yahoo!的目录查找</a>中可以看到不少的BUG管理系统。</p>
	<p><a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.bugzilla.org%2F&amp;i=0&amp;c=29327bb5eef21fbbd961e7dd977a0ecddd748cce" target="_blank">Bugzilla</a>&nbsp;，采用&nbsp;Perl，PHP&nbsp;开发，后台数据库是MySQL，它使用GPL版权协议。不过它的安装配置有些麻烦，似乎还也不支持内部邮件。要想支持中文还得做点修改，不过已经有人在做它的&nbsp;<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fsourceforge.net%2Fprojects%2Fbugzilla-cn%2F&amp;i=0&amp;c=bf2f6d121e6f1f7d1b4858d841c879d1b7ddbf1b" target="_blank">汉化版本</a>&nbsp;了。</p>
	<p><a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fbtnet.sourceforge.net%2Fbugtrackernet.html&amp;i=0&amp;c=43dbaab54cd4dc15c9ee128b6d556df17d02fb00" target="_blank">BugTracker.NET</a>&nbsp;，采用&nbsp;ASP.NET,&nbsp;C#&nbsp;开发，后台数据库主要是MSSQL/MSDE，它使用GPL版权协议。它支持内部邮件，也可以方便地定制。&nbsp;<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.emron.org%2F&amp;i=0&amp;c=8b1cad51d83af67e379aab8a720b3ca2d361bbe8" target="_blank">Track+</a>&nbsp;，10&nbsp;用户以下是免费的，可以在&nbsp;<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.emron.org%2Ftrack%2Flogon.jsp&amp;i=0&amp;c=a928c3976e9bc5949d8e4c0d3405854db3b1defd" target="_blank">这里</a>&nbsp;试用。</p>
	<p><a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.fogcreek.com%2FFogBUGZ%2F&amp;i=0&amp;c=69418df0faecabb658857912034fbb74fb34473b" target="_blank">FogBUGZ</a>&nbsp;，商品化系统，大约&nbsp;90&nbsp;美元一个用户。界面比较友好，功能也比较强大。可以在线&nbsp;<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Ftry.fogbugz.com%2F&amp;i=0&amp;c=6e9160eccaef377d45e11993035765b6961a50d4" target="_blank">试用</a>&nbsp;45天。</p>
	<p>其他类似的系统还有很多，例如：<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww-306.ibm.com%2Fsoftware%2Fawdtools%2Fclearquest%2F&amp;i=0&amp;c=5fe55229c7d496e9df002f3d848da423f265a1d3" target="_blank">ClearQuest</a>&nbsp;，<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.gnu.org%2Fsoftware%2Fgnat%2Fgnat.html&amp;i=0&amp;c=183a94f1de0c0ec395e953885d0a70e3e6c51608" target="_blank">GNAT</a>&nbsp;，<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.websina.com%2Fbugzero%2F&amp;i=0&amp;c=ac48f7b888f86fabe89cdadf4045dbf9cd6fb79f" target="_blank">BugZero</a>&nbsp;，&nbsp;<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.mantisbt.org%2F&amp;i=0&amp;c=8e1690b5275c64c766768d56fec1bb907d83f04b" target="_blank"><strong>Mantis</strong></a>&nbsp;，&nbsp;<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.wicresoft.com%2Fproducts%2Fdevmgmt%2F&amp;i=0&amp;c=6f5428f46e4dc17272ea8bae94954cf4b3c0f60d" target="_blank">微创BMS</a>&nbsp;，&nbsp;<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.hansky.com%2Fcn&amp;i=0&amp;c=83f7314ab5d056b893bed090c303c66830abe884" target="_blank">汉星天的需求/变更管理系统</a>&nbsp;等。</p>
	<p>Bugzero提供了一些&nbsp;<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.websina.com%2Fbugzero%2Fbugzero-bugzilla-gnats.html&amp;i=0&amp;c=bd59d2fdb39475ea1d902229e5554a6e3f10908b" target="_blank">开源系统的功能比较</a>&nbsp;，商品化系统的&nbsp;<a href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.websina.com%2Fbugzero%2Fbug-tracking-pricing.html&amp;i=0&amp;c=47f70df92e74e9e271c33b83be09979f89898cff" target="_blank">价格比较</a>&nbsp;。</p>
]]></content:encoded>
			<wfw:commentRss>http://ferrychu.blogsome.com/2007/06/05/p24/feed/</wfw:commentRss>
	</item>
		<item>
		<title>学习Table 中thead tbody tfoot 的使用</title>
		<link>http://ferrychu.blogsome.com/2007/06/01/23/</link>
		<comments>http://ferrychu.blogsome.com/2007/06/01/23/#comments</comments>
		<pubDate>Fri, 01 Jun 2007 12:14:55 +0000</pubDate>
		<dc:creator>ferry</dc:creator>
		
	<category>xhtml/css</category>
		<guid>http://ferrychu.blogsome.com/2007/06/01/23/</guid>
		<description><![CDATA[Table中<thead>,< tbody>,< tfoot> 的使用方法</thead>]]></description>
			<content:encoded><![CDATA[	<p><img style="width: 551px; height: 142px" height="142" src="http://bbs.blueidea.com/attachments/2007/5/30/20070530_1f961ece70d36fd79138KUy1aBFm47IJ.gif" width="551" align="right" border="0" /></p>
	<p>考虑了好久，没想到比较满意的实现办法，发到BI上看看高人们有没有更好的方法，果然不虚此行，很快就看到了<a title="专注CSS" href="http://ferrychu.blogsome.com/go.php?u=http%3A%2F%2Fwww.purecss.cn%2F&amp;i=0&amp;c=724e12947bc8829bb9ffb156e269c757ccb0f2cb" target="_blank">Purecss</a>的制作方法，原来还有这样的一个Table可以用，学习一下.<br />
<table border="1">Title of the table<br />
<tr>
<td>content</td>
	<td>content</td>
	<td>content</td>
	<td>content</td>
</tr>
	<tr>
<td>content</td>
	<td>content</td>
	<td>content</td>
	<td>content</td>
</tr>
	<tr>
<td>content</td>
	<td>content</td>
	<td>content</td>
	<td>content</td>
</tr>
</table>
<br />
<blockquote>&lt;table&gt;<br />&nbsp;&lt;caption&gt;Title of the table&lt;/caption&gt;<br />&nbsp;&lt;thead&gt;<br />&nbsp; &lt;tr&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp; &lt;/tr&gt;<br />&nbsp;&lt;thead&gt;<br />&nbsp;&lt;tbody&gt;<br />&nbsp;&nbsp;&lt;tr&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp; &lt;/tr&gt;<br />&nbsp;&lt;/tbody&gt;<br />&nbsp;&lt;tfoot&gt;<br />&nbsp; &lt;tr&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp;&nbsp; &lt;td&gt;content&lt;/td&gt;<br />&nbsp; &lt;/tr&gt;<br />&nbsp;&lt;/tfoot&gt;<br />&lt;/table&gt;</blockquote>

<p>当&lt;thead&gt;中&lt;td&gt;换为&lt;th&gt;时第一行字体将加粗，即为表格内容每列的标题; <br />当&lt;thead&gt;,&lt;tbody&gt;,&lt;tfoot&gt;中第一个&lt;td&gt;换为&lt;th&gt;时第一行字体将加粗，即为表格内容每行的标题;<br />根据需要，分别定义CSS就可以实现多种效果了。<img title="emoticon" alt="emoticon" src="http://ferrychu.blogsome.com/wp-content/plugins/Wysi-Wordpress/plugins/emotions/images/rolleyes.gif" border="0" /> </p>
]]></content:encoded>
			<wfw:commentRss>http://ferrychu.blogsome.com/2007/06/01/23/feed/</wfw:commentRss>
	</item>
	</channel>
</rss>
