<?xml version="1.0" encoding="UTF-8"?>
  <feed xmlns="http://www.w3.org/2005/Atom">
  <title type="html"><![CDATA[天牢囚犯's BLOG]]></title>
  <subtitle type="html"><![CDATA[::来自另一角落的思念::]]></subtitle>
  <id>http://www.becaused.com/</id> 
  <link rel="alternate" type="text/html" href="http://www.becaused.com/" /> 
  <link rel="self" type="application/atom+xml" href="http://www.becaused.com/atom.asp" /> 
  <generator uri="http://www.pjhome.net/" version="2.4.1022">PJBlog2</generator> 
  <updated>2008-06-26T00:34:04+08:00</updated> 

  <entry>
	  <title type="html"><![CDATA[使用笔记本电脑要采用怎样的坐姿?]]></title>
	  <author>
		 <name>天牢囚犯</name>
		 <uri>http://www.becaused.com/</uri>
		 <email>becaused@163.com</email>
	  </author>
	  <category term="" scheme="http://www.becaused.com/default.asp?cateID=7" label="Diary" /> 
	  <updated>2008-06-26T00:34:04+08:00</updated>
	  <published>2008-06-26T00:34:04+08:00</published>
		  <summary type="html"><![CDATA[无论你在家里、办公室还是在飞机、火车等交通工具上使用笔记本电脑，坐下来输入甚至仅仅是观看屏幕都会让你的身体过度疲劳。下面我们就来看看都有哪些情况会造成这样的局面，以及怎样尽量将身体受到的影响降到最小。<br/>　　你有多喜欢你的笔记本电脑？事实上，你越喜欢它，它为你的身体带来的伤害也就可能越大，这不是危言耸听，长时间在计算机面前的人们，几乎都有这样的感受——我们的肩膀、颈部以及手臂部分都有肌肉劳损现象，并且手腕的关节也不像以前那么好了。这并不是说使用计算机便会伤害身体，造成上述损伤的主要原因是使用计算设备时的姿势和时间问题。<br/>　　国外的有关组织曾经发布过一项调查报告，报告中说每天都有6位“不幸”的人被迫离开他们的工作岗位，罪魁祸首就是肌肉劳损，这种看上去并不严重的病症让他们无法继续工作。不仅如此，肌肉劳损还会影响到你生活中的其他部分，例如在开车的时候可能会感到不舒服，购物的时候会感到身体某个部位不自在，写一封信也会觉得这疼那疼，甚至往暖壶里面灌水这样简单的操作都会让你感到痛苦。根据那项报告表明，在欧洲每50个工人中就会有一位患上肌肉劳损；在澳大利亚，使用笔记本电脑的学生中有60%的人会提出身体感到不适；在荷兰，40%的大学生都有肌肉劳损病症。<br/>　　正确的坐姿对减轻或者避免肌肉劳损来说至关重要，在使用笔记本电脑的时候，你的身体必须保持正确的角度——举例来说，当你需要进行输入操作时，你的背部应该保持直立，后手臂尽量垂直，与前手臂成90度，并且你的屏幕应该基本与眼部平齐。这些在台式机上很容易做到，因为你可以调整显示器的角度和高度，让它正好和眼睛在一条水平线上；你也可以调整桌子的高度，还可以调整键盘和鼠标的位置。但是对于屏幕和键盘都固定的，并且时常移动使用的笔记本电脑来说，能做到其中一点就很不错了，想要同时调整每个部分是不可能的。<br/>　　当然，笔记本电脑的诱人之处就是在于可移动性，它让你可以在飞机上、火车上甚至高速公路的服务站里面使用，如果说这些地方对于使用来说是一种恶劣的环境，恐怕没有人会反对：飞机上的坐椅很不舒服，并且提供的乘坐空间很有限；火车上的桌子对于输入操作来说太高了，但是对欣赏DVD等需要观看屏幕的操作来讲又有些低；至于服务站就更别提了，能有一个地方让你坐下就不错了。即便是这样，我们还是有办法尽量去解决这个问题<br/>　　无论你在什么地方使用笔记本电脑，间歇休息都是必要的，如果你必须长时间使用笔记本电脑，那么要确保每小时有15分钟的休息时间，这里说的休息并不是停止工作，而是去做一些和使用计算机无关的工作，例如去检查一下快递、到实验室为产品拍照、给工作伙伴打个电话等等。<br/>　　我们查阅了一些这方面的相关资料，并咨询了有关专家，在下文中，我们针对在办公室、家中、飞机上等各中使用环境列出了理想的使用姿势，其中有些是针对笔记本电脑的，有些则对台式机同样有效。<br/>◆办公室<br/>你的老板应该提供一个舒适的工作环境，这里列出来你都应该要些什么。<br/>1.一个得体的椅子是必须的，最好应该是高度可调节的产品，带有足够的腰部支撑功能，此外不要有扶手——扶手会让你养成不好的打字习惯。你应该让你的后背保持正确的姿势和角度，你的脚最好能够到地面，小臂和前臂、大腿和臀部之间的角度呈90度。<br/>2.&nbsp;如果你的桌子没有提供一个低一些的键盘抽屉，那么就尽量调高你的坐椅，让手臂保持正确的角度，并且可以让你将键盘放在身体的正前方，你不应该感到键盘和鼠标的操作区域很局促，如果是这样的话，那还是到室外工作，或者换一个大桌子吧。<br/>3.&nbsp;其实对笔记本电脑用户来说，更好的办法是能够拥有一个坞站，一套键盘鼠标和一个显示器，但这些东西可不便宜。你可以购买那些无线的键盘和鼠标来达到同样的效果，这样使用起来的感觉是最好的。当然，如果你已经有了USB键盘和鼠标的话，直接将它们连在笔记本电脑上也不错。总之，如果你想使用笔记本电脑的&nbsp;LCD，那么就使用独立的键盘鼠标；如果你想使用笔记本的键盘鼠标，那么就外接一个显示器好了。<br/>4.&nbsp;鼠标的位置也是很重要的，如果它位于你的身体左右两侧稍远位置的话，那么你肩膀和胳膊上的肌肉就要被拉伤，如果你放松了手臂，将所有把握鼠标的力量都用在手腕上，那么长时间后会导致关节炎。我们发现将鼠标放在手臂正前方是最佳位置，这样可以减轻肌肉劳损的程度，并且不会在使用键盘的时候带来麻烦。<br/>5.&nbsp;屏幕的顶端应该和眼睛平齐，并且屏幕应该在你身体的正前方，如果不是这样，那么你头部的经常移动会拉扯颈部的肌肉，同时会牵动背部和肩膀的肌肉。如果你是近视眼的话，那么要确保能够看清楚屏幕，如果看不清，那么你很可能将脑袋凑到屏幕前面，身体前倾，这样背部的肌肉就又会牵动，如果有必要的话，还是配一个眼镜算了。此外，笔记本电脑的LCD分辨率是固定的，不要使用在阅读起来感到不舒服的分辨率。<br/>6.&nbsp;如果你很高的话，那么你的脚能够踩到地板的同时，胳膊也能保持正确的角度，可以座得很舒服，但是如果个子比较矮，那么坐姿和位置以及角度正确的话，脚却很有可能够不到地面，这时使用一个踏板可以很好的解决这个问题。<br/>提示：相比之下，笔记本电脑可能会对颈部和肩膀带来3倍的伤害：固定的屏幕和键盘可能会让你不得不低下头，频繁牵动颈部和肩膀的肌肉；其次，如果你经常需要携带笔记本的话，目前大多数的方法都是采用单肩背包，这对某一侧的肩膀也会带来伤害；第三个问题是一些笔记本电脑用户需要工作很长时间，过度的工作和长时间保持一个姿势会让你身体中最大的肌肉——斜方肌受到损伤。<br/>◆家中<br/>广告中总是出现在床上或沙发上使用笔记本的镜头，但这对长时间使用来说是毫无益处的。<br/>1.&nbsp;在家里面，你没必要像要求老板那样购买昂贵的椅子，但是要确定的是无论如何也要满足基本要求。你需要一个足够的背部支撑，足够长的坐垫幅面来协调臀部、大腿和身体的重量，并且最好能带有高度调节功能，让你的脚可以够到地面的同时，大腿和臀部、前后手臂之间也可以保持正确的角度。<br/>2.&nbsp;其实好的电脑桌并不贵，不要省了这点钱。在购买时应该选择带有独立键盘抽屉的产品，以便可以舒适的使用键盘和鼠标。<br/>3.&nbsp;如果你的桌子没有隔板，那么找一个架子来让笔记本的屏幕与眼睛在同一水平线上，这样既可以减轻眼睛的疲劳，还可以避免你需要凑到屏幕前面看轻内容的现象。如果你不想破费去买支架的话，使用厚一些的书籍来代替支架也是一个方法。<br/>4.&nbsp;如果笔记本的屏幕足够高，到了眼睛的水平线上的话，那么打字可能就是一个麻烦事了，用这种姿势打字会对肩膀和臂部的肌肉带来严重的损伤。独立的键盘和鼠标可以让你舒适的使用，并且现在的键盘上还会提供很多快捷键和功能键，例如启动浏览器和电子邮件程序，控制音量调节和播放DVD等等。<br/>5.&nbsp;一个好的鼠标——目前来说一定是光学鼠标了——也是十分重要的，怎么说也比笔记本电脑上的触摸板和指点杆用起来舒服的多吧。如果你选择了无线光电鼠标的话，还可以避免线缆的缠绕。在使用时要确保没有将所有重量都让手掌后部承担，并且可以自如的使用鼠标和键盘上的按键。<br/>6.&nbsp;工作的时候你往往不需要提醒就会想到休息，但是在家里面可就不一样了，你很可能在浏览网页、查找信息、欣赏DVD、看小说、玩游戏的时候在笔记本前面一坐就是几个小时。有必要的话，还是弄一个闹钟或者计时器吧。另外，确保你的电脑操作区域是无烟环境，并且不要在使用电脑的时候吃吃喝喝，因为当你感觉到渴或者饿的时候，正好能能够休息一下。<br/>提示：最好能有一些设备把笔记本变成一个主机，例如独立的键盘、鼠标、外接显示器等等，其实在家里面让笔记本电脑在使用方式和模样上变回台式机又有什么不可以呢，毕竟它还是可以移动的笔记本电脑，并且台式机的键盘使用起来也更舒服。<br/>◆飞机上<br/>好像不必担心短时间乘坐飞机会导致血栓，但使用笔记本会导致肌肉劳损是事实。<br/>1.&nbsp;在飞机上想要让笔记本的屏幕和眼睛平齐几乎是不可能的，因此你就必须直立着身体斜视屏幕。这时应该关闭飞机上的小窗口，减少光线刺激，并且使用低一些的分辨率，加大字体，还要调节屏幕的亮度和对比度，以便可比较轻松的阅读。<br/>2.&nbsp;也许你会笑，但是每个人的脑袋的确都很重，如果倾斜头部的话，对颈部和肩膀的肌肉都会造成损伤，只要一小段时间保持这个姿势，你的肩膀就会诉苦了。<br/>3.&nbsp;大多数飞机的座椅都非常不舒服，这时候使用笔记本电脑只会加剧这种感觉。如果你前倾着身体使用笔记本，甚至更糟糕的是，你一边使用笔记本，一边让肘部在小桌板上休息，那么你的肩膀和腰部会遭到更严重的损伤。如果这个姿势保持的时间越长，你就会在飞经结束后或者飞行期间感到愈加疲劳，甚至腰部疼痛。<br/>4.&nbsp;对于观看屏幕来讲，将笔记本放在小桌板上是最好的方法了，但是这对输入操作来说是糟糕的。如果你必须打字的话，那么尝试着将笔记本放在腿上，这当然不是理想的姿势，至少这样的情况下看屏幕不会很轻松，但是它会减轻你胳膊的压力。<br/>5.&nbsp;如果你乘坐的飞机比较拥挤的话，你很可能被夹在几个人中间，这意味着你必须夹紧双臂，在不影响别人的前提下打字，这种姿势当然不舒服，同时你的手腕必须扭曲来在狭小的键盘上操作，这种姿势下使用哪怕一小段时间都会非常难受，因此我们建议你最好找到另外一个相对宽敞的座位，或者干脆将笔记本电脑关机，享受旅程吧。<br/>6.&nbsp;个子较高的旅行者可能都会有同样的感觉，那就是飞机上的腿部空间太狭窄了——在长时间飞行中，例如越洋飞行，这种不舒服的坐姿甚至会导致血栓，因此时常的起身随便走走，或者哪怕是站起来放松一下都是必须的。<br/>提示：除非乘坐商务舱或者头等舱，否则很难在飞机上坐得很舒服。笔记本电脑往往是必须携带的，你必须要在提供移动计算能力和增加行李重量之间做出权衡，我们的建议是，在飞机上尽量不要使用笔记本电脑，如果必须的话，短时间使用或者经常起来走走，哪怕是伸伸懒腰，都是有好处的。]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.becaused.com/default.asp?id=728" /> 
	  <id>http://www.becaused.com/default.asp?id=728</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[Mac 相关常用网站]]></title>
	  <author>
		 <name>天牢囚犯</name>
		 <uri>http://www.becaused.com/</uri>
		 <email>becaused@163.com</email>
	  </author>
	  <category term="" scheme="http://www.becaused.com/default.asp?cateID=9" label="Collection" /> 
	  <updated>2008-06-20T23:09:38+08:00</updated>
	  <published>2008-06-20T23:09:38+08:00</published>
		  <summary type="html"><![CDATA[下载类&nbsp;<br/><a href="http://www.chinamac.com" target="_blank"><a href="http://www.chinamac.com" target="_blank">http://www.chinamac.com</a></a>苹果在线（首选）&nbsp;<br/><a href="http://www.7do.net/" target="_blank">http://www.7do.net/</a>&nbsp;七度苹果&nbsp;<br/>资讯类：&nbsp;<br/><a href="http://www.chinamac.com" target="_blank"><a href="http://www.chinamac.com" target="_blank">http://www.chinamac.com</a></a>苹果在线&nbsp;<br/><a href="http://www.macx.com.cn" target="_blank">http://www.macx.com.cn</a>苹果网&nbsp;<br/><a href="http://www.aimac.cn/" target="_blank">http://www.aimac.cn/</a>&nbsp;爱mac中文网&nbsp;<br/><a href="http://www.wu-jiang.com/" target="_blank">http://www.wu-jiang.com/</a>&nbsp;MAC无疆&nbsp;<br/><a href="http://hi.baidu.com/maczhijia/blog/" target="_blank">http://hi.baidu.com/maczhijia/blog/</a>&nbsp;麦客锋&nbsp;<br/><a href="http://www.beimac.com/" target="_blank">http://www.beimac.com/</a>&nbsp;北麦网&nbsp;<br/><a href="http://apple4.us/" target="_blank">http://apple4.us/</a>&nbsp;APPLE4.US&nbsp;<br/>论坛类：&nbsp;<br/><a href="http://bbs.chinamac.com" target="_blank">http://bbs.chinamac.com</a>苹果在线论坛&nbsp;<br/><a href="http://www.macgood.com/" target="_blank">http://www.macgood.com/</a>&nbsp;麦客孤独（汉化软件很全面）&nbsp;<br/><a href="http://www.macfans.com.cn/" target="_blank">http://www.macfans.com.cn/</a>&nbsp;苹果爱好者&nbsp;<br/>blog类：&nbsp;<br/><a href="http://jtlee.ismac.cn/blog/" target="_blank">http://jtlee.ismac.cn/blog/</a>&nbsp;麦金茶语&nbsp;<br/><a href="http://blog.klaith.net/" target="_blank">http://blog.klaith.net/</a>&nbsp;爱生活&nbsp;爱苹果&nbsp;<br/><a href="http://www.leying.org/default.asp?cateID=9" target="_blank">http://www.leying.org/default.asp?cateID=9</a>&nbsp;猎鹰时空&nbsp;<br/><a href="http://www.ilovemac.cn/" target="_blank">http://www.ilovemac.cn/</a>&nbsp;ILOVEMAC&nbsp;<br/><a href="http://osx99.com/" target="_blank">http://osx99.com/</a>&nbsp;在路上栖息&nbsp;<br/><a href="http://www.m2cross.com/" target="_blank">http://www.m2cross.com/</a>&nbsp;M2十字路口&nbsp;<br/>教程类：&nbsp;<br/><a href="http://marblesmacnotes.com/blog/" target="_blank">http://marblesmacnotes.com/blog/</a>&nbsp;Marble’s&nbsp;MAC&nbsp;<br/><a href="http://www.cocoachina.com/" target="_blank">http://www.cocoachina.com/</a>&nbsp;Cocoa&nbsp;China&nbsp;苹果开发中文站&nbsp;<br/>汉化类：&nbsp;<br/><a href="http://mimihzs.7do.net/" target="_blank">http://mimihzs.7do.net/</a>&nbsp;MAC2CN-苹果软件中文化&nbsp;<br/><a href="http://jtlee.ismac.cn/blog/" target="_blank">http://jtlee.ismac.cn/blog/</a>page2/page2.html&nbsp;JT的汉化&nbsp;<br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.becaused.com/default.asp?id=723" /> 
	  <id>http://www.becaused.com/default.asp?id=723</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[css格式化工具，绿色免安装版~~~]]></title>
	  <author>
		 <name>天牢囚犯</name>
		 <uri>http://www.becaused.com/</uri>
		 <email>becaused@163.com</email>
	  </author>
	  <category term="" scheme="http://www.becaused.com/default.asp?cateID=9" label="Collection" /> 
	  <updated>2008-06-18T21:13:16+08:00</updated>
	  <published>2008-06-18T21:13:16+08:00</published>
		  <summary type="html"><![CDATA[推荐给大家一个格式化css代码的小工具&nbsp;CSSFormator~~<br/><img src="http://www.becaused.com/images/download.gif" alt="下载文件" style="margin:0px 2px -4px 0px"/> <a href="http://www.becaused.com//tools/cssformator.rar" target="_blank">cssformator</a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.becaused.com/default.asp?id=722" /> 
	  <id>http://www.becaused.com/default.asp?id=722</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[utf8模板在IE下页面无端空出一行的解决方法]]></title>
	  <author>
		 <name>天牢囚犯</name>
		 <uri>http://www.becaused.com/</uri>
		 <email>becaused@163.com</email>
	  </author>
	  <category term="" scheme="http://www.becaused.com/default.asp?cateID=4" label="WebStandard" /> 
	  <updated>2008-06-18T00:18:23+08:00</updated>
	  <published>2008-06-18T00:18:23+08:00</published>
		  <summary type="html"><![CDATA[开发中一直没办法解决的一个问题，收藏<br/>　　页面采用UTF8编码，头部和尾部用了模板包含文件的方法，结果头部和尾部无端端各多出一个约10px的空行，什么也没有。<br/>　　原因是全部采用utf8编码，包含文件的时候，最后的二进制流中包含了多次UTF8&nbsp;BOM标记，IE不能正常解析包含多个UTF8&nbsp;BOM&nbsp;标记的页面，直接替换成实际显示的回车，这样导致一个空行，而firefox却没有这个问题。<br/>　　故如果模板采用包含的方法包含多个utf8文件需要用ultraedit保存时另存为功能&nbsp;选择utf8&nbsp;无bom格式保存即可。<br/>　　另外，如果中文页面在html&nbsp;head标记中将title标记放在&lt;meta&nbsp;http-equiv=”content-type”&nbsp;content=”text/html;&nbsp;charset=UTF-8″&nbsp;/&gt;前面会导致页面空白。<br/>　　所以utf8页面应该使用标准顺序<div class="UBBPanel"><div class="UBBTitle"><img src="http://www.becaused.com/images/quote.gif" style="margin:0px 2px -3px 0px" alt="引用内容"/> 引用内容</div><div class="UBBContent">&lt;meta&nbsp;http-equiv=”content-type”&nbsp;content=”text/html;&nbsp;charset=UTF-8″&nbsp;/&gt;<br/>&lt;meta&nbsp;http-equiv=”content-language”&nbsp;content=”zh-CN”&nbsp;/&gt;<br/>&lt;meta&nbsp;name=”robots”&nbsp;content=”index,follow”&nbsp;/&gt;<br/>&lt;meta&nbsp;name=”keywords”&nbsp;content=”&#34;&nbsp;/&gt;<br/>&lt;meta&nbsp;name=”description”&nbsp;content=”&#34;&nbsp;/&gt;<br/>&lt;meta&nbsp;name=”rating”&nbsp;content=”general”&nbsp;/&gt;<br/>&lt;meta&nbsp;name=”author”&nbsp;content=”&#34;&nbsp;/&gt;<br/>&lt;meta&nbsp;name=”copyright”&nbsp;content=”&#34;&nbsp;/&gt;<br/>&lt;meta&nbsp;name=”generator”&nbsp;content=”&#34;&nbsp;/&gt;<br/>&lt;title&gt;&lt;/title&gt;</div></div><br/><br/><br/>BOM头：\xEF\xBB\xBF，PHP4、5尚对BOM无视，所以在解析前直接输出。<br/>对此&nbsp;w3.org&nbsp;标准&nbsp;FAQ&nbsp;中对此问题有一个专门的描述：<br/><br/><a href="http://www.w3.org/International/questions/qa-utf8-bom" target="_blank">http://www.w3.org/International/questions/qa-utf8-bom</a><br/><br/>具体如下:<br/><br/>在UCS&nbsp;编码中有一个叫做”ZERO&nbsp;WIDTH&nbsp;NO-BREAK&nbsp;SPACE”的字符，它的编码是FEFF。而FFFE在UCS中是不存在的字符，所以不应该出现在实际传输中。UCS规范建议我们在传输字节流前，先传输&nbsp;字符”ZERO&nbsp;WIDTH&nbsp;NO-BREAK&nbsp;SPACE”。这样如果接收者收到FEFF，就表明这个字节流是Big-Endian的；如果收到FFFE，就表明这个字节流是Little-&nbsp;Endian的。因此字符”ZERO&nbsp;WIDTH&nbsp;NO-BREAK&nbsp;SPACE”又被称作BOM。<br/><br/>UTF-8不需要BOM来表明字节顺序，但可以用BOM来表明编码方式。字符”ZERO&nbsp;WIDTH&nbsp;NO-BREAK&nbsp;SPACE”的UTF-8编码是EF&nbsp;BB&nbsp;BF。所以如果接收者收到以EF&nbsp;BB&nbsp;BF开头的字节流，就知道这是UTF-8编码了。<br/><br/>Windows就是使用BOM来标记文本文件的编码方式的操作系统:&nbsp;WindowsXP&nbsp;Professional&nbsp;,&nbsp;缺省字符集：中文<br/><br/>1）&nbsp;notepad&nbsp;：&nbsp;可以自动识别出没有带&nbsp;bom&nbsp;的&nbsp;utf-8&nbsp;编码格式文件，但不可以控制保存文件时是否添加&nbsp;bom&nbsp;，&nbsp;如果保存文件，那么会统一添加&nbsp;bom&nbsp;。<br/><br/>2）editplus&nbsp;：&nbsp;不能自动识别出没有&nbsp;bom&nbsp;的&nbsp;utf-8&nbsp;编码格式文件，文件保存时，选择UTF-8&nbsp;格式，不会在文件头写上&nbsp;BOM&nbsp;header.<br/><br/>3）&nbsp;UltraEdit&nbsp;：&nbsp;对于字符编码的功能最为强大，&nbsp;可以自动识别带&nbsp;bom&nbsp;和不带&nbsp;bom&nbsp;的&nbsp;utf-8&nbsp;文件&nbsp;（可以配置）&nbsp;；&nbsp;保存的时候可以通过配置选择是否添加&nbsp;bom.<br/><br/>（特别需要注意的是，保存一个新建立的文件时，需要选择另存为&nbsp;utf-8&nbsp;no&nbsp;bom&nbsp;格式）<br/><br/>后来发现&nbsp;Notepad&nbsp;++&nbsp;也对于&nbsp;utf-8&nbsp;bom&nbsp;支持比较好，推荐大家使用。<br/><br/><br/><br/>============================<br/><br/>ps：editplus&nbsp;2.31版可以是否带BOM了<br/>·保持旧有BOM签名<br/>·总是删除BOM签名<br/>·总是加入BOM签名<br/>·如有必要则加入BOM签名<br/>2.3以前的版本没有这么详细的选择<br/><br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.becaused.com/default.asp?id=719" /> 
	  <id>http://www.becaused.com/default.asp?id=719</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[textarea的输入限制统计statInput ,效果超酷]]></title>
	  <author>
		 <name>天牢囚犯</name>
		 <uri>http://www.becaused.com/</uri>
		 <email>becaused@163.com</email>
	  </author>
	  <category term="" scheme="http://www.becaused.com/default.asp?cateID=5" label="Javascript" /> 
	  <updated>2008-06-16T22:19:38+08:00</updated>
	  <published>2008-06-16T22:19:38+08:00</published>
		  <summary type="html"><![CDATA[textarea的输入限制统计statInput&nbsp;,效果超酷<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.becaused.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp14445"><!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;>
<html xmlns:mudoo>
<head>
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; />
<title>POPHint &amp; statInput 整合效果</title>
<style type=&#34;text/css&#34;>
<!--
* {padding: 0; margin: 0}
body {margin: 3em; font: 12px Tahoma; background: #EAEAEA; color: #333333; line-height: 20px}
input, textarea {font: 12px Tahoma; color: #666666; padding: 2px; border: solid 1px #DBDBDB}
textarea {padding: 5px; line-height: 20px}
p {margin: 1em 0}
ul {}
li {height: 1%; overflow: hidden; list-style-type: none}
a {color: #666666; text-decoration: none}
a:hover {color: #333333}
.r {float: right}
.l {float: left}
.b {font-weight: bold}
.gray {color: #666666; margin-top: 8px}
.light {color:#FF6600; margin: 0 5px}
.case {display: block; padding: 0 2em 2em 2em; border: solid 1px #EAEAEA; background: #FFFFFF; margin-bottom: 2em; height: 1%; overflow: hidden}
.title {display:block; padding: .5em 2em .5em 1em; margin: 0 -2em 2em -2em; font-weight: bold; color: #000000; background: #FAFAFA; border-bottom: solid 1px #EAEAEA}
.call {display:block;}
.key {display: block; width: 6em; float: left}
.type {display: block; width: 6em; float: left}
.info {padding-left: 2em}
.demo {margin-bottom: 2em}
/* popHint Style */
#popHint {position: absolute; line-height: normal}
#popHint .popLeft, #popHint .popRight, #popHint .popAngle span, #popHintText, #popHint .popIcon {background-image: url(<a href="http://i.namipan.com/files/48ee6e2804bb4b1d84ecea96218e4a50081349ba960100008f09/0/PopHint.gif" target="_blank">http://i.namipan.com/files/48ee6e2804bb4b1d84ecea96218e4a50081349ba960100008f09/0/PopHint.gif</a>)}
#popHint .popHeader {height: 1%; overflow: hidden !important; overflow /**/: visible}
#popHint .popLeft {float: left; width: 5px; height: 24px; background-position: 0 0; background-repeat: no-repeat}
#popHint .popRight {float: left; width: 5px; height: 24px; background-position: -10px -25px; background-repeat: no-repeat}
#popHint .popAngle {clear: both; position: relative; height: 10px}
#popHint .popAngle span {position: absolute; top: -3px; left: 15px; width: 7px; height: 13px; background-position: 0 -75px; background-repeat: no-repeat}
#popHintText {float: left; color: #975400; height: 19px !important; height /**/: 24px; padding: 5px 0 0 0; white-space: nowrap; background-position: 0 -50px; background-repeat: repeat-x; overflow: hidden}
#popHintText .popIcon {float: left; width: 15px; height: 10px; margin: 1px 3px 0 0}
#popHint .wrong {background-position: 0 -90px; background-repeat: no-repeat}
#popHint .right {background-position: 0 -105px; background-repeat: no-repeat}
/* 这里可以自己扩展图标.(15*10) */
-->
</style>
<script language=&#34;javascript&#34; type=&#34;text/javascript&#34;>
<!--
// 这里都是公用函数，挺多的...
var
// 获取元素
$ = function(element) {
return (typeof(element) == 'object' ? element : document.getElementById(element));
},
// 判断浏览器
brower = function() {
var ua = navigator.userAgent.toLowerCase();
var os = new Object();
os.isFirefox = ua.indexOf ('gecko') != -1;
os.isOpera = ua.indexOf ('opera') != -1;
os.isIE = !os.isOpera &amp;&amp; ua.indexOf ('msie') != -1;
os.isIE7 = os.isIE &amp;&amp; ua.indexOf ('7.0') != -1;
return os;
},
// 生成元素到refNode
appendElement = function(tagName, Attribute, strHtml, refNode) {
var cEle = document.cr&#101;ateElement(tagName);
// 属性值
for (var i in Attribute){
cEle.setAttribute(i, Attribute[i]);
}
cEle.innerHTML = strHtml;
refNode.appendChild(cEle);
return cEle;
},
// 获取元素坐标
getCoords = function(node){
var x = node.offsetLeft;
var y = node.offsetTop;
var parent = node.offsetParent;
while (parent != null){
x += parent.offsetLeft;
y += parent.offsetTop;
parent = parent.offsetParent;
}
return {x: x, y: y};
},
// 事件操作(可保留原有事件)
eventListeners = [],
findEventListener = function(node, event, handler){
var i;
for (i in eventListeners){
if (eventListeners[i].node == node &amp;&amp; eventListeners[i].event == event &amp;&amp; eventListeners[i].handler == handler){
return i;
}
}
return null;
},
myAddEventListener = function(node, event, handler){
if (findEventListener(node, event, handler) != null){
return;
}
if (!node.addEventListener){
node.attachEvent('on' + event, handler);
}else{
node.addEventListener(event, handler, false);
}
eventListeners.push({node: node, event: event, handler: handler});
},
removeEventListenerIndex = function(index){
var eventListener = eventListeners[index];
del&#101;te eventListeners[index];
if (!eventListener.node.removeEventListener){
eventListener.node.detachEvent('on' + eventListener.event,
eventListener.handler);
}else{
eventListener.node.removeEventListener(eventListener.event,
eventListener.handler, false);
}
},
myRemoveEventListener = function(node, event, handler){
var index = findEventListener(node, event, handler);
if (index == null) return;
removeEventListenerIndex(index);
},
cleanupEventListeners = function(){
var i;
for (i = eventListeners.length; i > 0; i--){
if (eventListeners[i] != undefined){
removeEventListenerIndex(i);
}
}
};
-->
</script>
<script language=&#34;javascript&#34; type=&#34;text/javascript&#34;>
<!--
/*======================================================
- statInput 输入限制统计
- By Mudoo 2008.5
- 长度超出_max的话就截取...貌似没有更好的办法了
======================================================*/
function statInput(e, _max, _exp) {
e= $(e);
_max= parseInt(_max);
_max= isNaN(_max) ? 0 : _max;
_exp= _exp==undefined ? {} : _exp;
if(e==null || _max==0) {
alert('statInput初始化失败！');
return;
}
var
// 浏览器
_brower= brower();
// 输出对象
_objMax= _exp._max==undefined ?null : $(_exp._max),
_objTotal= _exp._total==undefined ?null : $(_exp._total),
_objLeft= _exp._left==undefined ?null : $(_exp._left),
// 弹出提示
_hint= _exp._hint==undefined ?null : _exp._hint;
// 初始统计
if(_objMax!=null)_objMax.innerHTML= _max;
if(_objTotal!=null)_objTotal.innerHTML= 0;
if(_objLeft!=null)_objLeft.innerHTML= 0;
// 设置监听事件
// 输入这个方法比较好.
// 但是Opera下中文输入跟粘贴不能正确统计...相当BT的东西...
// 如果不考虑Opera的话就用这个吧.否则就老老实实用计时器.
if(_brower.isIE) {
myAddEventListener(e, &#34;propertychange&#34;, stat);
}else{
myAddEventListener(e, &#34;input&#34;, stat);
}
/*
// 用计时器的话就什么浏览器都支持了.
var _intDo = null;
myAddEventListener(e, &#34;focus&#34;, setListen);
myAddEventListener(e, &#34;blur&#34;, remListen);
function setListen() {
_intDo = setInterval(stat, 10);
}
function remListen() {
clearInterval(_intDo);
}
*/
// 统计函数
var _len, _olen, _lastRN, _sTop;
_olen = _len = 0;
function stat() {
_len = e.value.length;
if(_len==_olen) return;// 防止用计时器监听时做无谓的牺牲...
if(_len>_max) {
_sTop = e.scrollTop;
// 避免IE最后俩字符为'\r\n'.导致崩溃...
_lastRN = (e.value.substr(_max-1, 2) == &#34;\r\n&#34;);
e.value = e.value.substr(0, (_lastRN ? _max-1 : _max));
if(_hint==true) popHint(e, &#34;悟空你也太调皮了，为师跟你说过，叫你不要输那么多字~~.&#34;);
// 解决FF老是跑回顶部
if(_brower.isFirefox) e.scrollTop = e.scrollHeight;
}
_olen = _len = e.value.length;
// 显示已输入字数
if(_objTotal!=null) _objTotal.innerHTML = _len;
// 显示剩余可输入字数
if(_objLeft!=null) _objLeft.innerHTML = (_max-_len)<0 ? 0 : (_max-_len);
}
stat();
}
/*********************************************
- POPHint 弹出提示框
- By Mudoo 2008.5
**********************************************/
function popHint(obj, msg, initValues) {
var
_obj = $(obj),
_objHint = $(&#34;popHint&#34;),
_msg = msg,
_init = initValues;
// 初始化失败...
if(_obj==undefined || _msg==undefined || _msg==&#34;&#34;) return;
// 设置初始值
_init = _init==undefined ? {_type : &#34;wrong&#34;, _event : &#34;click&#34;} : _init;
// obj如果不可见。设置弹出对象为obj父元素
if(_obj.style.display=='none' || _obj.style.visibility=='hidden' || _obj.getAttribute('type')=='hidden') _obj = _obj.parentNode;
var
_type = null,
_event = null,
_place = getCoords(_obj),
_marTop = null,
_objText = $(&#34;popHintText&#34;),
// 初始化
init = function() {
var _hint = _obj.getAttribute(&#34;hint&#34;);
if(_hint==&#34;false&#34;) return;
// 有的时候initValues不为空.但是只设置一个值...避免发生错误.再次设置初始值...
_type = _init._type==undefined ? &#34;wrong&#34; : _init._type;
_type = _type.toLowerCase();
_event = _init._event==undefined ? &#34;click&#34; : _init._event;
_event = _event.toLowerCase();
/*
******************************************
popHtml
******************************************
<div id=&#34;popHint&#34;>
<div id=&#34;popHeader&#34;>
<div class=&#34;popLeft&#34;></div>
<div id=&#34;popHintText&#34;><span class=\&#34;popIcon wrong></span>请输入您的用户名！</div>
<div class=&#34;popRight&#34;></div>
</div>
<div class=&#34;popAngle&#34;><span></span></div>
</div>
*/
// 好了.输出...
var _Html = &#34;<div id=\&#34;popHeader\&#34;>&#34; +
&#34;<div class=\&#34;popLeft\&#34;></div>&#34; +
&#34;<div id=\&#34;popHintText\&#34;></div>&#34; +
&#34;<div class=\&#34;popRight\&#34;></div>&#34; +
&#34;</div>&#34;+
&#34;<div class=\&#34;popAngle\&#34;><span></span></div>&#34;
if(_objHint==null) {
_objHint = appendElement(&#34;div&#34;, {&#34;id&#34; : &#34;popHint&#34;}, _Html, document.body);
_objHint.style.display = &#34;none&#34;;
_objText = $(&#34;popHintText&#34;);
}
show();
},
// 显示
show = function() {
_objHint.style.display = &#34;&#34;;
_marTop = _objHint.offsetHeight;
_msg = &#34;<span class=\&#34;popIcon &#34;+ _type +&#34;\&#34;></span>&#34;+ _msg;
_objText.innerHTML = _msg;
_objHint.style.left = _place.x +&#34;px&#34;;
_objHint.style.top = (_place.y-_marTop+8) +&#34;px&#34;;
// 关闭触发事件
switch(_event) {
case &#34;blur&#34; :
myAddEventListener(_obj, 'blur', hide);
break;
//default :
case &#34;click&#34; :
myAddEventListener(document, 'mousedown', hide);
break;
//这里可以自己扩展很多事件...
}
},
// 关闭
hide = function() {
_objHint.style.display = &#34;none&#34;;
_objText.innerHTML = &#34;&#34;;
// 移除关闭触发事件
myRemoveEventListener(_obj, 'blur', hide);
myRemoveEventListener(document, 'mousedown', hide);
};
init();
}
-->
</script>
<script language=&#34;javascript&#34; type=&#34;text/javascript&#34;>
<!--
/*********************************************
- statInput 演示函数
*********************************************/
myAddEventListener(window, &#34;load&#34;, testStatInput);
function testStatInput(){
statInput('Test_1', 100, {_max : 'stat_max', _total : 'stat_total', _left : 'stat_left', _hint : true});
}
/*********************************************
- popHint 演示函数
*********************************************/
function testPopHint() {
if($('Test2').value==''){
popHint($('Test2'), 'Test2不能为空...', {_event : 'blur'});
$('Test2').focus();
return false;
}
if($('Test3').value==''){
popHint($('Test3'), 'Test3也不能为空...', 'blur');
$('Test3').focus();
return false;
}
if($('Test4').value==''){
popHint($('Test4'), 'Test4虽然看不见,但也不能为空...');
$('Test4').value='填一点进去...';
return false;
}
if($('Test5').value==''){
popHint($('Test5'), 'Test5也一样...');
return false;
}
}
-->
</script>
</head>
<body>
<div class=&#34;case&#34;>
<div class=&#34;title&#34;><a href=&#34;#&#34; class=&#34;r&#34;>Top</a>statInput 调用方法</div>
<div class=&#34;b&#34;>statInput(Element, MaxLen, {objMax, objTotal, objLeft, Hint});</div>
<ul class=&#34;info gray&#34;>
<li><span class=&#34;key&#34;>Element：</span><span class=&#34;type&#34;>Object</span>限制统计对象 (*必须)</li>
<li><span class=&#34;key&#34;>MaxLen：</span><span class=&#34;type&#34;>Number</span>最大可输入长度 (*必须)</li>
<li><span class=&#34;key&#34;>objMax：</span><span class=&#34;type&#34;>Object</span>显示最大输入长度对象 (*可选)</li>
<li><span class=&#34;key&#34;>objTotal：</span><span class=&#34;type&#34;>Object</span>显示输入统计对象 (*可选)</li>
<li><span class=&#34;key&#34;>objLeft：</span><span class=&#34;type&#34;>Object</span>显示可输入长度对象 (*可选)</li>
<li><span class=&#34;key&#34;>Hint：</span><span class=&#34;type&#34;>Boolean</span>当长度超出上限时，是否提示 (*可选)</li>
</ul>
</div>
<div class=&#34;case&#34;>
<div class=&#34;title&#34;><a href=&#34;#&#34; class=&#34;r&#34;>Top</a>statInput 演示</div>
<textarea name=&#34;Test_1&#34; id=&#34;Test_1&#34; rows=&#34;10&#34; style=&#34;width: 99%&#34; >悟空你也太调皮了，我跟你说过，叫你不要乱扔东西， 乱扔东西这么做…… （咣当，悟空棍子掉在地上） 你看我还没有说完呢你把棍子又给扔掉了！月光宝盒是宝物，你把他扔掉会污染环境，唉，要是砸到小朋友那怎么办？就算没有砸到小朋友砸到那些花花草草也是不对的呀！<&#47textarea>
<div class=&#34;gray&#34;>最多可输入<span id=&#34;stat_max&#34; class=&#34;b light&#34;></span>，当前共<span id=&#34;stat_total&#34; class=&#34;b light&#34;></span>，还可输入<span id=&#34;stat_left&#34; class=&#34;b light&#34;></span></div>
</div>
<br />
<br />
<br />
<br />
<br />
<div class=&#34;case&#34;>
<div class=&#34;title&#34;><a href=&#34;#&#34; class=&#34;r&#34;>Top</a>popHint 调用方法(目前只支持单行)</div>
<div class=&#34;b&#34;>popHint(Element, Hint, {Type, Event});</div>
<ul class=&#34;info gray&#34;>
<li><span class=&#34;key&#34;>Element：</span><span class=&#34;type&#34;>Object</span>弹出对象。根据它来定位的。  (*必须)</li>
<li><span class=&#34;key&#34;>Hint：</span><span class=&#34;type&#34;>String</span>弹出的信息，支持HTML可是不能换行。  (*必须)</li>
<li><span class=&#34;key&#34;>Type：</span><span class=&#34;type&#34;>String</span>弹出类型。其实说类型是不对的。只是定义个图标而已...(可自己在样式里加很多很多&#34;类型&#34;)  (*可选)</li>
<li><span class=&#34;key&#34;>Event：</span><span class=&#34;type&#34;>String</span>关闭触发事件。目前只能绑定单个事件(默认click=document.onmousedown,blur=Element.onblur)  (*可选)</li>
</ul>
<br /><span style=&#34;color: #333333&#34; class=&#34;b&#34;>详见：<a href=&#34;<a href="http://bbs.blueidea.com/thread-2856572-1-1.html" target="_blank">http://bbs.blueidea.com/thread-2856572-1-1.html</a>&#34; target=&#34;_blank&#34; ><a href="http://bbs.blueidea.com/thread-2856572-1-1.html" target="_blank">http://bbs.blueidea.com/thread-2856572-1-1.html</a></a></span>
</div>
<div class=&#34;case&#34;>
<div class=&#34;title&#34;><a href=&#34;#&#34; class=&#34;r&#34;>Top</a>popHint 演示</div>
<ul class=&#34;demo gray&#34;>
<li>测试blur不关闭：<input name=&#34;Test1_0&#34; id=&#34;Test1_0&#34; type=&#34;text&#34; size=&#34;20&#34; maxlength=&#34;20&#34; onfocus=&#34;popHint(this, '失去焦点不会关闭提示.按TAB键看看');&#34; value=&#34;&#34; />
<a href=&#34;###&#34;> </a></li>
<li>测试blur关闭：<input name=&#34;Test1_1&#34; id=&#34;Test1_1&#34; type=&#34;text&#34; size=&#34;20&#34; maxlength=&#34;20&#34; onfocus=&#34;popHint(this, '文本框失去焦点就关闭.', {_event : 'blur'});&#34; value=&#34;&#34; /></li>
</ul>
<ul class=&#34;demo gray&#34;>
<li>Test2：<input name=&#34;Test2&#34; id=&#34;Test2&#34; type=&#34;text&#34; size=&#34;20&#34; maxlength=&#34;20&#34; value=&#34;&#34; /></li>
<li>Test3：<input name=&#34;Test3&#34; id=&#34;Test3&#34; type=&#34;text&#34; size=&#34;20&#34; maxlength=&#34;20&#34; value=&#34;&#34; /></li>
<li>Test4：<input name=&#34;Test4&#34; id=&#34;Test4&#34; type=&#34;hidden&#34; size=&#34;20&#34; maxlength=&#34;20&#34; value=&#34;&#34; /></li>
<li>Test5：<input name=&#34;Test5&#34; id=&#34;Test5&#34; type=&#34;text&#34; size=&#34;20&#34; maxlength=&#34;20&#34; value=&#34;&#34; style=&#34;display:none&#34; /></li>
<li><input name=&#34;&#34; type=&#34;button&#34; onclick=&#34;testPopHint();&#34; value=&#34;来测试啦&#34; /></li>
</ul>
</div>
</body>
</html></TEXTAREA><br/><INPUT onclick="runEx('temp14445')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp14445')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.becaused.com/default.asp?id=718" /> 
	  <id>http://www.becaused.com/default.asp?id=718</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[JS常用代码:五行搞定checkbox全选/全不选]]></title>
	  <author>
		 <name>天牢囚犯</name>
		 <uri>http://www.becaused.com/</uri>
		 <email>becaused@163.com</email>
	  </author>
	  <category term="" scheme="http://www.becaused.com/default.asp?cateID=5" label="Javascript" /> 
	  <updated>2008-05-22T11:49:45+08:00</updated>
	  <published>2008-05-22T11:49:45+08:00</published>
		  <summary type="html"><![CDATA[JS常用代码:五行搞定checkbox全选/全不选<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.becaused.com/images/html.gif" style="margin:0px 2px -3px 0px"> HTML代码</div><div class="UBBContent"><TEXTAREA rows="8" id="temp87464"><!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;> 
<html xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34;> 
<head> 
<meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=gb2312&#34; /> 
<title>无标题文档</title> 
<style type=&#34;text/css&#34;> 
p {margin:0;font-size:12px;line-height:26px;} 
</style> 
<script type=&#34;text/javascript&#34;> 
function check_all(obj,cName) 
{ 
    var checkboxs = document.getElementsByName(cName); 
    for(var i=0;i<checkboxs.length;i++){checkboxs[i].checked = obj.checked;} 
} 
</script> 
</head> 
  
<body> 
<p><input type=&#34;checkbox&#34; name=&#34;all&#34; onclick=&#34;check_all(this,'c')&#34; />全选/全不选</p> 
<p><input type=&#34;checkbox&#34; name=&#34;c&#34; value=&#34;&#34; /></p> 
<p><input type=&#34;checkbox&#34; name=&#34;c&#34; value=&#34;&#34; /></p> 
<p><input type=&#34;checkbox&#34; name=&#34;c&#34; value=&#34;&#34; /></p> 
<p><input type=&#34;checkbox&#34; name=&#34;c&#34; value=&#34;&#34; /></p> 
</body> 
</html></TEXTAREA><br/><INPUT onclick="runEx('temp87464')"  type="button" value="运行此代码"/> <INPUT onclick="doCopy('temp87464')"  type="button" value="复制此代码"/><br/> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]</div></div>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.becaused.com/default.asp?id=710" /> 
	  <id>http://www.becaused.com/default.asp?id=710</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[全国哀悼日 网站灰黑色CSS滤镜代码]]></title>
	  <author>
		 <name>天牢囚犯</name>
		 <uri>http://www.becaused.com/</uri>
		 <email>becaused@163.com</email>
	  </author>
	  <category term="" scheme="http://www.becaused.com/default.asp?cateID=4" label="WebStandard" /> 
	  <updated>2008-05-19T09:56:13+08:00</updated>
	  <published>2008-05-19T09:56:13+08:00</published>
		  <summary type="html"><![CDATA[根据国务院文件，5.19-5.21为全国哀悼日，在此期间，全国和各驻外机构下半旗志哀，停止公共娱乐活动，外交部和我国驻外使领馆设立吊唁簿。5月19日14时28分起，全国人民默哀3分钟，届时汽车、火车、舰船鸣笛，防空警报鸣响。&nbsp;很多网站都将整站换成素装。我本人也把自己的blog（<a href="http://www.becaused.com" target="_blank">http://www.becaused.com</a>）&nbsp;更新了样式表，并建议中国所有站点更换为素装。&nbsp;国务院决定5月19日至21日为全国哀悼日。为方便站点哀悼，特提供css滤镜代码，以表哀悼。以下为全站CSS代码。<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.becaused.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">html&nbsp;{&nbsp;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);&nbsp;}&nbsp;</div></div><br/><br/>使用方法：这段代码可以变网页为黑白，将代码加到CSS最顶端就可以实现素装。建议全国站长动起来。为在地震中遇难的同胞哀悼。<br/><br/>如果网站没有使用CSS，可以在网页/模板的HTML代码&lt;head&gt;和&lt;/head&gt;&nbsp;之间插入：<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.becaused.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;style&gt;<br/>html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}<br/>&lt;/style&gt;&nbsp;</div></div><br/><br/>有一些站长的网站可能使用这个css&nbsp;不能生效，是因为网站没有使用最新的网页标准协议&nbsp;<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.becaused.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;!DOCTYPE&nbsp;html&nbsp;PUBLIC&nbsp;&#34;-//W3C//DTD&nbsp;XHTML&nbsp;1.0&nbsp;Transitional//EN&#34;&nbsp;&#34;<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" target="_blank">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>&#34;&gt;<br/>&lt;html&nbsp;xmlns=&#34;<a href="http://www.w3.org/1999/xhtml" target="_blank">http://www.w3.org/1999/xhtml</a>&#34;&gt;&nbsp;</div></div><br/><br/>请将网页最头部的&lt;html&gt;替换为以上代码。<br/><br/>有一些网站FLASH动画的颜色不能被CSS滤镜控制，可以在FLASH代码的&lt;object&nbsp;…&gt;和&lt;/object&gt;之间插入：<br/><br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.becaused.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;param&nbsp;value=&#34;false&#34;&nbsp;name=&#34;menu&#34;/&gt;<br/>&lt;param&nbsp;value=&#34;opaque&#34;&nbsp;name=&#34;wmode&#34;/&gt;&nbsp;</div></div><br/><br/>最简单的把页面变成灰色的代码是在head&nbsp;之间加<br/><div class="UBBPanel"><div class="UBBTitle"><img src="http://www.becaused.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent">&lt;style&nbsp;type=&#34;text/css&#34;&gt;<br/><br/>html&nbsp;{<br/>&nbsp;&nbsp;&nbsp;&nbsp;FILTER:&nbsp;gray<br/>}<br/>&lt;/style&gt;&nbsp;</div></div><br/><br/>一般的discuz论坛在&nbsp;你的控制css&nbsp;文件下修改<br/>/images/header/header.css&nbsp;这个文件，点源码即可看到&nbsp;<br/><br/>另在哀悼日或遇难的新闻，所有专题和主题&nbsp;图片上不能使用红色标题。<br/>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.becaused.com/default.asp?id=709" /> 
	  <id>http://www.becaused.com/default.asp?id=709</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[比较四大美剧字幕组 揭秘美剧发布流程]]></title>
	  <author>
		 <name>天牢囚犯</name>
		 <uri>http://www.becaused.com/</uri>
		 <email>becaused@163.com</email>
	  </author>
	  <category term="" scheme="http://www.becaused.com/default.asp?cateID=9" label="Collection" /> 
	  <updated>2008-05-07T10:11:35+08:00</updated>
	  <published>2008-05-07T10:11:35+08:00</published>
		  <summary type="html"><![CDATA[<strong>作者：Petergy</strong>&nbsp;<br/>(如需转载请标明作者及出处)<br/>作者申明：字幕组之间的比较是个十分敏感的问题，以下观点仅代表我个人的美剧体验，可能会有不客观或不符合事实的情况，但记录美剧在中国的发展乃是本文讨论的重点。<br/>一直很想写一篇关于美剧字幕组工作流程的深度揭密文章，也算对2年来的美剧迷经历做个总结吧。今天正好有空，就此下笔吧。我是06年8月加入风软字幕组的，然后又跳了一次槽到了Ragbear(跳槽原因呆会儿提及)。其实也只不过追了06-07，07-08两季的美剧，但已经完全投入其中，不能自已。<br/>——————————————————————————————<br/><strong>1.字幕组</strong><br/>现在网上有四大主流的美剧字幕组：YDY&nbsp;风软&nbsp;Ragbear&nbsp;YYets<br/>每家都有其特色，不能说谁好谁坏。取长补短，才是王道。<br/><strong>1.1&nbsp;<br/><a target="_blank" href="http://sfile.ydy.com/">YDY(伊甸园)</a><br/></strong><br/>优势：开放比较早，字幕组人多，高手多。<br/>劣势：字幕字体稍微大了点。<br/>YDY是业内不可撼动的老大，事实也的确如此。作为国内目前最具影响力的美剧论坛，其字幕组成员的人数也是最为庞大的(印象最深的是：今年他们发Academy&nbsp;Award时,密密麻麻地列了20个ID)。由于人多，所以他们的翻译机制是一个小组翻一部剧，并且采用认领的方式。从07-08的表现来看，YDY的速度与质量都配的上老大的称号。不过术业有专攻，不可能每部剧每个episode都首发。<br/><strong>1.2&nbsp;<br/><a target="_blank" href="http://www.1000fr.com/">1000fr(风软)</a><br/></strong><br/>优势：风软的方正准圆字体实在是太赞了！注册人数多,著名ID多。<br/>劣势：组长走后，元气大伤。这也证明了：字幕组是美剧论坛的核心竞争力。(现在有所恢复)<br/>说起风软，真的可以用mixed&nbsp;feeling来形容。当初就因为看了PB的S1而加入了风软。<br/>作为全国注册人数最多的美剧论坛(30-40万吧)，风软从05年一诞生起，就慢慢地在美剧迷心中建立了威信。而其字幕组的质量也绝不在YDY之下。<br/>另外非常值得一提的是：风软字幕组的老大泰的曾在06年8月接受过<br/><a target="_blank" href="http://www.meijumi.com/article.asp?id=257">《New&nbsp;York&nbsp;Times》的采访</a><br/>。西方强势媒体的这篇报道一经发表后，在当时的国内引起巨大的轰动。然后是《了望周刊》的那篇《<br/><a target="_blank" href="http://www.meijumi.com/article.asp?id=614">越狱背后的中国字幕组</a><br/>》&amp;&nbsp;《三联》的《<br/><a target="_blank" href="http://tech.sina.com.cn/i/2006-12-20/16371298179.shtml">越狱的中国隐秘流行</a><br/>》，更使美剧字幕组的美誉扬名天下。<br/>可合久必分，07年2月，<br/><a target="_blank" href="http://www.meijumi.com/article.asp?id=824">风软内部发生内讧，几位字幕组组长愤然辞职</a><br/>。其中就有两个著名的ID:酒囊饭袋，白小7(现在Gossip&nbsp;Girl中文字幕的首发都是她一个人做的！太厉害了！)。这两位都是我很崇拜的组长。两个月后，辞职的几位组长建立了新的美剧论坛：破烂熊。<br/><strong>1.3&nbsp;<br/><a target="_blank" href="http://www.ragbear.com/">Ragbear(破烂熊)</a><br/></strong><br/>优势：论坛气氛非常棒！字幕组有很多牛人。<br/>劣势：成立比较晚。<br/>07年4月，由风软几个著名ID创立的论坛。虽然现在影响力还不够大，可在07-08美剧季的表现实在太抢眼了，屡次在Survivor,Gossip&nbsp;Girl,Desperate&nbsp;Wife，GA等热门剧抢得首发，并制作了多部很有特点的英剧(近来很红的skins)，听译了整季的Survivor-Pearl&nbsp;Islands(可能一般人对&#34;听译整季&#34;没什么概念，后面的介绍会让你明白这绝对是一场史无前例的壮举)<br/><strong>1.4&nbsp;<br/><a target="_blank" href="http://www.yyets.net/">YYets(人人影视)</a><br/></strong><br/>优势：双语字幕很有特色。<br/>我看过他们家做的几部双语电影，做的蛮认真的。从图1.2也可以看出那边的用户粘度是非常高的。<br/>由于这个论坛没怎么上过，在此就不多作评价了。<br/>总结：四大字幕组之间的首发之争使无数华人网民从中受益。<br/><strong>2.揭秘美剧发布流程(以《Prison&nbsp;Break》一集为例)</strong><br/>图2.1&nbsp;字幕组忙碌高压的一天<br/><img src="http://www.meijumi.com/uploads/200805/04_152806_15714357_l.jpg" border="0" alt=""/><br/>由于PB是超级热门剧，所以四大字幕组都将其视作0day剧(就是在24小时内发布)<br/>(这样就造成了四个字幕组一家一个版本，但没办法，大热剧大家都想翻，而每家美剧论坛都有自己的利益格局，所以很难达成”大一统”的局面)<br/>美剧论坛其实比起公司的运作丝毫不差，分工明确，组织严密。<br/>单就美剧发布而言，就有搬运组，时间轴组，字幕组，压片组，BT组参与。<br/><strong>9:15&nbsp;PB在美国放完&nbsp;0day组织发布片源</strong><br/>这个神秘的圈子才是网上所有盗版真正的源头(他们常常会用LOL,DIAMOND的后缀名来区分自己的组织)。你永远不会知道他们是是谁。或许就是一名中国留学生，一个美国邮差，或者是你身边最亲密的人。他们使用的主要录制工具是电视卡。<br/>[详见：<br/><a target="_blank" href="http://www.meijumi.com/article.asp?id=2239">世界Oday电影现状——盗版的源头，网友的福音</a><br/>]<br/><strong>字幕组主要通过两种渠道获得片源：</strong><br/>a.BT下载(这也是全世界各地&nbsp;不需要字幕人民&nbsp;看美剧的主要渠道)：<br/><a target="_blank" href="http://www.mininova.org/">http://www.mininova.org/</a><br/>&nbsp;(这个迷你诺娃全球排名居然是53!)<br/>b.FTP下载：搬运组做的就是这个工作。<br/>说白了，就是从国外0day组织的服务器上把资源搬到自己的服务器上。<br/><strong>CC字幕传送：</strong><br/>CC字幕就是美国针对听觉障碍人士人性化的可调出英语字幕设置。<br/>有了这些英语字幕(不过并非每一句都有)后，一能减轻时间轴的工作量(不用一句句重新做轴)，二能减轻字幕组的工作量[不可能每部剧都听译(但日剧字幕组都是听译的&nbsp;可英语听译比日语听译要难很多)&nbsp;听不出来是件很令人抓狂的事]<br/>CC字幕主要由身在美国加拿大的留学生录制(CC字幕是稀缺资源,如果没有他们的录制,字幕组的工作量至少增加一倍)，使用工具是电视卡和专业字幕导出软件。<br/><strong>9:30&nbsp;时间轴组调轴</strong><br/>由于插播广告原因，时间轴还得修改下。<br/>大部分CC字幕的时间轴掐得并不准确，需要再精调下。<br/>一般用ansub&nbsp;或&nbsp;subtitle&nbsp;workshop字幕调轴软件<br/><strong>11:30&nbsp;翻译字幕</strong><br/>由于是0day剧，所以通常有4-5名翻译。<br/>而PB通常在500-600句，因此每名翻译的量是100-150句。<br/><strong>14:30&nbsp;校对</strong><br/>校对是出片前最后的把关。由于是由4-5名翻译完成的，所以语言风格要尽量统一。还要修改一些不够audience-friendly的句子<br/>[详见：<br/><a target="_blank" href="http://www.meijumi.com/article.asp?id=2240">谈谈字幕翻译的八种意识</a><br/>]<br/><strong>15:30&nbsp;在shooter.cn上发布字幕&nbsp;压片组压片</strong><br/>射手网是中国最大的字幕分享网。<br/>由于国外片源是avi格式的，体积比较大，不适合传播。<br/>另外要把字幕也压入片中，因此压片组就使用体积非常小的rmvb格式进行压片,既适合传播，又适合VOD点播。<br/>压片完成后，由BT组做种，整个美剧发布就算正式完成。<br/><strong>3.&nbsp;<br/><a target="_blank" href="http://www.friends6.com/">Friends6</a><br/></strong>&nbsp;<br/>之所以单独列出,是对最老牌美剧论坛的一次致敬。<br/>由于不提供下载,比起四大美剧论坛人气自然不高。<br/>不过那里高手(不需要字幕，直接上mininova下。看来Friends的确培养了中国第一批真正意义上的美剧迷)和用户忠诚度都很高。有很多剧,美国那边刚播完没多久,这边就开始热烈讨论了。<br/><strong>4.&nbsp;总结</strong><br/>两年来的字幕组经历让我学到了太多东西，不仅是英语上的飞跃，还有做事上的专业态度。<br/>当然也见证了世界上最发达国家最顶级娱乐产品---美剧在中国的发展(我承认自己是亲美派，不过全世界的主流视线都盯着他们看)，从中享受到了无穷的乐趣。<br/>《新电影》上有过这么一句话：“当好莱坞电影沦为儿童玩具时，美剧所提供的阅读快感将使它成为最后的成人读物。”<br/>无论你愿不愿意承认，美剧的确已经进入了最好的时代。<br/>我为美剧狂！&nbsp;]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.becaused.com/default.asp?id=707" /> 
	  <id>http://www.becaused.com/default.asp?id=707</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[2008张信哲最新专辑《逃生》 MP3 打包下载 试听~]]></title>
	  <author>
		 <name>天牢囚犯</name>
		 <uri>http://www.becaused.com/</uri>
		 <email>becaused@163.com</email>
	  </author>
	  <category term="" scheme="http://www.becaused.com/default.asp?cateID=7" label="Diary" /> 
	  <updated>2008-04-16T10:07:52+08:00</updated>
	  <published>2008-04-16T10:07:52+08:00</published>
		  <summary type="html"><![CDATA[情歌王子张信哲继两年前《做你的男人》后，2008年在全新国语新专辑《逃生》以最贴近人性的角度中用歌声诉说，在爱情路上有著辛酸刻苦和甜蜜狂妄，张信哲用歌声来表达在城市中的种种告白。主打歌「逃生」描述每个人都在找爱情的出口，还找来小魔女范晓萱助阵，除了为此曲参与MV演出之外，还为另一首由罗大佑作曲的「天使的眼泪」钢琴配奏。&nbsp;<br/>新专辑《逃生》收录了十首精彩的情歌，包括了主打歌「逃生」、黄韵玲创作的「残念」、费洋京剧老生开场的中国风作品「牡丹忧」、与&nbsp;M.C.&nbsp;HotDog&nbsp;打造的「单车与跑车」，复古摇摆的「可爱美眉」，以及陈小霞的情歌「最好的时光」和「长途旅行」。&nbsp;<br/>　　张信哲2008全新专辑《逃生》&nbsp;<br/>　　每个人都在找爱情的出口……&nbsp;<br/>　　为了不可被取代的幸福&nbsp;<br/>　　将继续在这个城市中&nbsp;相遇、停留、交错……&nbsp;<br/>　　张信哲&nbsp;以独特嗓音包覆细腻情感&nbsp;<br/>　　将高潮起伏的旋律唱进你灵魂深处&nbsp;<br/>　　张信哲参与制作10首全新曲目&nbsp;<br/>　　在最贴近人性的角度&nbsp;用歌声诉说&nbsp;用音乐感受&nbsp;<br/>　　挣扎呐喊，辛酸刻苦，甜蜜狂妄……弥漫在城市中的种种告白&nbsp;<br/>　　《逃生》&nbsp;每个人都在找爱情的出口，在感情的藩篱中，该要如何挣脱？&nbsp;<br/>　　《可爱美眉》&nbsp;复古基调的音乐声中，带着摇摆的愉悦、轻松的语言，把到最可爱的美眉！&nbsp;<br/>　　《牡丹忧》&nbsp;歌坛新声-费洋以京剧老生开场，与阿哲细腻的声线同在诉说对母亲无尽的爱。&nbsp;<br/>　　《残念》&nbsp;黄韵玲制作写曲、何启弘作词、钟兴民编曲，电影感强的音乐，让浓烈的情绪沸腾到崩溃边缘。&nbsp;<br/>　　《单车与跑车》&nbsp;M.C.&nbsp;HotDog与张信哲能擦出如何的火花？在爱情的竞速赛程中，用自己的速度互别苗头。&nbsp;<br/>　　《最好的时光》《长途旅行》&nbsp;陈小霞继陈奕迅“十年”之后，难得跨刀制作令人激赏的深刻情歌。&nbsp;<br/>　　《天使的眼泪》&nbsp;音乐教父罗大佑继“亚细亚的孤儿”后，再造如诗歌般的音乐文学钜作。音乐才女范晓萱钢琴伴奏。&nbsp;<br/>　　情歌王子张信哲继两年前《做你的男人》后，2008年在全新国语新专辑《逃生》以最贴近人性的角度中用歌声诉说，在爱情路上有着辛酸刻苦和甜蜜狂妄，张信哲用歌声来表达在城市中的种种告白。主打歌“逃生”描述每个人都在找爱情的出口，还找来小魔女范晓萱助阵，除了为此曲参与MV演出之外，还为另一首由罗大佑作曲的“天使的眼泪”钢琴配奏。&nbsp;<br/>　　新专辑《逃生》收录了十首精彩的情歌，包括了主打歌“逃生”、黄韵玲创作的“残念”、费洋京剧老生开场的中国风作品“牡丹忧”、与&nbsp;M.C.&nbsp;HotDog&nbsp;打造的“单车与跑车”，复古摇摆的“可爱美眉”，以及陈小霞的情歌“最好的时光”和“长途旅行”。<br/><img src="http://img.verycd.com/posts/0804/post-342022-1208253021.jpg" border="0" alt=""/><br/><strong>专辑曲目</strong>：<br/>01.&nbsp;残念&nbsp;Too&nbsp;Bad&nbsp;<br/>02.&nbsp;逃生&nbsp;Escape&nbsp;<br/>03.&nbsp;牡丹忧&nbsp;A&nbsp;Mother&#39;s&nbsp;Worries&nbsp;<br/>04.&nbsp;可爱美眉&nbsp;Hot&nbsp;Chick&nbsp;<br/>05.&nbsp;小木马&nbsp;Little&nbsp;Rocking&nbsp;Horse&nbsp;<br/>06.&nbsp;最好的时光&nbsp;Best&nbsp;Days&nbsp;<br/>07.&nbsp;牧羊人&nbsp;Shepherd&nbsp;<br/>08.&nbsp;单车与跑车&nbsp;Bike&nbsp;o&#114;&nbsp;Wheels&nbsp;<br/>09.&nbsp;长途旅行&nbsp;A&nbsp;Long&nbsp;Journey&nbsp;<br/>10.&nbsp;天使的眼泪&nbsp;An&nbsp;Angel&nbsp;Cries<br/><br/>下载地址1（纳米盘）：<br/><a target="_blank" href="http://www.namipan.com/d/c26ce7386458adde54fe48c5ef739420cd442a96bc783f04">张信哲.-._逃生_.专辑.(MP3).rar</a><br/><br/>下载地址2（live-share）：<br/><a target="_blank" href="http://www.live-share.com/files/318424/___.-.____.__._MP3_.rar.html">张信哲.-._逃生_.专辑.(MP3).rar</a><br/><br/>下载地址3（电驴&nbsp;emule）：<br/><img border="" src="http://www.becaused.com/images/ed2k.gif" alt=""/><a target="_blank" href="http://www.becaused.com/ed2k://|file|张信哲.-.[逃生].专辑.(MP3).rar|71268540|249d502886d756dfd9cf42ab8a8233f5|h=6ZWUKDP4JNUAM45JEUEODZUFG2U36X4U|/">ed2k://|file|张信哲.-.[逃生].专辑.(MP3).rar|71268540|249d502886d756dfd9cf42ab8a8233f5|h=6ZWUKDP4JNUAM45JEUEODZUFG2U36X4U|/</a>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.becaused.com/default.asp?id=698" /> 
	  <id>http://www.becaused.com/default.asp?id=698</id> 
  </entry>	
		
  <entry>
	  <title type="html"><![CDATA[[基本完美]兼容 IE,Firefox 的图片自动缩放 CSS]]></title>
	  <author>
		 <name>天牢囚犯</name>
		 <uri>http://www.becaused.com/</uri>
		 <email>becaused@163.com</email>
	  </author>
	  <category term="" scheme="http://www.becaused.com/default.asp?cateID=4" label="WebStandard" /> 
	  <updated>2008-04-15T11:49:38+08:00</updated>
	  <published>2008-04-15T11:49:38+08:00</published>
		  <summary type="html"><![CDATA[一直以来有个很头疼的问题困扰着我，那就是图片缩放的问题，写到&nbsp;JS&nbsp;里面吧，不太容易修改。写到&nbsp;CSS&nbsp;里面吧，IE&nbsp;6&nbsp;又不支持&nbsp;max-width，今天用了很久时间终于解决了这个问题，基本完美了，唯一不完美的就是&nbsp;IE&nbsp;6&nbsp;只有在图片完全下载完成后才会自动调整大小，不过聊胜于无，总比进入页面后看到长长的横向滚动条舒服的多，这里使用了&nbsp;expression，但是利用了一次加载，所以&nbsp;expression&nbsp;不会造成内存泄漏。当然，如果你有更好的解决方案，希望能与我交流。代码如下：<div class="UBBPanel"><div class="UBBTitle"><img src="http://www.becaused.com/images/code.gif" style="margin:0px 2px -3px 0px" alt="程序代码"/> 程序代码</div><div class="UBBContent"><br/>.Image&nbsp;{&nbsp;&nbsp;max-width:600px;height:auto;cursor:pointer;&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;border:1px&nbsp;dashed&nbsp;#4E6973;padding:&nbsp;3px;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;zoom:expression(&nbsp;function(elm)&nbsp;{&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(elm.width&gt;560)&nbsp;{&nbsp;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;oldVW&nbsp;=&nbsp;elm.width;&nbsp;elm.width=560;<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;elm.height&nbsp;=&nbsp;elm.height*(560&nbsp;/oldVW);&nbsp;<br/>}&nbsp;&nbsp;<br/>elm.style.zoom&nbsp;=&nbsp;&#39;1&#39;;&nbsp;&nbsp;&nbsp;<br/>&nbsp;}(this));<br/>}&nbsp;</div></div>]]></summary>
	  <link rel="alternate" type="text/html" href="http://www.becaused.com/default.asp?id=699" /> 
	  <id>http://www.becaused.com/default.asp?id=699</id> 
  </entry>	
		
</feed>