√心没了的BLOG

Flash8 字体特效

Wed, 22 Mar 2006 01:54:00 GMT

Flash8 字体特效

本文作者:egoldy
文章出处:http://www.actionscript.com
文章性质:翻译
阅读次数:78
发布时间:2006-03-22

本文来自Actionscript.com.本站对其进行了翻译和整理.时间仓促,难免有误,请多指正.

     F8创建字体特效
   TextScript类的结构

    学习此教程的全部源文件包,其中包含有textscript类,这里下载
    我想创建一个类用来管理和创建看起来费时又费力的字体效果制作过程，使用它可以允许我们轻松的创建自定义的效果，经过一系列的不同方式的试验，我最终完成了一个类，把它称之为TextScript.它预置了一些字体效果在里面，但最重要的是你可以使用这个类来创建你想象中的字体效果。如下面的效果。

  TextScript类有两个基本方法(Constructive和Deconstructive)按在类方法中译为构建和拆分。Constructive方法用来创建一个moviclip holder用来承载你所附加的字体断段，并且要把它们以单个字符的形式显示出来。而deconstructive就更简单一些，因为它针对moveclip holder工作，并对constructive方法返回的结果应用我们想要的效果。
   下面就让我们开始试一下。首先先下载the TextScript class并将它保存在你所设置的类路径下。如果你没有设置类路径,你可以在flash中按下ctrl+u.在左边选择择actionscript然后在下面选择as2.0设置。把你存放此类的路径添上即可。（译者：如果你不添路径也可以，只要保证你的fla文件在TextScript路径也可，只要文件能找到类即可，但这种方式对于日后的应用会麻烦一点。）

下一步，在flash8中创建一个新的fla文件，选择字体工具，在场景中拖动创建一个动态文本框.它不需要实例名称。我们要做的只是要嵌入字体，注意如果你没有嵌入字体，你的字体效果是不会显示出来的。
选择动态文本框，然后选择一种字体，不要选择非系统字体如_sans,_serif或_typewriter等字体。如我们的例子，使用的是Arial Black加粗字体。如果你要使用加粗字体，在对文本框设置时一定要它显示出为粗体字样。然后点击右边的”embed”选择你要嵌入的字符范围，点击ok。

现在将下面的代码加入到你的时间线的第一帧上。
如下代码：

代码:

import com.actionscript.text.TextScript;

var myFormat:TextFormat = new TextFormat();
myFormat.font="Arial Black";
myFormat.bold = true;
myFormat.size = 22;
myFormat.color = 0x550000;

var phrase:String = "Dynamic Effects with TextScript";
var xLoc:Number = 50;
var yLoc:Number = 70;
var delay:Number = 3;

m = TextScript.blurIn(this, phrase, xLoc, yLoc, myFormat, delay);

测试你的影片，你应能看到非常漂亮的模糊字体效果出现，如果你没能看到字体体效果出现，请你先确何你的字体是否已正确的嵌入到flash中。如果你使用了粗体。要确保在你选中文本框时，粗体的B是按下去的。
在这段代码中，我们需要在开始的位置导入TextScript类，然后我设置我们想要显示的字体段落,并通过创建字体格式Textformat来格式化字体。最后我们设置constructive方法所需要的参数。
所有constructive方法都需要下面所列的参数。如下：
TextScript.constructiveMethod(scope,phrase,xLoc,yLoc,textFormat,delay);
Scrop:MovieClip – 你所要展示的文本所放的地方。也就是在哪个movieclip中。
Phrase:String – 你所要展示的文本内容。
xLoc:Number –展示文本所在movieclip中的_x位置
yLoc:Number --展示文本所在movieclip中的_x位置
textFormat:TextFormat –TextFormat对象，用于设定文本属性
delay:Number –出现在场景中字符之间的延时，以帧数为计数单位
Constructive方法总是返回包含你文本的movieclip的实例，你通常应将它保存在一个变量中（我把它命名为”m”）因为在后面你可以使用它来做为deconstructive方法的一个参数。

作为一个名称习惯，所有的deconstructive方法都以”remove”字样开头加上原有的constructive方法名称。因些如constructive方法名为”blurin”,那么它的deconstructive方法的名称就应用removeBlurin.但是它并不是一定要使用这种组合应用在deconstructive方法，任何的constructiv和deconstructive方法组合都可以创建出有效的效果来。
根据我们上面的例子，加入下面的代码：

代码:

onMouseUp = function() {
TextScript.removeBlurIn(m, delay);
}

现在测试你的影片,你会看到你的字体模糊的出现，然后单击clear按钮,你会发现字体在消失。
演示文如下：

更深一步，如果你打开debugger面板，你就会发现TextScript deconstructive方法清除了所有在constructive方法中创建的元素。
内置在TextScript中的constructive方法如下：
typewriter  打字机效果
zoomIn    放大效果
zoomOut   缩小效果
blurIn      模糊效果
dropIn     下落效果
randomDropIn  随机下落

相应的deconstructive方法如下：
removeTypewriter   移除打字机效果
removeZoomIn     移除放大效果
removeZoomOut   移除缩小效果
removeBlurIn      移除模糊效果
removeDropIn     移除下落效果
removeRandomDropIn  移除随机下落效果

上面这些方法已经可以创建出足够好的效果，但在这个类中相对来说包含了很少的效果，实际上这个类可以创建出任何你想要的效果，你需要仔细查看这个类，这一节中我们将研究如何自定义字体效果。

第二节自定义字体效果

在这一节中我们学习如何自定字体效果，并提供了三个范例，在一个字体效果中，将动画中的每一个字符当做是一个元件符号(一个独立具有指定行为的元素),要创建一个字体效果，你不能对整个文本段落进行代码编写，你需要针对一个独立的字符进行代码编写。
关于TextScript 元件你需要了解6件事情：
§在字体动画中每一个字符就是一个元件。
§每个元件是一个movieclip，它具有所有movieclip的所有功能定义。
§元件具有一个属性命名为framCount，当一个新的效果应用于它时它的初值为0.
§元件具有称为delay的属性。当动作执行之前这个元件需要延迟出现的帧数间隔
§效果代码附加在元件的onEnterFrame事件中，覆盖元件的onEnterFrame事件将会覆盖它的效果动作。
§在constructive效果中(也就是场景中出现字的效果)，所有元件以它们最终的位置和缩放出场，所以你可以在动画之前保存他们的这些变量。

Constructive效果

       在前面一节的TextScript文章中，constructive效果是在场景中创建的文本效果，Constructive 效果总是返回movieclip实例，并且这个movieclip中承载着所有字符元件，我们可以使用返回的这个movieclip做为deconstructive效果的一个参数来从场景中移除它。

     自定义constructive方法我们称之为”createEffect”,它的参数类似于内置在类中的constructive函数，只是增加了一个或多个参数在结尾处（也就自定义的函数）.它的参数如下：

代码:

TextScript.createEffect(
     scope:MovieClip,
     phrase:String,
     x:Number,
     y:Number,
     textFormat:TextFormat,
     delay: Number,
customEffect:Function);

简单的打字效果：

如下演示效果：

一种简单的效果就是创建打字效果,要创建这种效果，我们将编写些效果的函数并将其附加在字符元件上。如下代码：

代码:

typeOn = function() {
  if(this.frameCount++ > this.delay) {
    this._visible = true;
    this.onEnterFrame = undefined;
  }
}

在打字效果中（查看源文件sample1），typeon函数附加在元件的onEnterFrame事件中，第二行是最重要的一行如下：if(this.frameCount++>this.delay)-这一行不断的增加帧数并且如果帧数超过了在TextScript类所设计的delay属性值( delay的间隔时间也是以帧数为单位的),那么元件就会知道它可以开始执行动作了,在此例中的动作是把每个元件字符显示出来并清除掉onEnterFrame动作。
此效果的所有代码：

代码:

import com.actionscript.text.TextScript;

var tf:TextFormat = new TextFormat();
tf.font="Arial Black";
tf.bold = true;
tf.size = 36;
tf.color = 0x55FF55;

typeOn = function() {
  if(this.frameCount++ > this.delay) {
    this._visible = true;
    this.onEnterFrame = undefined;
  }
}

var frameCounter:Number = 0;
this.onEnterFrame = function() {
    if(frameCounter++ % 50 == 0) {
        m.removeMovieClip();
        m = TextScript.createEffect(this, "Hello World!", 50, 10, tf, 2, typeOn);
    }
}

旋转效果：

演示效果：

这个效果仍是使用我们上面范例的方式，通过frameCounter的值来检验字符元件是否要开始动作，一旦frameCounter值超过delay值，字符元件就开自身旋转180度并且可见，然后覆盖onEnterFrame事件来动画自身旋转回初始位置。（查看源文件sample2）

代码:

rotateIn = function() {
  if(this.frameCount++ > this.delay) {
    this._rotation = -180;
    this._visible = true;
    this.onEnterFrame=function() {
      this._rotation += 10;
      if(this._rotation >= 0) {
        this._rotation = 0;
        this.onEnterFrame = undefined;
      }
    }
  }
}

sample2全部代码：

代码:

import com.actionscript.text.TextScript;

var tf:TextFormat = new TextFormat();
tf.font="Arial Black";
tf.bold = true;
tf.size = 36;
tf.color = 0x55FF55;

rotateIn = function() {
    if(this.frameCount++ > this.delay) {
        this._rotation = -180;
        this._visible = true;
        this.onEnterFrame=function() {
            this._rotation += 10;
            if(this._rotation >= 0) {
                this._rotation = 0;
                this.onEnterFrame = undefined;
            }
        }
    }
}

var frameCounter:Number = 0;
this.onEnterFrame = function() {
    if(frameCounter++ % 70 == 0) {
        m.removeMovieClip();
        m = TextScript.createEffect(this, "Hello World!", 50, 10, tf, 2, rotateIn);
    }
}

Deconstructive 效果

Deconstructive效果是从场景中移除掉字符元件。它的方法名称为”removeEffect”.作为参数，它需要一个movieclip（这个movieclip是由constructive 方法生成的）和Delay（两个字符元件动作之间的帧数间隔）还有我们自定义的效果。如下：

代码:

TextScript.removeEffect(m:MovieClip, delay:Number, effect:Function);

关于字体元件更多的一些内容：
§元件有一个特殊的方法称为remove.它用常用来替代removeMovieClip，用来从场景中移除字符元件。它允许上一级movieclip收集所有的不用的元素并且清除掉

淡出效果：

演示效果：

编写deconstructive效果非常类似于编写constructive效果，当一个deconstructive效果被应用，所有的字符元件都会将它的frameCounter属性值设置为0.因此我们可以开始我们的下一行代码，以决定什么时候再次让它动起来。
如下代码：

代码:

fadeOut = function() {
  if(this.frameCount++ > this.delay) {
    this.onEnterFrame = function() {
      this._alpha -= 10;
      if(this._alpha <= 0) {
        this.remove();
      }
    }
  }
}

这个效果是等待frameCounter值超过delay.然后覆盖它自身的onEnterFrame事件在每一帧上减少alpha值直到它不可见，最后字符元件调用remove将其从内存中移出。查看源文件sample3.
全部代码：

代码:

import com.actionscript.text.TextScript;

var tf:TextFormat = new TextFormat();
tf.font="Arial Black";
tf.bold = true;
tf.size = 36;
tf.color = 0x55FF55;

fadeOut = function() {
  if(this.frameCount++ > this.delay) {
    this.onEnterFrame = function() {
      this._alpha -= 10;
      if(this._alpha <= 0) {
        this.remove();
      }
    }
  }
}

var frameCounter:Number = 0;
this.onEnterFrame = function() {
    if(frameCounter++ % 65 == 0) {
        m.removeMovieClip();
        m = TextScript.createEffect(this, "Hello World!", 50, 10, tf, 2, function(){});
        //下面的代码是轮询出每一个字符元件，因为我们没有给出constructive方法（如上例中方法为function(){},前没有给出具体的constructive方法）我们需要让它们都可见，以便显示出来destructive方法。
        for(var i in m) {
            m._visible = true;
        }
        TextScript.removeEffect(m, 2, fadeOut);
    }
}

附加演示文件:

深入：

当使用TextScript创建字体效果时，记住你使用的都是movieclip的强大功能。你可以改变字体的色彩，应用滤镜和融合效果，重建复杂的物理效果，并且不要忘记也可以使用声音或其它媒体。这个类编写的相对比较简单，但是它的伸缩性很强，加上你的一点点创意，你应能创建出更有趣的效果来。你可以在TextScript类中查看切换效果函数（从类的第108行开始）.它们是内置的createEffect和removeEffect方法。如果你创建出的很酷的效果，不要忘记分享啦。J

egoldy提示：在做中文体效果时，我们同样需要嵌入字体，如上面范例制作时嵌入的“方正简美黑”,但大家可能会担心会变大，这是肯定的，如果制作很长的段落是不合适的，用于制做文字不是很多的内容还是很合适的，在上面的范例中如我使用的文本为” 欢迎来到webstudio”那么在嵌入字体时只需要将这一行字嵌入就可以了，这样每个文件并不会超过10k.同样也会满足我们的大多数需求。Cheers J..

全部源文件下载

个性化网站收藏小图标的做法

Tue, 14 Mar 2006 02:32:00 GMT

个性化网站收藏小图标的做法
个性化自己的网站收藏小图标的做法，只对 Windows平台的 IE 5.0 或者更新版本的浏览器才有效.

1。自己制作一个ico图标,大小最好为16x16 像素，文件名假设为favicon.ico
2。把刚刚制作好的 favicon.ico 文件上传到你的网站根目录去。如果你的网址是：http://duwei18.126.com 那么你的 favicion.ico 就应该被放在下面这个 URL下http://duwei18.126.com/favicion.ico

3。在网页中加入代码：譬如
<HEAD>
<LINK REL="SHORTCUT ICON" HREF="http://duwei18.126.com/ favicion.ico ">
<TITLE>一起走过的日子</TITLE>
</HEAD>

Danger Video Player 1.0 发布

Sat, 11 Mar 2006 01:56:00 GMT

这是一个可定制播放列表的 Flash 视频播放器.
你可以将它放到你的站点或 Blog 上使用,完全免费!!!
支持网上所有的 Flash 视频(FLV格式)(只要你知道地址就行了)

使用方法请查看readme文档,以后的更新都在这个主题中.不再建新主题.
预览 | Danger Video Player 1.0 下载

目前几个流行的 Flash 视频站是:
(你可以上传自己的视频,他们会帮你自动转换成Flash视频FLV)
1,vlog.im.tv
2,Youtube.com
3,Google Video

1,Vlog 视频地址很好找:
例如这个地址:
http://www.im.tv/vlog/personal.asp?Memid=247205&FID=93873
FID参数值就是视频文件名,下载视频就在:
http://myvlog.im.tv/flv/93873.flv

2,Youtube视频:
http://www.youtube.com/watch?v=ScafPmcpv0c
V参数值就是视频文件名,如下:
http://www.youtube.com/get_video?video_id=ScafPmcpv0c

3,Google Video 目前国内看不了,相信以后会好的.

职场：成功人士的五点共性

Sat, 11 Mar 2006 01:42:00 GMT

数年里，我采访了美国中国数百位企业精英，他们精彩的故事让我生命多活几圈，他们是优点与缺点极端得不能再真实的人，那么他们到底是一群什么样的人呢？

　　共性一：他们是一群充满孤独的人：就是因为他们不合群，所以才看到别人看不到的机遇和内容，甚至导致一些人不得不早期下海独闯天下。即使他们的朋友遍天下，然而孤独是他们的选择，不仅因为高处不胜寒的地位，更是由于精神境界中更高的渴望与探索。

　　共性二：他们是一群充满危机的人：因为追求成功，甚至追求完美，让他们永不满足，永不平安。新经济下游戏规则的变化，WTO的进入，适者生存的压力，只能上不能下的文化，让许多成就人承担更大的危机感。

　　共性三：他们是一群充满天真的人：当别人问“为什么”时，他们总要说“为什么不？”；当别人离开时，他们永不言弃；当没有人做时，他们却痴痴地拿起。不做怎么知道不可能？不尝试失败之前怎么就可以放弃？成功与否不是绝对的重要，参与的过程已经是希望的开始。

　　共性四：他们是一群让你无法复印的人：如果成功可以复印，那么成功加工厂早就建立了。技巧可以学习，但是机智与嗅觉，无法传授，如果你跟在别人后面模仿时，新的商机与市场模式已经变了。假如课堂上睡觉的你被教授突然叫起回答问题，原本已经尴尬的你，是腥洗砦螅故窍裉┤蛔匀舻囊晃籈MBA的学员这样回答：“刚才大家讲的话我都同意，并且没有补充。”

　　共性五：他们是一群与你同享成就的人：很多人不理解我说的分享成就，这个分享不是等着分享成果，而是真正用心来拥抱、欣赏，鼓励对方。为何分享成就这么重要？与你共患难并不难，因为其间你不会给其他人带来威胁。但是，你成就的时刻，往往使许多人感受到更大的自卑和危机，如果没有一个超然的境界和健康的心态，对方是很难真诚面对你，为你的成就而由衷欣慰的。当你愈往高走，愈需要阳光的朋友，不是成果的瓜分，而是精神世界的共享，这是没有成功心态的人，无法抵达的境界。

FLASH与后台数据交换方法整理

Tue, 07 Mar 2006 03:44:00 GMT

P.S
最近有一些网友总是询问flash与后台数据交互的问题,因此我就做了一些总结和整理,也想方便大家了!
目前据我所知,Flash与后台数据交互共有下列几种方法(如果你觉得不全,你可告知一下,我会添加上去了):
1.LoadVars(XML)
2.Flash Remoting
3.Webservice
4.XMLSocket

一.LoadVars篇
我之所以把XML也放在这里说,是因为XML和LoadVars数据交互的方式大体相同,就是传递时的数据内容有点不一样而已!
我现在列出在开发过程最常用的"用户密码验证"实例,加以说明!
//=====================================================;
// Flash代码;
//=====================================================;
//定义LoadVars对象;
var data_lv = new LoadVars();
//提交的用户名变量和参数值;
data_lv.username = "kinglong";
//提交的密码变量和参数值;
data_lv.password = "king";
//提交后返回结果;
data_lv.onLoad = function(success){
//success,数据提交是否成功;
//这个只是表示数据传输是否成功,并不是用户验证的结果;
if(success){
trace("数据提交成功!");
//result也是用户验证返回的实际结果!
if(this.result=="true"){
trace("yes");
}else{
trace("no");
}
}else{
trace("数据提交失败!");
}
}
//数据提交方法调用;
//第一参数就是提交的页面地址;
//第二参数就是返回结果对象(只要是LoadVars对象就可以了);
//第三参数就是提交方式(这个和html中form表单类似,分为"post"和"get"两种方式)
data_lv.sendAndLoad("http://www.klstudio.com/save.asp",data_lv,"post");
//=====================================================;
//后台服务端页面处理及返回内容;
//=====================================================;
//接收flash提交过来的变量和接收一个页面提交过来的变量一致的;
Request("username") 就是flash端username变量传过来的值"kinglong";
Request("password") 就是flash端password变量传过来的值"kinglong";
....数据库验证.....
//如果用户验证通过
&result=true
//如果用户验证失败
&result=false
//整个页面返回内容就是上面那一行内容,&result对应用着flash端的result变量;
//如果是多个返回值的话,就是&result=xxx&result1=xxx这种形式就可以了;

如有不清楚的地方,你可查看flash帮助文档!
至于XML的方式,请对应地查看flash帮助文档就可以了!
LoadVars方式的优点:
1.flash代码实现起来简单,方便.
2.服务端接收页面和接收一个表单过来的数据一样处理,不需要专门的技术,所有服务端程序都可以实现!

LoadVars方式的缺点:
1.传递的变量不宜过多.
2.变量传递的值不能过长.
3.变量传递值只能使用"字符串"这一种数据类型,数据类型单一.
4.数据返回值当中不能有"&"字符,因此比较复杂的返回值都需进行URL编码处理.
下次就再整理一下Flash Remoting的相关方法

二、Flash Remoting
Flash Remoting这种数据接口是四个之中效率最高的！
其优点:
1.支持数据类型比较多(Converting from application server data types to ActionScript);
2.传递数据量比较大;
3.运行效率是现有几个当中最高的；
4.对各种后台的支持也比较好;
5.其还有调试模块(NetConnection Debugger)

其缺点：
1.需要flash端装Flash Remoting MX Components(这个是免费提供的);
2.需要后台服务端装相应版本的Flash Remoting模块才可以使用,MM提供的模块有j2ee和.net两个版本是要收费的,好在网上还有两个开源的(OpenAMF,AMFPHP);
3.好像Remoting对虚拟主机的支持不太好(可以去google搜索一下，有没有解决方法).

//=====================================================;
//Flash端代码说明：(我这里用as1.0版本为例，其他版本到MM站查找)
//=====================================================;
//加载Remoting Component代码,这个是必须的;
#include "NetServices.as"
//加载Remoting 调试模块代码,这个是可选择的,用NetConnection Debugger查看调试信息;
#include "NetDebug.as"
if (inited == null){
inited = true;
//设置默认网关;
NetServices.setDefaultGatewayUrl("http://localhost:8500/flashservices/gateway");
//建立网关连接;
gateway_conn = NetServices.createGatewayConnection();
//获取一个服务;
myService = gateway_conn.getService("myservice", this);
}

//定义调用方法的函数;
function getString(name){
//调用Remoting的getString方法;
myService.getString(name);
}
//定义返回结果的函数;
function getString_Result(result){
//result就为返回的结果;
trace(result);
}
//定义返回状态的函数,此为可选的;
function getString_Status(error){
trace("getString_Status");
trace(error.code);
trace(error.description);
trace(error.details);
}

//调用函数;
getString("kinglong");

//=====================================================;
//服务端方法定义(我这里以Coldfusion Component为例,其他版本请参考相应的资料)
//=====================================================;

<cfcomponent displayname="我的服务">

<cffunction name="getString" access="remote" returntype="string">
<cfargument name="name" type="string" required="true">
<cfset myResult = arguments.name & ",欢迎你!">
<cfreturn myResult>
</cffunction>
</cfcomponent>

另附上Flash Remoting的在线帮助文件(Flash Remoting LiveDocs),MM网站上的Remoting相关的资料.

FLASH + XML 求职简历制作教程(一)

Tue, 07 Mar 2006 02:14:00 GMT

FLASH + XML 求职简历制作教程(一)

作者：eidoit 类型:转载来源:愚人呓语

　　　　前几天一个朋友介绍了一家公司。结果发现自己少了三样东西：简历、技术性强的作品、自信。于是想做个“技术性强的简历”。这样也能有些底气，多些自信。在别人问我懂不懂OOP的时候，就不用说“学是学过，没做过”了。
　　先把学习过的AS2.0面向对象编程重新过一遍消化吸收，然后用两天时间做了这个简历。照例提供源文件下载。第一次“OOP”，写到最后代码有点乱了。
　　这两天写代码写到头痛。借一本书上的话：“编程对很多人来说是一件很枯燥、很难的事情，当把它当成一种强烈的兴趣时，编程便是一件非常有趣的事情。”当调试半天的bug终于解决当复杂功能终于实现的时候，那种喜悦绝对是一种享受。
　　这喜悦对我来说太过奢侈。我憎恶现在的教育制度，让我把时间全浪费在毫无兴趣更无用处的东西上，憎恶如此看重文凭的病态的社会让我不得不对自己的憎恶俯首称臣！
　　
浏览效果　　
查看UML图
源文件
job.rar
做这个简历的时候，一个下载了愚人部落主页源代码的朋友问我关于XML的问题。我说你等等，做好手头的东西我写个教程给你。现在就以这个简历的XML为例，说一下如何解析XML。（→ 查看XML）
　　XML文件就像一个树状的目录。可以把第一行当作它扎根的“土地”。

　　XML文件是由节点构成的。它的第一个节点为“根节点”。一个XML文件必须有且只能有一个根节点，其他节点都必须是它的子节点。我们在FLASH里使用XML对象解析XML的时候，this 代表整个XML文件，它的根节点就是 this.firstChild 。 this.firstChild.childNodes 则返回由根节点的所有子节点组成的节点数组。

　　每个子节点又可以有自己的子节点。节点编号由0开始，根节点的第一个子节点为 this.firstChild.childNodes[0]，它的子节点数组就是this.firstChild.childNodes[0].childNodes 。

　　继续深入到没有子节点的单一节点，比如根节点第一个子节点的第二个子节点 this.firstChild.childNodes[0].childNodes[1]，它返回的是一个XML对象（Object）。这里需要特别注意，节点标签之间的数据本身也视为一个节点 this.firstChild.childNodes[0].childNodes[1].firstChild ，而不是一个值。

　　我们解析XML的最终目的当然就是获得数据的值：this.firstChild.childNodes[0].childNodes[1].firstChild.nodeValue 。注意！不是 this.firstChild.childNodes[0].childNodes[1].nodeValue ！节点名称有时也是我们需要的数据： this.firstChild.childNodes[0].childNodes[1].nodeName 。注意比较获得节点名称和节点值的不同。

　　除了作为子节点，数据还可以作为节点属性。节点属性写在节点标签内部：<节点属性1="属性值" 属性2="属性值"...... >节点值。如果数据全作为属性而没有节点值，则可以写成 <节点属性="属性值" /> 的形式，而不用写成 <节点属性="属性值"> 。注意节点必须关闭，写成 <节点属性="属性值"> 就不对了。
　　节点的所有属性返回一个通用对象（Object），比如根节点第六个子节点的第三个子节点的所有属性为： this.firstChild.childNodes[5].childNodes[2].attributes 。获得其中的“地址”属性： this.firstChild.childNodes[5].childNodes[2].attributes.地址。

　　比较而言，数据作为属性的方式更好。因为文件相对比较小，而且避免深入更多层子节点，解析速度更快。

　　下面以简历的 JobXMLModel类 (模型)看看在flash里具体的解析。 JobXMLModel类继承XML类，首先在构造函数里设置 ignoreWhite 属性为true忽略XML文件中多余的空格。

//构造函数
public function JobXMLModel() {
　　ignoreWhite = true;
}

//覆盖XML类的 onLoad 事件
private function onLoad():Void {
　　//变量tmpA存储根节点的节点数组。
　　var tmpA:Array = this.firstChild.childNodes;
　　 //把tmpA的长度存储在tmpL变量里。
　　var tmpL:Number = tmpA.length;
　　//以根节点第一、第六个子节点为例，同样存储数组长度变量
　　var basicInfoL:Number = tmpA[0].childNodes.length;
　　var myWorksL:Number = tmpA[5].childNodes.length;
　　//根节点子节点的节点名称存入数组
　　 for (var i:Number = 0; i　　　　项目列表.push(tmpA[i].nodeName);
　　 }
　　 //第一个子节点数据作为子节点
　　for (var i:Number = 0; i　　　　//单一节点返回一个XML对象，用一个变量tmpO存储它
　　　　var tmpO:Object = tmpA[0].childNodes[i];
　　　　//把每个节点的名称和节点值作为通用对象(Object)的属性存在数组里
　　　　基本资料.push({title:tmpO.nodeName, content:tmpO.firstChild.nodeValue});
　　}
　　 //第六个子节点数据作为节点属性
　　for (var i:Number = 0; i　　　　var tmpO:Object = tmpA[5].childNodes[i];
　　　　//把节点名称和节点属性作为通用对象的属性存在数组里
　　　　我的作品.push({url:tmpO.attributes.地址, name:tmpO.nodeName, desc:tmpO.attributes.描述});
　　}
　　//把onLoad事件广播出去，由JobPresenter类(表示器)接收数据加载视图类(JobView )
　　broadcastMessage("onXMLLoaded");
}

//隐式获取函数，供表示器接受数据
public function get basicInfo():Array {
　　return 基本资料;
}

伤感!~虫哥要离开厦门了.

Thu, 02 Mar 2006 09:06:00 GMT

虫哥从我来闪吧虫哥就非常的照顾我.直到我来到厦门也是一样.他就要离开厦门了.不知道应该说什么.自己很难过.旧公司一直没有发工资.害我都没有办法请虫哥请喝.晚上也只好请吃点小抄什么的.虫哥做人真TM厚道.能在网络上认识这样的朋友也不往我来厦门一次了.希望虫哥在以后的日子可以过的很好.特别是在非州.别忘记代个黑妹妹让哥们开开眼界.矜持而已.从此闪吧失去了一个好的板主.中国又少了一个厚道的银.至.衰....还有什么感受等虫哥走了后再说不然被他看到又说我扇情了.其实我没有.

[设计公司]是什么让你失去客户？

Wed, 01 Mar 2006 02:08:00 GMT

时间嘎吱一声就到了年底，想想无论多繁忙都要给之前的老客户发个问候，安排公司做点贺年卡什么的，客户当然就自己来统计了。

翻开名片夹和电话本，面对一张张清晰的脸孔，有的是微笑的，有的是狡猾的，有的是愤怒的，呵呵，别介意，这些都是客户，他们很多表情是商业需要表演出来的。然后又把合同书拿出来，看着一个个合同章，就让我想起那些业务洽谈的快乐，业务消化的漫长，业务收款的焦虑，以及事后的各种不同结果，——就如同是一场场别开生面的战斗，有的业务做得好，价格高，效率高，最后也做成朋友了；有的缺是业务半途而费，再不能来往了。

我不算是个成功的生意人，所以，我的客户有的成了朋友，却有的成了“敌人”，有的称兄道弟，有的却彼此各有拖欠。而想要作为一个真正好的运作者，应该是坦荡的，做一个成一个的，那么是什么让我失去了那些本来很好的客户呢？如果他们都跟我关系保持优良的话，这2年的努力就有了沉淀，人脉就如日中天了。

在阐述我的观点之前，我先说明下我对设计公司运作的看法，小规模，且又是设计师出身的经营者，我认为我们应该是潜心下来，以维护客户，以客户来发展客户，由里及外，不断扩大影响力，不断筛选高质量项目，逐步营造自己的“小宇宙”。因此，客户的积累将成为第一件大事，也将是保证我们业务来源的第一要素。

那么，究竟是什么让我失去了我的客户呢？

我先阐明，自己是个性格温和的人，思维还算敏捷，又幽默，长得就这样，一般客户关系都能维护，有能力，有信心把客户搞定。但在公司起步之初，搞错了心理定位，真的是思路决定出路，面对种种没碰到的客户，没碰到的局面，曾为设计师的我，难免磕碰失败，错误判断，现就总结，写给自己，写给有志开设计公司的朋友，共勉！

1，不是所有的客户都是你的客户

这是深圳一个清洁公司的老总说的话。她是个清洁公司的老板，呵呵，清洁公司是吧？安排打地面卫生，墙面清洗之类的，大家别小瞧了，深圳的这家清洁公司有档次，办公环境比一般的设计公司还有文化，他们服务的对象是类似地王大厦的单位，很不简单。她说，我要做到让我的每一个客户吃惊的满意！————我当时想，这应该是口号或标语吧，我不屑，就问她：很多客户都很刁，很多苛刻的要求，你能让他们每一个人都满意吗？————她眨眼说：不要把每一个客户都看做你的客户。

是的，这句话让我领悟很久，做设计就应该有风格，做设计就应该是服务于一小批人，不是每一个上门来的客户都能成为你忠诚的客户，客户选你，你更要选客户，才能真正实现自己的服务诺言。我认为以下几种客户可以考虑不接待，除非你真的揭不开锅。

A，价格出的很低的的客户。

比如做一本画册，他只能出的价格是印刷厂排版的价格，你为了贪图小利润（其实后来发现是无利润或亏本）接下来，一定很难做。因为在这样单位的心目中，这已经是全额费用了，你就得按照我的意思做完，服务好。你们做跟印刷厂做没什么很大区别。————别指望说他们以后有多少业务，如果有，都是这个价格，我看也免了；也别指望他们发展壮大，以后用高设计费用请你，记住，低价格是他们的消费习惯，无论他们以后是否有了钱，另外，他们公司壮大了，自然也不会找你这样的就流公司，直接找有名气的公司了——这就是形势。而且你也在他们心目中被定位成跟印刷厂一样价值（设计价值）的标准了。

B，价格很底，而且跟你一块一块地还价的主。

C，设计意向，设计需求不是很强烈的单位。

有些单位总想试探着花点钱做个好的设计，邀请你先做个样，这样的单位8成没戏。还是那句话，设计是个消费习惯，没那种认识的人，很难做，即使做了，沟通起来一定成问题！

因此在客户邀请你去洽谈业务的时候，一定要有底气，价格底的咱就不做，宁愿留下个清高的印象，或许他还能给你介绍有钱的主，你做了低价，他肯定不能给你个有钱的主。这也是从自己心里培养品牌的方法。

顺便提下，为了能做到客户的筛选，一定要控制公司的开销，控制公司的规模，因为往往是大的开销才促使了不得不去接小业务！！（特别是备用资金不是很充分的单位）切记！

案例：我们曾经接过一个小公司想做标志，呵呵，跟我们吹公司以后如何有发展，现在先做个标志，业务员动心了，强烈要求公司做，结果不到1K的价格，还带信封，信纸。还不先给定金，当时也是为了给业务员信心，结果那个掺，一个小小的标志，来回做了不下8套方案，后来标志定下来了，名片说不满意，他们自己搞定了，要克扣200元，真是哭笑不得。这样的消费水平的客户，就让我想起一个很不恰当的比喻，没钱的人叫了个小姐，狠心花了几百元钱，就恨不得把小姐给玩死~~~估计他一年也就下了一次决心，能不下重手吗？这样的道理，连没文化的小姐都知道，我们还是正规的高文化的设计师啊~~~等他们变得有钱了，我们也老了。

2，真正做到好的服务

在你选择到了一些好的客户之后，接下来就是如何结合我们的知识，如何来为他们服务了。而作为设计师的我们，往往过于重视设计，由于重视反而显得脆弱，显得固执。真是爱之深，恨之切啊~！

很多人都是埋头做，做自己认为最有表现的作品，而如果一旦客户表示不满，就耷拉着脑袋，或生气了，或焦虑了，根本就没了良好的沟通了。我认为友好的设计师，面对一个项目应该是越做越耐看，越来越符合市场，双方的沟通也是越来越融洽。做设计不要太感性，稍微多点理性。

我个人认为，一个我们认为优秀的设计，只是我们同行的交流比较有劲。而对于客户来说，那属于盲点。就类似180的红，和181的红，设计师也辨别不出来吧，那只是电脑之间的数据交流，对我们来说也是盲点。客户也是如此，他有时候只是感觉不好看，但它不能用一些专业语言或找不到为什么不好看的原因，而胡乱地提些修改意见，我们一定要正确善于理解！

总结成公司运作的一段话就应该是：

优秀的服务应该是当他们需要你们的服务时，能有准时的到达，

当你准时到达时，能有充分的资料，耐心的讲解，微笑的沟通，

沟通之后，方案能正确反映客户的想法，或想法不符合时，能微笑着再沟通

在办事人员处于公司和设计单位之间的两难事情时，我们能以行动来化解他的难处

他们来我们公司参观时，每个人有善意的微笑，有专业的探讨气氛，有忙碌的项目痕迹，有主动热情的接待。

客户的邮件，电话来往及时，客户的意见能一次描述，就有人记录

…………

===这些细节的东西决定了成败。

3，对商业运作有充分的信任

处于对经商的谨慎，初涉商战的我们容易过于担心，过于谨慎。

案例；

那是我们做的一本画册，我们包了印刷业务，前期的设计过程客户一直非常满意，大家沟通愉快，但在印刷快完毕时，我们就要求客户能在我们货到时付款，因为我们要先垫给印刷厂1万多的定金，而且合作的是初次的大型印刷厂，在出厂前无论如何要先给足钱才能出货，对我们来说风险很大。于是，我就对客户一再要求要付款给货，在几次的电话中，客户给的答复不是很明确，她说那天正好是休息日，没财务在，我们很是尴尬，也很让我们担心，万一货到了他们公司，后期说有什么毛病，这钱可就全压在里面了。所以，我们态度坚决，这下客户也火了，说，要不就送过来，要不就追究合同责任。这下关系就僵硬了，为了能不耽误他们的展会，我们还是退步把货送过去了，在接下来的合作中，项目负责人一直对我们刁难，让我们吃尽了苦头！后来一回味，他们这样的大公司的确没理由拖欠这么点钱，我们确实多心了。

于是，在后来和几家大型的单位合作中，我们也显得大气多了，只要没什么很大的风险，基本可以最后给，这样生意轻松多了，机会也多多了，他们的项目负责也更能字公司说话了，————当然，前提是，你对这样的公司有所了解；你的服务确实过关，没问题！

生活中，总难免会有坑坑洼洼的时候，但我们没必要因为有过掉坑的经验，就一直跳着走路。相信大家都是诚心做生意的。

4，正确维护好客户关系

在项目结束完了之后，就是客户关系的维系了。

之前我跟我们设计师开玩笑说，你们挺舒服啊，天天坐公司埋头苦干就可以了，听着音乐，哼着小曲，自在！我可是在外面陪笑，陪吃，还得打扮得溜光，跟女客户耍尽了心思，我这是出卖色相啊！——结果，一个设计师说，咳，你只是卖相，我们可是卖身啊！————你接回来，我们晚上熬夜，不就是卖身嘛！~~~~：）

如何把客户关系做深，让他们成为你的宣传口碑非常重要。

一味地跟客户关系拉好，尽量接近客户一定要有尺度。一定要记住，我们进行地是商业活动，也就是公关。关系不能太近了。

特别是异性客户，呵呵，容易超越界限，或则你动心，或则她动心，——人最怕就是动了心。这点我就不展开说，大家心里体会。

设计行业跟所有行业一样，需要有些朦胧的光环，距离才能产生美，客户对你太了解了，对你的情绪太了解了，他会想：不知道他这段时间情绪如何，能否做好我们的设计，昨天又泡酒吧了，估计没什么精神，还是换个公司吧~~~~听他说他们公司换设计师了，估计是新手，等成熟了再说~~~~他说设计这个行业难做，想试其他行业………………等等。。。象这样的一些内心活动的动心，极容易左右客户的心理。而事实上，哪个公司，哪个人心里没有些波澜呢，但不知者不慌，知道了，他就介意了。因此，保持一定的距离，作为正确的商业交往是必须的。

另外，作为一个成熟的沟通人员，要始终保持对设计的高亢斗志，即使你今天在忧郁，即使你厌恶了设计，但只要你身在这行，就得有义务维持这个行业的尊严，传递给大家设计的美好愿望，否则，我劝你还是直接离开这个行业，活得自尊点。

以上是我总结的几点，情况不同，方法不同，我的总结我喜欢~：）

也祝所有从事设计商业运作的朋友06年能更上一阶梯！

设计行业究竟好不好？~

我不想辩论，

我只想说，在这个行业的1年多时间里，让我接触了各行业，了解他们的运作，让我知识丰富，这个比什么行业都强。

我白天和客户洽谈，有时去外地，面对着形形色色的人，听着7788的事情，晚上通过设计把白天的思维容入到设计中去，我很满足。

设计这玩意，我认为没有极限，他的价值可以是地上的石头，随处可见，随处可检，它的价值又可以是笔锋一转，要个几万，——我认为很刺激。

我已经在这个行业滚爬了5-6年了，我已经是他的人了，我没有其他选择，除非你逼我。

人一辈子做不成几件事情，希望能开好这个公司，作为其中一件吧！

有人说了，想成就一件事情，其实不需要什么坚强的意志，超人的精神，不需要3更睡，5更起，因为，上帝给你的一切，已经足够你很轻松地完成一件大事，——就看你是否执著。

MC HotDog_熱狗的VLOG

Fri, 24 Feb 2006 02:30:00 GMT

超喜欢热狗他太个性了.

http://www.im.tv/vlog/personal.asp?Memid=234273

日本AV女优的BLOG

Fri, 24 Feb 2006 02:22:00 GMT

日本AV女优的BLOG
现在就连电脑白痴也能设立自己的网站，开始blog，完全不需要一丁点的电脑知识。
所以并不惊讶网上论坛找到整份日本AV女优的blog list，毕竟她们也有自己的生活，并不是成天拍AV。
可恨的是。。。我并不会看日文！

几个比较熟悉的名字（其余的自己下面找找看吧）
あかねっとぶろぐ～桜朱音～ blog.livedoor.jp/s_akanet/
本城さゆりのBlogだよ blog.livedoor.jp/qaz1235/
松島かえでのブログ日記。 blog.livedoor.jp/matsushimakaede/

蓮美ゆい★LOVE SMILE ALWAYS yui8.livedoor.biz
鈴木麻奈美公式ブログ www.ionpromotion.net/blog/suzuki/
夢野まりあの日記帳 blog.livedoor.jp/yumenomaria/
北川?#125;美のＨappy★Ｄiary blog.livedoor.jp/kitagawaemi/
宝月ひかるのHIKAROOM blog.livedoor.jp/momoblog/
片瀬茉莉奈公式ブログ www.ionpromotion.net/blog/katase/
浜ひとみ公式ブログ www.ionpromotion.net/blog/hitomi/
乃亜　fashionable but Eroi blog.livedoor.jp/sodnoa/
灘ジュン公式ブログ www.ionpromotion.net/blog/nada/
奈々の秘密日記 http://nanadiary.seesaa.net/br />
桃咲あいのハート日記 blog.livedoor.jp/momosakiai/
滝沢優奈公式ブログ www.ionpromotion.net/blog/takizawa/
早咲まみ公式ブログ www.ionpromotion.net/blog/hayasaki/
早乙女みなきのＳｗｅｅｔ☆ＫｉｓｓＤｉａｒｙ minaki1.livedoor.biz
泉星香さまのブログ登場！ seika1.livedoor.biz
西野さゆきの舞ログ　PART2 nishinosayuki.cocolog-nifty.com/chu/
西田美沙公式ブログ www.ionpromotion.net/blog/nishida/
水希遥の心の音 blog.goo.ne.jp/haruka19love
神谷姫公式ブログ www.ionpromotion.net/blog/kamiya/
小嶺春(こみねはる)さまブログ blog.livedoor.jp/akane77/
持田茜公式ブログ www.ionpromotion.net/blog/mochida/
桜田さくらのブログだよ? blog.livedoor.jp/sakurada8/
金沢文子公式ブログ www.ionpromotion.net/blog/kanazawa/
夏目ナナのレインボー日記 blog.livedoor.jp/natsumenana/
安田みずほ公式ブログ www.ionpromotion.net/blog/yasuda/
愛音の日記ちゃん? http://aine4.livedoor.biz/
ゆんちゃんだもんね plaza.rakuten.co.jp/yun293/
籐あきの何でもアップロード www.ionpromotion.net/blog/aki/
みゆりのお部屋 blog.livedoor.jp/miyuri1/
まつもとありさ（松本亜璃沙） blog.livedoor.jp/arisa4/
ヒナァヅ　ワァルド plaza.rakuten.co.jp/hinazou1982/
ヒカルンバ☆ blog.livedoor.jp/hikarumba/
寧々のちょっとＨな出来事 blog.livedoor.jp/nene_blog/
西野翔のSHOW ROOM Blog blog.livedoor.jp/nishino_shou/
南波杏ブログ www.ionpromotion.net/blog/nanba/
ドリームチケット　専属ＡＶ女優　葉山リカ blog.livedoor.jp/hayama_rika/
デヴィな日々～ blog.livedoor.jp/devi3/
チョーキョーされ日記 www.ionpromotion.net/blog/mizusawa/
ちさきのでろころ写真日記 blog.livedoor.jp/derokoro8888/
?#125;まことのＣＵＴＥな日常 blog.livedoor.jp/hijiri_macoto/
さいとう真央ダイアリー blog.livedoor.jp/sod_mao/
今野由愛オフィシャルブログ www.ionpromotion.net/blog/yume/
今日のＳＯＬＡ模様 blog.livedoor.jp/aoi_sola/
Willcorporation Girls blog.willcorporation.com/girl/
UEHARA RUKA’S DIARY blog.livedoor.jp/uehara_ruka/
Sakura Siratori Official BLOG belles.beblog.jp/saku/
Rio de Janeiro★ blog.livedoor.jp/rio9/
Rio Blog blog.livedoor.jp/rio_akikawa/
CHACO★CHACO　DIARY blog.livedoor.jp/sod_chaco/
***’s love days blog.drecom.jp/hinazo/
ＡＹＡ’ｓ　Ｒｏｏｍ　 blog.livedoor.jp/aya_mizuki/
AV女優★明乃夕奈★のほちょほちょBlog blog.livedoor.jp/yuunaakarino901/
akiho.net blog.livedoor.jp/akihonet/
☆★☆さくら葵　pinky flower☆★☆ blog.livedoor.jp/aoi_sakura/
◆◇◆◇まりもの写真日記◆◇◆◇ blog.livedoor.jp/asoumarimo/
＊楓アイル maple tree…in 『AIRU』＊ blog.livedoor.jp/airu_kaede/

好可爱的女生.看看她的VLOG吧.

Fri, 24 Feb 2006 02:20:00 GMT

http://www.im.tv/vlog/personal.asp?Memid=228115

具有亲和力的表格

Sat, 18 Feb 2006 06:39:00 GMT

在前一段时间制作了CSS calendar，然后我就想用css制作一个table的模型，该模型遵循亲和力规则，而且有良好的视觉效果.

图：颜色的选择和搭配

这样做的好处是：利用表格来装载数据，不言而喻是最好的，你可以很灵活的为每个单元格定义样式。下面是具体的做法

首先在photoshop设计一个效果出来，通过对各种颜色，小图标等的常识，做出了一个效果令人满意的效果图来。下一步呢，裁处下面三个图片来作为标题的背景图片，如果你对颜色的把握不是很好的话，这里给你提供一些调色工具

www.snook.ca/technical/colour_contrast/colour.html

veerle.duoh.com/comments.php?id=108_0_2_20_C8

数据结构为

<table id="mytable" cellspacing="0" summary="The technical
specifications of the Apple PowerMac G5 series">
<caption>Table 1: Power Mac G5 tech specs </caption>
<tr>
<th scope="col" abbr="Configurations" class="nobg">Configurations</th>
<th scope="col" abbr="Dual 1.8GHz">Dual 1.8GHz</th>
<th scope="col" abbr="Dual 2GHz">Dual 2GHz</th>
<th scope="col" abbr="Dual 2.5GHz">Dual 2GHz</th>
</tr>
<tr>
<th scope="row" class="spec">Model</th>
<td>M9454LL/A</td>
<td>M9455LL/A</td>
<td>M9457LL/A</td>
</tr>
...

可以看到我用了scope 属性来确保这个表格在无视觉效果的浏览器下展示出更好的效果，这个属性定义标题元素包含的标题内容是否为行 (scope="col") 或列(scope="row") 。下面是CSS的内容对于上面的标题，使用和背景来更好的区分出他们

th {
font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica,
sans-serif;
color: #6D929B;
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
border-top: 1px solid #C1DAD7;
letter-spacing: 2px;
text-transform: uppercase;
text-align: left;
padding: 6px 6px 6px 12px;
background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}

th.nobg {
border-top: 0;
border-left: 0;
border-right: 1px solid #C1DAD7;
background: none;
}

下面定义左侧的标题样式

th.spec {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #fff url(images/bullet1.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
sans-serif;
}

th.specalt {
border-left: 1px solid #C1DAD7;
border-top: 0;
background: #f5fafa url(images/bullet2.gif) no-repeat;
font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica,
sans-serif;
color: #B4AA9D;
}

这里的数据来自于MAC的technical specifications of each Power Mac G5|http://www.apple.com/powermac/specs.html下来定义普通的和重要的数据内容

td {
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7;
background: #fff;
padding: 6px 6px 6px 12px;
color: #6D929B;
}

td.alt {
background: #F5FAFA;
color: #B4AA9D;
}

至此，整个制作过程结束了

查看表格效果

查看CSS文件

译者的话：这个页面经我测试通过W3C标准严格型验证，而且兼容IE，Firefox，Opera等主流浏览器，对于大量数据，可以利用js实现行两种背景交替显示。

仿dw8代码折叠功能的HTML编辑器

Wed, 15 Feb 2006 02:16:00 GMT

测试版（仅支持ie5.5+，且一个页面里只能放一个）
收集意见

功能：
1.动态分析，智能折叠，ctrl+Enter强制重建
2.tab键输出两个空格(若选区为多行，各行前加入两空格，同时按shift键反之)，Ctrl+T替换\t为俩空格
3.回车自动缩进
4.Ctrl+W预览

限制：
1.取消了右键菜单(复制剪切粘贴可使用键盘)
2.暂不支持文本拖放
3.Ctrl+Z将撤销所有操作
4.块起止测试并不严格，且未考虑vbscript
5.运行效率有待改进

引用地址:http://www.blueidea.com/bbs/newsdetail.asp?id=2395282&page=1&posts=&Daysprune=&lp=

<style>
body{
  text-align:center;
  }
#oTxt,#oBox{
  height:440px;
  border:none;
  border:1px solid #666666;
  }
#oTxt{
  width:740px;
  color:#333333;
  background-color:#f0f0f0;
  font-family:verdana;
  font-size:11px;
  line-height:13px;
  margin-left:16px;
  overflow:auto;
  border-left:none;
  scrollbar-arrow-color:#666666;
  scrollbar-base-color:#666666;
  scrollbar-darkshadow-color:#f0f0f0;
  scrollbar-face-color:#f0f0f0;
  }
#oBox{
  position:absolute;
  width:15px;
  overflow-y:hidden;
  background-color:#e0e0e0;
  padding-top:1px;
  margin-top:1px;
  padding-bottom:19px;
  border-right:none;  
  }
</style>
<script>
/*
  测试版（仅支持ie5.5+，且一个页面里只能放一个）
  收集意见
  
  功能：
  1.动态分析，智能折叠，ctrl+Enter强制重建
  2.tab键输出两个空格(若选区为多行，各行前加入两空格，同时按shift键反之)，Ctrl+T替换\t为俩空格
  3.回车自动缩进
  4.Ctrl+W预览
  
  限制：
  1.取消了右键菜单(复制剪切粘贴可使用键盘)
  2.暂不支持文本拖放
  3.Ctrl+Z将撤销所有操作
  4.块起止测试并不严格，且未考虑vbscript
  5.运行效率有待改进
*/
window.onload=function(){
  oBox.mLine="http://free.txd.cn/mozart0/img/line.gif";
  oBox.mPlus="http://free.txd.cn/mozart0/img/plus.gif";
  oBox.mMinus="http://free.txd.cn/mozart0/img/minus.gif";
  oBox.mEnd="http://free.txd.cn/mozart0/img/end.gif";
  oBox.isPlus=function(o){
    return /plus\./.test(o.src);
    }
  oBox.isMinus=function(o){
    return /minus\./.test(o.src);
    }
  oBox.isLine=function(o){
    return /line\./.test(o.src);
    }
  oBox.isEnd=function(o){
    return /end\./.test(o.src);
    }
  oBox.childrenVisible=function(index){
    var t=this.children[index];
    while(t.style.display=="none")
      t=t.nextSibling;
    var x=t.offsetTop/t.height;
    while(x<index){
      t=t.nextSibling;
      if(t.style.display!="none")
        x++;
      }
    return t;
    }
  oBox.hideBlock=function(index){
    var n=1,x=1;
    var c=this.children;
    c[index].src=this.mPlus;
    while(++index<c.length&&n){
      var t=c[index];
      if(t.style.display!="none"){
        x++;
        t.style.display="none";
        }
      if(this.isEnd(t))
        n--;
      else if(!this.isLine(t))
        n++;
      }
    return x;    
    }
  oBox.showBlock=function(index,b){
    var index0=index,c=oBox.children;
    c[index].src=b?this.mMinus:this.mPlus;
    c[index].style.display="block";
    index++;
    if(b)
      while(index<c.length){
        var t=c[index];
        if(this.isLine(t)){
          t.style.display="block";
          index++;
          }
        else if(this.isEnd(t)){
          t.style.display="block";
          break;
          }
        else
          index+=this.showBlock(index,this.isMinus(t))
        }
    else{
      var n=1;
      while(index<c.length){
        var t=c[index];
        t.style.display=="none";
        if(this.isEnd(t)){
          if(--n==0)
            break;
          }
        else if(!this.isLine(t))
          n++;
        index++;
        }
      }
    return index-index0+1;
    }
  oBox.refresh=function(o,str){
    o.src=this.judge(str);
    o.storeText=str;
    }
  oBox.judge=function(s){
    var l=/\{/.test(s),r=/\}/.test(s);
    if(l&&!r)
      return this.mMinus;
    if(!l&&r)
      return this.mEnd;
    s=s.replace(/<(\w+).*<\/\1>/g,"<$1/>");
    l=/^\s*<\w+[^\/]+[>\r]/.test(s);
    r=/\/>/.test(s);
    if(l&&!r)
      return this.mMinus;
    r=/<\/\w+>/.test(s);
    if(r)
      return this.mEnd;
    return this.mLine;
    }
  oBox.onclick=function(){
    var o=event.srcElement;
    if(o==this)
      return;
    var vIndex=(o.offsetTop-1)/oTxt.lineHeight;
    var index=vIndex;
    var t=this.children[vIndex];
    while(t!=o){
      t=t.nextSibling;
      index++;
      }
    if(this.isMinus(o))
      oTxt.hideLines(vIndex,this.hideBlock(index));
    else if(this.isPlus(o))
      oTxt.showLines(vIndex,this.showBlock(index,true));
    oBox.scrollTop=oTxt.scrollTop;
    }
  oTxt.lineHeight=13;
  oTxt.strSpecial="......";
  oTxt.regSpecial=/\.{6}\r?$/;
  oTxt.strTab="  ";
  oTxt.bFixed=false;
  oTxt.originalValue=oTxt.value;
  oTxt.trueValue=function(){
    for(var s="",c=oBox.children,i=0;i<c.length-1;i++)
      s+=c[i].storeText+"\n";
    return s+c[i].storeText;
    }
  oTxt.lineNumber=function(r){
    var t=this.createTextRange();
    return Math.round((r.boundingTop-t.boundingTop)/this.lineHeight);
    }
  oTxt.rngAtHome=function(r){
    var t=this.createTextRange();
    return r.boundingLeft==t.boundingLeft&&r.boundingTop==t.boundingTop;
    }
  oTxt.rngAtEnd=function(r){
    var t=this.createTextRange();
    t.collapse(false);
    return r.boundingLeft==t.boundingLeft&&r.boundingTop==t.boundingTop;
    }
  oTxt.hideLines=function(ifrom,n){
    var a=this.value.match(/.+/mg);
    for(var i=1;i<n;i++)
      a[ifrom+i]="";
    a[ifrom]=a[ifrom].replace(/\r/,this.strSpecial);
    if(ifrom+n<a.length)
      a[ifrom]+="\r";
    this.value=a.join("");
    }
  oTxt.showLines=function(ifrom,n){
    var a=this.value.match(/.+/mg);
    var t=oBox.childrenVisible(ifrom).nextSibling;
    for(var s="",i=0;t&&i<n-1;i++,t=t.nextSibling)
      if(t.style.display!="none"){
        if(!oBox.isPlus(t))
          s+=t.storeText;
        else
          s+=t.storeText.replace(/\r?$/,this.strSpecial+"\r");
        }
    a[ifrom]=a[ifrom].replace(this.regSpecial,"\r"+s);
    this.value=a.join("");
    }
  oTxt.ondrag=
  oTxt.ondrop=
  oTxt.oncontextmenu=function(){
    return false;
    }
  oTxt.onscroll=function(){
    oBox.scrollTop=this.scrollTop;
    }
  oTxt.onkeydown=function(){
    if(event.keyCode>=33&&event.keyCode<=40)
      return true;
    var r=document.selection.createRange();
    var t=oBox.childrenVisible(this.lineNumber(r));
    if(!r.text){
      if(oBox.isPlus(t))
        return false;
      }
    else{
      var n=Math.floor(r.boundingHeight/this.lineHeight);
      for(var i=0,t1=t.nextSibling;i<n&&t1;i++,t1=t1.nextSibling)
        if(t1.style.display=="none")
          return false;
      }
    this.bFixed=false;
    var k=event.keyCode;
    if(k==9){    //Tab
      var r1=r.duplicate();
      if(r.boundingHeight>this.lineHeight){
        if(!event.shiftKey){
          r.text=r.text.replace(/^(.)/mg,this.strTab+"$1");
          for(var i=0,t1=t;i<n;i++,t1=t1.nextSibling)
            t1.storeText=this.strTab+t1.storeText;
          }
        else{
          var reg=new RegExp("^"+this.strTab,"mg");
          r.text=r.text.replace(reg,"");
          for(var i=0,t1=t;i<n;i++,t1=t1.nextSibling)
            t1.storeText=t1.storeText.replace(reg,"");
          }
        r.setEndPoint("StartToStart",r1)
        r.select();
        this.bFixed=true;
        }
      else
        fix(r,this.strTab);
      return false
      }
    if(k==13){    //Enter
      if(event.ctrlKey)
        build();
      else{
        var r1=r.duplicate();
        var x=this.createTextRange();
        this.scrollLeft=0;
        r1.moveToPoint(x.offsetLeft,r.offsetTop);
        r1.setEndPoint("EndToStart",r);
        fix(r,"\r\n"+r1.text.replace(/\S.*/,""));
        }
      return false;
      }
    if(k==46){    //Del
      if(!r.boundingWidth){
        if(this.rngAtEnd(r)){
          this.bfixed=true;
          return;
          }
        r.moveEnd("character",1);
        }
      fix(r,"");
      return false;
      }
    if(k==8){    //BackSpace
      if(!r.boundingWidth){
        if(this.rngAtHome(r)){
          this.bfixed=true;
          return true;
          }
        r.moveStart("character",-1);
        }
      fix(r,"");
      return false;
      }
    if(k==87){    //ctrl+W
      if(!event.ctrlKey)
        return true;
      try{
        this.win.navigate("about:blank");
        }
      catch(e){
        this.win=window.open("about:blank");
        }
      this.win.document.write(this.trueValue());
      this.win.focus();
      this.win.document.close();
      return false;
      }
    if(k==84){    //Ctrl+T
      if(!event.ctrlKey)
        return true;
      this.value=this.value.replace(/\t/g,this.strTab);
      for(var i=0,c=oBox.children;i<c.length;i++)
        c[i].storeText=c[i].storeText.replace(/\t/g,this.strTab);
      oTxt.bFixed=true;
      return false;
      }
    if(k==86){    //Ctrl+V
      if(!event.ctrlKey)
        return true;
      fix(r,clipboardData.getData("text"));
      return false;
      }
    if(k==88){    //Ctrl+X
      if(!event.ctrlKey||!r.boundingWidth)
        return true;
      var s=r.text;
      if(!s)
        for(var i=0,n=Math.floor(r.boundingHeight/this.lineHeight);i<n;i++)
          s+="\r\n";
      else{
        var r1=r.duplicate();
        r1.moveEnd("character",1);
        if(r.text==r1.text&&r.boundingTop==r1.boundingTop)
          s+="\r\n";
        }
      clipboardData.setData("text",s);
      fix(r,"");
      return false;
      }
    if(k==90){    //Ctrl+Z
      if(!event.ctrlKey)
        return true;
      this.value=this.originalValue;
      build();
      return false;
      }
    return true;
    }
  oTxt.onkeyup=function(){
    if(this.bFixed)
      return;
    var k=event.keyCode;
    if(k==32||k>=48&&k<=111||k>=186&&k<=192||k>=219&&k<=222){
      var n=this.lineNumber(document.selection.createRange());
      oBox.refresh(oBox.childrenVisible(n),this.value.split("\n")[n]);
      }
    }
  function fix(rng,str){
    oTxt.bFixed=true;
    var t0=oTxt.lineNumber(rng);
    var t1=t0+Math.floor(rng.boundingHeight/oTxt.lineHeight);
    rng.text=str;
    rng.select();
    var t2=oTxt.lineNumber(rng)+1;
    var a=oTxt.value.split("\n");
    var o=oBox.childrenVisible(t0);
    if(t1<=t2){
      for(i=t0;i<t1;i++,o=o.nextSibling)
        oBox.refresh(o,a[i]);
      for(i=t2-1;i>=t1;i--)
        oBox.refresh(o=oBox.insertBefore(new Image(),o),a[i]);
      }
    else{
      for(i=t0;i<t2;i++,o=o.nextSibling)
        oBox.refresh(o,a[i]);
      for(;i<t1;i++){
        var next=o.nextSibling;
        oBox.removeChild(o);
        o=next;
        }
      }
    while(oBox.scrollHeight>oTxt.scrollHeight+18){
      var next=o.nextSibling;
      oBox.removeChild(o);
      o=next;
      }
    oBox.scrollTop=oTxt.scrollTop;
    }
  function build(){
    oBox.innerHTML="";
    if(!oTxt.value)
      return;
    var a=oTxt.value.split("\n");
    for(var i=0;i<a.length;i++)
      oBox.refresh(oBox.appendChild(new Image()),a[i]);
    oTxt.bFixed=true;
    }
  build();
  }
</script>
<div id=oBox></div>
<textarea id=oTxt wrap=off><script>
function fix(rng,str){
  oTxt.bFixed=true;
  var t0=oTxt.lineNumber(rng);
  var t1=t0+Math.floor(rng.boundingHeight/oTxt.lineHeight);
  rng.text=str;
  rng.select();
  var t2=oTxt.lineNumber(rng)+1;
  var a=oTxt.value.split("\n");
  var o=oBox.childrenVisible(t0);
  if(t1<=t2){
    for(i=t0;i<t1;i++,o=o.nextSibling)
      oBox.refresh(o,a[i]);
    for(i=t2-1;i>=t1;i--)
      oBox.refresh(o=oBox.insertBefore(new Image(),o),a[i]);
    }
  else{
    for(i=t0;i<t2;i++,o=o.nextSibling)
      oBox.refresh(o,a[i]);
    for(;i<t1;i++){
      var next=o.nextSibling;
      oBox.removeChild(o);
      o=next;
      }
    }
  while(a.length<oBox.children.length){
    var next=o.nextSibling;
    oBox.removeChild(o);
    o=next;
    }
  oBox.scrollTop=oTxt.scrollTop;
  }
function build(){
  oBox.innerHTML="";
  if(!oTxt.value)
    return;
  var a=oTxt.value.split("\n");
  for(var i=0;i<a.length;i++)
    oBox.refresh(oBox.appendChild(new Image()),a[i]);
  oTxt.bFixed=true;
  }
</script>
<center>
  <h1>Hello world</h1>
  <hr id="emptyTag"/>
  <div id="multiLineTag"
    style="text-align:right;font-size:11px;font-family:tahoma">
    by mozart0@2005.12.26<br/>
    qq76239711<br/>
    <a href="mailto:mozart0@etang.com">mozart0@etang.com</a>
  </div>
</center></textarea>

网页设计中的色彩比例

Fri, 10 Feb 2006 13:01:00 GMT

网页设计中的色彩比例

这次我们将深入进去了解一下众多色彩在一起之后所存在的“比例”关系。

我们在使用色彩的时候不可能把所有的色彩都做得一样大小，当然如果你是在排色谱，那是例外。我们在设计网页或是平面作品时我们大多会想好用什么色彩为主色，并找到相关的色彩为辅色。但是往往到实际工作的时候就主辅不分了，也不清楚什么是主什么是辅。结出做出来的东西，色彩杂乱，没有主次！

学习设计的人都想做出好东西，但是往往却事与愿违，从手下出来的作品总是不能达到自己的要求。其中对色彩比例的取舍上总是犹豫不决，结果往往是做出错误的判断。到底我们要怎么做才能做出漂亮的色彩呢。从比例的安排上可以帮助我们得到部分答案！下面看图：以下是一外国网站的截图，这个网站用的色彩不多，白色，黑色，橙红色。不用我说大家都知道什么色彩最多，什么彩色最少！

白色最多，黑色其次，橙红色最少，但是大家有没有发现一个问题，最醒目的不是黑白色，而是橙红色。这至少证明了：色彩多并不一定醒目，色彩少反应容易吸引注意力。

另也是因为黑白色都是无彩色，所以橙红就会显得更加的鲜艳。大家注意到了，这里的比例目测大约是　白70%，黑22%，橙8%

这里我们得到一个结论：越是鲜艳的色彩越是少用，所占的比例一定要少一点！

那什么样的色彩比较要大一点呢？我们可以看一上图与下面的图片，大家一定会有一个比较感性的认识。亚光色、无彩色的比例要战占得多一点。高亮色是不适合大面积出现的而高亮色最好是以很少的比例出现。

一个上海白领女孩和海军军官男友的分手信

Thu, 09 Feb 2006 12:24:00 GMT

浪漫需要物质基础 ... ...

　　(编者按:这是一个真实的事件。主人公是本人的弟弟，目前在某舰队服役。我和弟弟无话不谈，记得那天他休假回来，拿着这封分手信......积压的情感在我这当哥哥的面前全部发泄出来，男儿有泪不轻弹，可是......　

　　我在这并不是为军人叫苦，因为我知道那是没有什么意义的，有些事情大家心里其实都有谱。　

　　在这里我想了很久，今天决定把这封信原文发至精英论坛，心情却是无比的沉重......)

该信在西陆论坛引起了许多人的共鸣，并引起了很多争议，网友们都比较关注，有兴趣的可以去看看，原帖地址：http://bbs14.xilu.com/CGI/viewbbs/emas/145839.html
关键不在帖子本身，而在于回帖部分，呵呵，相信军人朋友肯定会有同感，就算不是军人，你也会被感动的！

　　以下是原信:

　　其实我并不是你所认为的那种很单纯很善良很温柔的女孩子，那只是我给人第一印象的表面。其实骨子里我和你所看不起的那些势力的上海小姑娘没什么两样，跟你接触的多了我就越发觉得我自己罪孽深重。　

　　在周遭人的眼睛里，我从小就认真读书，从来没有在学习以外的地方花过任何心思。从小学到大学都是上的最好的学校，大学四年都心无旁鹭的学习，考t考g，年年都拿一等奖学金，找工作清清松松地就进了顶级外企做trainee，每天出入于恒隆、中信泰富这样的高级办公楼。所以你姑姑就认为把我和你搭在一起是不二选择。　

　　女孩子一般都比同年级的男生成熟，何况我还大你整整一个月呢。部队单纯的环境让你也有着单纯的心思，明朗如阳光般的笑容。你健康漂亮的外形在我第一眼看到你的照片时就一下子征服了我，所以我毫不犹豫就给那个给我介绍你的阿姨留了联系方式，我是个虚荣心很强的人，我想我会爱上那么英俊的你可是事实不如我想的那么简单。　

　　其实我在大学里就有个男朋友了(只是我爸爸妈妈不知道而已)，和所有上海小男生一样，他懂得怎么花钱讨好女孩子，懂得怎么服软哄女孩子开心。(虽然你会觉得这么种人丢了你们男子汉的脸，但是女人就会吃这一套，何况是我这种虚荣心很重的女生呢)。一直以来我也从来没有对感情当过真，觉得自己年级还小，在校里谈恋爱无非是一堂选修课，人家选了，我也不能拉下。他其实什么都很好，家境优越，目前已有了自己名下的房产，有目前最有前途抑或可以说是最有钱途的专业—投资金融学的硕士学位，还没毕业就已拿到了世界著名投资银行的offer。唯一美中不足的就是他的长相实在是普通，往人堆里一扔就找不出来了，而在我从小就认为自己是要有一个象你那样的英俊男孩子，踩着五彩祥云来娶我的。所以认识你之后我就冷落了他。我想我是真的爱上你了。　

　　可是现实生活总是很轻易地就打破了英俊的白马王子的神话。两个人在一起其实不光是生活需要讨论到柴米油盐酱醋茶的。恋爱的浪漫感觉也是需要物质基础的。每次和你出去你带我去一次kfc就觉得是很奢侈的事情，可我以前都一直是在gino和pizzahut里面吃午饭的。今年情人节我是走在大街上唯一一个没有花的女孩子，晚上十一点了，你讨价还价的从摊主那里花了十块钱买了三朵剩下的玫瑰花，那个小贩用一种近乎于可怜我的眼神看着我让我恨不得想找个地缝钻下去。你从来没有在街上问过我渴不渴，有两次我对你说我渴了，一次你带我去了街边一家银行找里面的保安要了一杯纯净水，还有一次你说快到了，忍忍吧。因为我每月的工资是你的五到六倍，所以每次出去吃饭只要去稍贵一点的地方你就心安理得的等我掏钱买单，每次要和我打电话你就冷冰冰的发条消息过来让我打给你。当我带你去看我看中的一个楼盘，你就用一种近乎奇怪的眼光看着我说：”你家那么大的房子为什么我们还要自己买？”我就只能小心翼翼地把让各自父母各出一半首期然后两人一起按揭把它买下来的想法吞回到肚子里。其实偶尔男孩子在付帐的时候主动一点会让女生有一种被呵护被宠爱的感觉。　

　　你经常一月一月的出海巡逻，舰艇一出海就没有任何信号了，想和你说句话发句消息都无法得到任何应答。手机里永远都是那句冷冰冰的：”您所拨的号码暂时无法接通。”偶尔你到了近海，兴冲冲地拨响我的手机，却经常是在我加班加得昏天黑地抑或是进入梦乡的时候。常常通话就在这种不默契中不欢而散。渐渐地我发现，其实爱情并不是简单的郎才女貌，不是此情若是长久时又岂在朝朝暮暮间。部队清贫的生活让你变的小气与不体贴，无法随时随地的交流让两人的感情出现了太多的猜疑和裂痕。张爱玲曾说：”一个女人莫大的悲哀莫过于墙上的钉子都是自己钉上去的。”但我觉得如果以后我嫁给你，还要自己拿出钱来自己上街去买钉子再自己把它钉到墙上不是比悲哀还悲哀吗。　

　　我一直很佩服那些军嫂也很曾经想过成为她们中的一员，为共和国最可爱的人做自己的一点贡献。但我是学财务的，不管是什么都习惯于收支平衡，我设想了如果我们两继续发展下去后的生活，觉得这是一张完全入不敷出的资产负债表，一个企业按照此发展是难以实现持续经营的。可能这样说真的太市侩了，而且这样的生活也不是你造成的，只是国家要求你们奉献得太多,而给予你们的太少，请允许我说这样的话，虽然我知道你是很不爱听到我说任何对party对国家不忠的话。　

　　但我想我也支持理解万岁这句话的，我也能理解你。可是日后当我碰到困难的时候又有谁来理解我来支持我呢？我不想加速度的把自己推向一个为生活而奔忙操劳的黄脸婆境地，而以你微薄的收入我们两以后只能过一种捉襟见肘的生活。请你原谅我一直跟你在信里提这个钱字，太俗吧，其实我真的就是个很俗气的小市民女子，也只想有一份平庸的舒适的小市民生活。对不起不过看到版里仍然有那么多愿意奉献，无私爱你们的jjmm，我又有些放心了，我想我们俩可能只修得了这同船渡的缘分，而那个与你共枕眠的女子仍在河的彼岸翘首等待。　

　　现在你还在海上吧，我们有多久没见了呢？差不多有两个月了吧，我也有近两个多星期没收到你的短信了，不知道你在海上是否好，有没有记得每天吃金施尔康，海上新鲜蔬菜少要多记得补充营养和维生素，今天领导出差了，我得以抽空写信给你。　　　珍重再见。

√心没了的BLOG

Flash8 字体特效

个性化网站收藏小图标的做法

Danger Video Player 1.0 发布

职场：成功人士的五点共性

FLASH与后台数据交换方法整理

FLASH + XML 求职简历 制作教程(一)

FLASH + XML 求职简历 制作教程(一)

作者：eidoit 类型:转载 来源:愚人呓语

伤感!~虫哥要离开厦门了.

[设计公司]是什么让你失去客户？

MC HotDog_熱狗的VLOG

日本AV女优的BLOG

好可爱的女生.看看她的VLOG吧.

具有亲和力的表格

仿dw8代码折叠功能的HTML编辑器

网页设计中的色彩比例

一个上海白领女孩和海军军官男友的分手信

FLASH + XML 求职简历制作教程(一)

FLASH + XML 求职简历制作教程(一)

作者：eidoit 类型:转载来源:愚人呓语