缺 http://ferrychu.blogsome.com Just a new weblog Tue, 25 Aug 2009 14:06:10 +0000 http://wordpress.org/?v=1.5.1-alpha en How to contact to me? http://ferrychu.blogsome.com/2007/12/09/how-to-contact-to-me/ http://ferrychu.blogsome.com/2007/12/09/how-to-contact-to-me/#comments Sun, 09 Dec 2007 10:37:21 +0000 ferry Diary http://ferrychu.blogsome.com/2007/12/09/how-to-contact-to-me/ My blogsome site blocked by the stupid CN GOV… … ;(

So i have to create a new blog on baidu. Know more news please visite here… http://hi.baidu.com/ferryboat401

If you have better solution , contact to me without any hesitate.
My email: ferryboat401@gmail.com

Thanks!

]]> http://ferrychu.blogsome.com/2007/12/09/how-to-contact-to-me/feed/ 保护网络环境　营造和谐氛围 http://ferrychu.blogsome.com/2007/06/26/p29/ http://ferrychu.blogsome.com/2007/06/26/p29/#comments Tue, 26 Jun 2007 12:17:12 +0000 ferry Diary http://ferrychu.blogsome.com/2007/06/26/p29/ 保护网络环境　营造和谐氛围

搬家还没几天呢！这是怎么了这是？有这么欺负人的吗？

]]> http://ferrychu.blogsome.com/2007/06/26/p29/feed/ 有中国特色的奥运宣传图片 http://ferrychu.blogsome.com/2007/06/17/p28/ http://ferrychu.blogsome.com/2007/06/17/p28/#comments Sun, 17 Jun 2007 13:30:34 +0000 ferry Diary http://ferrychu.blogsome.com/2007/06/17/p28/

emoticon太有想法了！很喜欢第一张的创意！

]]> http://ferrychu.blogsome.com/2007/06/17/p28/feed/ CSS hack方法速查 http://ferrychu.blogsome.com/2007/06/13/p27/ http://ferrychu.blogsome.com/2007/06/13/p27/#comments Wed, 13 Jun 2007 13:27:25 +0000 ferry xhtml/css http://ferrychu.blogsome.com/2007/06/13/p27/ 屏蔽IE浏览器（也就是IE下不显示）
*:lang(zh) select {font:12px  !important;} /*FF,OP可见，特别提醒：由于Opera最近的升级，目前此句只为FF所识别*/
select:empty {font:12px  !important;} /*safari可见*/
这里select是选择符，根据情况更换。第二句是MAC上safari浏览器独有的。
仅IE7与IE5.0可以识别
*+html  select {…}
当面临需要只针对IE7与IE5.0做样式的时候就可以采用这个HACK。
仅IE7可以识别
*+html  select {…!important;}
当面临需要只针对IE7做样式的时候就可以采用这个HACK。
IE6及IE6以下识别
* html  select {…}
这个地方要特别注意很多博客都写成了是IE6的HACK其实IE5.x同样可以识别这个HACK。其它浏览器不识别。
html/**/ >body  select {…}
这句与上一句的作用相同。
仅IE6不识别，屏蔽IE6
select { display /*屏蔽IE6*/:none;}
这里主要是通过CSS注释分开一个属性与值，注释在冒号前。
仅IE6与IE5不识别，屏蔽IE6与IE5
select/**/ { display /*IE6,IE5不识别*/:none;}
这里与上面一句不同的是在选择符与花括号之间多了一个CSS注释。不屏蔽IE5.5 仅IE5不识别，屏蔽IE5 select/*IE5不识别*/ {…}
这一句是在上一句中去掉了属性区的注释。只有IE5不识别，IE5.5可以识别。
盒模型解决方法
selct {width:IE5.x宽度; voice-family :"\"}\""; voice-family:inherit; width:正确宽度;}
盒模型的清除方法不是通过!important来处理的。这点要明确。
清除浮动
select:after {content:"."; 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识别 @media all and (min-width: 0px){ select {……} }
针对Opera浏览器做单独的设定。

以上都是写CSS中的一些HACK，这些都是用来解决局部的兼容性问题，如果希望把兼容性的内容也分离出来，不妨试一下下面的几种过滤器。这些过滤器有的是写在CSS中通过过滤器导入特别的样式，也有的是写在HTML中的通过条件来链接或是导入需要的补丁样式。

IE5.x的过滤器，只有IE5.x可见
@media tty {
i{content:"\";/*" "*/}} @import ‘ie5win.css’; /*";}
}/* */
IE5/MAC的过滤器，一般用不着
/*\*//*/
    @import "ie5mac.css";
/**/

From:http://andymao.com/andy/post/76.html

]]> http://ferrychu.blogsome.com/2007/06/13/p27/feed/ 你今天珍惜生命了吗？ http://ferrychu.blogsome.com/2007/06/11/p26/ http://ferrychu.blogsome.com/2007/06/11/p26/#comments Mon, 11 Jun 2007 14:53:15 +0000 ferry Diary http://ferrychu.blogsome.com/2007/06/11/p26/

]]> http://ferrychu.blogsome.com/2007/06/11/p26/feed/ 记录一个滑动门＋选项卡 http://ferrychu.blogsome.com/2007/06/05/p25/ http://ferrychu.blogsome.com/2007/06/05/p25/#comments Tue, 05 Jun 2007 13:05:33 +0000 ferry xhtml/css http://ferrychu.blogsome.com/2007/06/05/p25/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>滑动门</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<style>
/*为什么要这样定义样式，而不用#cardBar ul 这样定义，我个人的猜测是因为类是就近原则获取样式，而#cardBar ul则不是就近原则，按标签来定义，因此.Selected样式就无法出现。*/
*{
 margin:0px;
 padding:0px;
 text-decoration:none;
}
/*定义基本样式*/
ul.cardUl{
 font-size:12px;
 list-style-type:none;
 text-align:center;
 height:29px;
 background-image:url(attachments/month_0706/2200764172315.gif);
}
/*默认样式下使用css文件*/
ul.cardUl li{
 height:29px;
 background:url(attachments/month_0706/u200764172418.gif) left top no-repeat;
 float:left;
 margin-right:1px;
 padding-left:6px; /*为滑动门另一边提供空间*/
}
ul.cardUl li a{
 float:left;
 height:29px;
 background:url(attachments/month_0706/y200764172443.gif) right top no-repeat;
 display:block;
 padding:8px 8px 3px 4px;/*让文字能够够居中*/
 color:#333;
 white-space: nowrap;
}
/*文字点击使用CSS*/
ul.cardUl li.Selected{
 background:url(attachments/month_0706/g20076417255.gif) left top no-repeat;
}
ul.cardUl li.Selected a{
 background:url(attachments/month_0706/z200764172528.gif) right top no-repeat;
}
/*对点击下栏显示边框的代码进行美化*/
div.hackBox{
 padding:2px 2px;
 border-left:2px solid #6697CD;
 border-right:2px solid #6697CD;
 border-bottom:2px solid #6697CD;
 display:none;
}
</style>
<script>
//为选项卡的默认值进行设定，方法为读取cardBar里面的li标签是否已经有selected属性，如果没有则使用默认值。
function loadTab(){
 //读取cardBar下面所有li标签
 var getId=document.getElementById("cardBar").getElementsByTagName("li");
 //定义一个判断是否有selected的变量
 var selectedItems=0;
 //判断方法，循环读出li标签的className，如果有则selectedItems加1
 for(i=0;i<getId.length;i++){
  if (getId[i].className == "Selected"){
   selectedItems+=1;
  }
 }
 //经过循环，如果selectedItems没有数值，那么说明没有selected的标签，因此给标签加上默认的className
 if (selectedItems==0){
  document.getElementById("cardBar").getElementsByTagName("li")[0].className="Selected";
  document.getElementById("Dcard1").style.display="block";
 }
}
//让窗口打开就运行他
window.onload=loadTab;
//设定结束
//进行选项卡效果的触发
function switchTab(cardBar,cardId){
    //读取cardBar下面所有li标签
 var oItems = document.getElementById(cardBar).getElementsByTagName("li");  
 //循环清空li标签下面的selected效果
 for (i=0;i<oItems.length;i++ ){
  var x=oItems[i];
  x.className="";
  var y=x.getElementsByTagName("a");
  y[0].style.color="#333";
 }
 //开始选项卡效果的赋值，为选中的li标签增加selected类的属性
 document.getElementById(cardId).className="Selected";
 //读出cardContent 下面的所有div标签
 var dvs=document.getElementById("cardContent").getElementsByTagName("div");
 //循环，判断应该显示的div
 for (i=0;i<dvs.length;i++ ){
  if (dvs[i].id==("D"+cardId)){
   dvs[i].style.display="block";
  }else{
   dvs[i].style.display="none";
  }
 }
}
</script>
<BODY>
<div id="aa">
 <ul class="cardUl"  id="cardBar">
  <li id="card1"><a href="#"  onclick="javascript:switchTab(’cardBar’,'card1′);">第一选项</a></li>
  <li id="card2"><a href="#"  onclick="javascript:switchTab(’cardBar’,'card2′);">第二选项</a></li>
  <li id="card3"><a href="#"  onclick="javascript:switchTab(’cardBar’,'card3′);">第三选项</a></li>
  <li id="card4"><a href="#"  onclick="javascript:switchTab(’cardBar’,'card4′);">第四选项</a></li>
 </ul>
 <div id="cardContent">
  <div id="Dcard1" class="hackBox">代码一</div>
  <div id="Dcard2" class="hackBox"">代码二</div>
  <div id="Dcard3" class="hackBox">代码三</div>
  <div id="Dcard4" class="hackBox">代码四</div>
 </div>
</div>
</BODY>
</HTML>

From:http://www.lming.cn/article.asp?id=120

]]> http://ferrychu.blogsome.com/2007/06/05/p25/feed/ 啥是Bug 追踪管理系统 http://ferrychu.blogsome.com/2007/06/05/p24/ http://ferrychu.blogsome.com/2007/06/05/p24/#comments Tue, 05 Jun 2007 12:46:45 +0000 ferry Share source http://ferrychu.blogsome.com/2007/06/05/p24/ mantis

软件开发过程中，BUG的管理非常重要，完成这项工作的软件系统称为BUG管理系统。BUG管理系统还有其他的一些叫法，例如缺陷追踪系统，问题追踪系统等。其实BUG系统不仅仅可以用来管理和追踪BUG 或Defect，也可以用来管理和追踪用户需求等，因此有些系统就叫问题追踪系统。单纯的BUG管理系统开发起来并不是很复杂，市场上已经出现了不少商品化系统，也有很多的开源软件。很多BUG管理系统都支持Web界面，甚至不需要安装客户端。有的系统还设计的非常灵活，用户可以容易地进行定制。有的BUG系统是和配置管理工具集成在一起的，使用起来更为方便。从Google的分类目录或Yahoo!的目录查找中可以看到不少的BUG管理系统。

Bugzilla ，采用 Perl，PHP 开发，后台数据库是MySQL，它使用GPL版权协议。不过它的安装配置有些麻烦，似乎还也不支持内部邮件。要想支持中文还得做点修改，不过已经有人在做它的 汉化版本 了。

BugTracker.NET ，采用 ASP.NET, C# 开发，后台数据库主要是MSSQL/MSDE，它使用GPL版权协议。它支持内部邮件，也可以方便地定制。 Track+ ，10 用户以下是免费的，可以在 这里 试用。

FogBUGZ ，商品化系统，大约 90 美元一个用户。界面比较友好，功能也比较强大。可以在线 试用 45天。

其他类似的系统还有很多，例如：ClearQuest ，GNAT ，BugZero ， Mantis ， 微创BMS ， 汉星天的需求/变更管理系统 等。

Bugzero提供了一些 开源系统的功能比较 ，商品化系统的 价格比较 。

]]> http://ferrychu.blogsome.com/2007/06/05/p24/feed/ 学习Table 中thead tbody tfoot 的使用 http://ferrychu.blogsome.com/2007/06/01/23/ http://ferrychu.blogsome.com/2007/06/01/23/#comments Fri, 01 Jun 2007 12:14:55 +0000 ferry xhtml/css http://ferrychu.blogsome.com/2007/06/01/23/ ,< tbody>,< tfoot> 的使用方法]]>

考虑了好久，没想到比较满意的实现办法，发到BI上看看高人们有没有更好的方法，果然不虚此行，很快就看到了Purecss的制作方法，原来还有这样的一个Table可以用，学习一下.
Title of the table
content content content content
content content content content
content content content content

<table>
 <caption>Title of the table</caption>
 <thead>
  <tr>
   <td>content</td>
   <td>content</td>
   <td>content</td>
   <td>content</td>
  </tr>
 <thead>
 <tbody>
  <tr>
   <td>content</td>
   <td>content</td>
   <td>content</td>
   <td>content</td>
  </tr>
 </tbody>
 <tfoot>
  <tr>
   <td>content</td>
   <td>content</td>
   <td>content</td>
   <td>content</td>
  </tr>
 </tfoot>
</table>

当<thead>中<td>换为<th>时第一行字体将加粗，即为表格内容每列的标题;
当<thead>,<tbody>,<tfoot>中第一个<td>换为<th>时第一行字体将加粗，即为表格内容每行的标题;
根据需要，分别定义CSS就可以实现多种效果了。emoticon

]]> http://ferrychu.blogsome.com/2007/06/01/23/feed/ NO SMOKING http://ferrychu.blogsome.com/2007/05/28/no-smoking/ http://ferrychu.blogsome.com/2007/05/28/no-smoking/#comments Mon, 28 May 2007 14:07:36 +0000 ferry Diary http://ferrychu.blogsome.com/2007/05/28/no-smoking/ nosmoking

流金岁月　岁月流金

每天起早贪黑
托着行尸走肉般的身体飘在繁华的大都市
渐渐的找不到了北在哪儿…
就像一句歌词所唱的
虽然开辆小轿车，可那是老板的
虽然工作体面，可是挣钱并不算多…

生活就像一滩死水，没了追求，没了激情，这是怎么了？？？What happened？？？
emoticonemoticonemoticon

有个好朋友，喜欢听校园民谣，受他的熏陶，没事了也听听，感觉这些东西听多了挺伤感的，不过至少没有世俗的情啊爱啊天啊地啊的，列出一首来，跟观者分享一下《I lost my own name》

有一天早上从梦中醒来
发现我的名字不见了
找遍了屋子每一个角落
不知是谁把它拿走了
突然我想起了那个女孩
我好像曾经对她说过
我的一切都是属于你的
是否她把名字拿走了
I have no money，have no car.
I lost my own name.
突然我想起了我的房东
这个月的房租我还没交
她已经催我好几次了
是否她把名字拿走了
上班时老板对我笑了笑
我几次对他说我薪水太少
他却说我有多少回迟到
是否他把名字拿走了
I have no money, have no car.
I lost my own name.
我只想一个自己的生活不想去破坏什么规则
我不知无意犯了什么错
究竟谁把我的名字拿走了
I have no money, have no car.
I lost my own name.

]]> http://ferrychu.blogsome.com/2007/05/28/no-smoking/feed/ What’s meta in HTML? http://ferrychu.blogsome.com/2007/05/27/whats-meta-in-html/ http://ferrychu.blogsome.com/2007/05/27/whats-meta-in-html/#comments Sat, 26 May 2007 16:07:51 +0000 ferry Share source http://ferrychu.blogsome.com/2007/05/27/whats-meta-in-html/ meta是用来在HTML文档中模拟HTTP协议的响应头报文。meta 标签用于网页的<head>与</head>中，meta 标签的用处很多。meta 的属性有两种：name和http-equiv。name属性主要用于描述网页，对应于content（网页内容），以便于搜索引擎机器人查找、分类（目前几乎所有的搜索引擎都使用网上机器人自动查找meta值来给网页分类）。这其中最重要的是description（站点在搜索引擎上的描述）和keywords（分类关键词），所以应该给每页加一个meta值。比较常用的有以下几个：

name 属性
1、<meta name="Generator" contect="">用以说明生成工具（如Microsoft FrontPage 4.0）等；
2、<meta name="KEYWords" contect="">向搜索引擎说明你的网页的关键词；
3、<meta name="DEscription" contect="">告诉搜索引擎你的站点的主要内容；
4、<meta name="Author" contect="你的姓名">告诉搜索引擎你的站点的制作的作者；
5、<meta name="Robots" contect= "all|none|index|noindex|follow|nofollow">
　　其中的属性说明如下：
　　设定为all：文件将被检索，且页面上的链接可以被查询；
　　设定为none：文件将不被检索，且页面上的链接不可以被查询；
　　设定为index：文件将被检索；
　　设定为follow：页面上的链接可以被查询；
　　设定为noindex：文件将不被检索，但页面上的链接可以被查询；
　　设定为nofollow：文件将不被检索，页面上的链接可以被查询。

　　http-equiv属性
1、<meta http-equiv="Content-Type" contect="text/html";charset=gb_2312-80"> 和 <meta http-equiv="Content-Language" contect="zh-CN">用以说明主页制作所使用的文字以及语言；又如英文是ISO-8859-1字符集，还有BIG5、utf-8、shift-Jis、Euc、Koi8-2等字符集；
2、<meta http-equiv="Refresh" contect="n;url=http://yourlink">定时让网页在指定的时间n内，跳转到页面http://yourlink；
3、<meta http-equiv="Expires" contect="Mon,12 May 2001 00:20:00 GMT">可以用于设定网页的到期时间，一旦过期则必须到服务器上重新调用。需要注意的是必须使用GMT时间格式；
4、<meta http-equiv="Pragma" contect="no-cache">是用于设定禁止浏览器从本地机的缓存中调阅页面内容，设定后一旦离开网页就无法从Cache中再调出；
5、<meta http-equiv="set-cookie" contect="Mon,12 May 2001 00:20:00 GMT">cookie设定，如果网页过期，存盘的cookie将被删除。需要注意的也是必须使用GMT时间格式；
6、<meta http-equiv="Pics-label" contect="">网页等级评定，在IE的internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过meta属性来设置的；
7、<meta http-equiv="windows-Target" contect="_top">强制页面在当前窗口中以独立页面显示，可以防止自己的网页被别人当作一个frame页调用；
8、<meta http-equiv="Page-Enter" contect="revealTrans(duration=10,transtion= 50)">和<meta http-equiv="Page-Exit" contect="revealTrans(duration=20，transtion=6)">设定进入和离开页面时的特殊效果，这个功能即FrontPage中的“格式/网页过渡”，不过所加的页面不能够是一个frame页面。

]]> http://ferrychu.blogsome.com/2007/05/27/whats-meta-in-html/feed/