下订单刚过了两天，就从69元涨到了72元。一年前的时候可要卖129呢。这一年内存的价格是大幅降下来了，硬盘的价格是翻着番涨上去了……

往上装的时候发现旧的内存条上面贴的标签印的型号与新的这根是相同的。只不过原先的那根是双面颗粒的而这根新的是单面颗粒的，还怕组不成双通道，还好一下子就点亮了，BIOS显示内存已经为Dual-Channel Mode。

虽然只能识别3.25G，但32位Win7的评分中，内存分数还是从原本的5.2分升到了7.1分。

用过之后才亲身体会到：网上的说法是真的，2G升4G真的是用不出来有什么性能上的提升，双通道也没有任何直观的提速体验。唯一能让人感觉到不同的地方就是开上四个浏览器、几十个网页之后仍然不卡，以前在这种时候就会内存占满而变得卡了。

HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离之完全详解

scrollHeight: 获取对象的滚动高度。

scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离

scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离

scrollWidth:获取对象的滚动宽度

offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度

offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置

offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置

event.clientX 相对文档的水平座标

event.clientY 相对文档的垂直座标

event.offsetX 相对容器的水平坐标

event.offsetY 相对容器的垂直坐标

document.documentElement.scrollTop 垂直方向滚动的值

event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量

以上主要指IE之中，FireFox差异如下：

IE6.0、FF1.06+：

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = height + padding + border

IE5.0/5.5：

clientWidth = width – border

clientHeight = height – border

offsetWidth = width

offsetHeight = height

(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

onMouseover当鼠标经过的时候，触发 = 后面的脚本函数
onMouseout 当鼠标离开 。。
onMouseUP 当鼠标 按下又抬起。。。
onmousemove 当鼠标移动。。
onmousedown 当鼠标按下时。。

假设 obj 为某个 HTML 控件。

obj.offsetTop 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算上侧位置，整型，单位像素。

obj.offsetLeft 指 obj 相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置，整型，单位像素。

obj.offsetWidth 指 obj 控件自身的绝对宽度，不包括因 overflow 而未显示的部分，也就是其实际占据的宽度，整型，单位像素。

obj.offsetHeight 指 obj 控件自身的绝对高度，不包括因 overflow 而未显示的部分，也就是其实际占据的高度，整型，单位像素。

我们对前面提到的 offsetParent 作个说明。

offsetParent 获取定义对象 offsetTop 和 offsetLeft 属性的容器对象的引用。offsetTop 与 offsetParent 很复杂，不同浏览器有不同解释，浮动一下解释又不同了，所以我们一般只要理解通过二者可以获得控件在浏览器中的绝对位置即可。

以上属性在 FireFox 中也有效。

另外：我们这里所说的是指 HTML 控件的属性值，并不是 document.body，document.body 的值在不同浏览器中有不同解释（实际上大多数环境是由于对 document.body 解释不同造成的，并不是由于对 offset 解释不同造成的）

我们知道 offsetTop 可以获得 HTML 元素距离上方或外层元素的位置，style.top 也是可以的，二者的区别是：

一、offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。

二、offsetTop 只读，而 style.top 可读写。

三、如果没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。

offsetLeft 与 style.left、offsetWidth 与 style.width、offsetHeight 与 style.height 也是同样道理。

clientHeight
大家对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，一般是最后一个工具条以下到状态栏以上的这个区域，与页面内容无关。

offsetHeight
IE、Opera 认为 offsetHeight = clientHeight + 滚动条 + 边框。
NS、FF 认为 offsetHeight 是网页内容实际高度，可以小于 clientHeight。

scrollHeight
IE、Opera 认为 scrollHeight 是网页内容实际高度，可以小于 clientHeight。
NS、FF 认为 scrollHeight 是网页内容高度，不过最小值是 clientHeight。

简单地说
clientHeight 就是透过浏览器看内容的这个区域高度。
NS、FF 认为 offsetHeight 和 scrollHeight 都是网页内容高度，只不过当网页内容高度小于等于 clientHeight 时，scrollHeight 的值是 clientHeight，而 offsetHeight 可以小于 clientHeight。
IE、Opera 认为 offsetHeight 是可视区域 clientHeight 滚动条加边框。scrollHeight 则是网页内容实际高度。

同理
clientWidth、offsetWidth 和 scrollWidth 的解释与上面相同，只是把高度换成宽度即可。

说明
以上基于 DTD HTML 4.01 Transitional，如果是 DTD XHTML 1.0 Transitional 则意义又会不同，在 XHTML 中这三个值都是同一个值，都表示内容的实际高度。新版本的浏览器大多支持根据页面指定的 DOCTYPE 来启用不同的解释器

scrollTop 是“卷”起来的高度值，示例：

由于为外层元素 p 设置了 scrollTop，所以内层元素会向上卷，这卷起来的部分就是 scrollTop。

scrollLeft 也是类似道理。

我们已经知道 offsetHeight 是自身元素的宽度，而 scrollHeight 是内部元素的绝对宽度，包含内部元素的隐藏的部分。上述中 p 的 scrollHeight 为 300，而 p 的 offsetHeight 为 100。

scrollWidth 也是类似道理。

IE 和 FireFox 全面支持，而 Netscape 8 和 Opera 7.6 不支持 scrollTop、scrollLeft（document.body.scrollTop、document.body.scrollLeft 除外）。

1.clientHeight, clientWidth:
这两个属性大体上显示了元素内容的象素高度和宽度.理论上说这些测量不考虑任何通过样式表加入
元素中的页边距,边框等.

2.clientLeft,clientTop:
这两个返回的是元素周围边框的厚度,如果不指定一个边框或者不定位改元素,他的值就是0.

3.scrollLeft,scrollTop:
如果元素是可以滚动的,可以通过这俩个属性得到元素在水平和垂直方向上滚动了多远,单位是象素.
对于不可以滚动的元素,这些值总是0.

4.scrollHeight,scrollWidth:
不管有多少对象在页面上可见,他们得到的是整体.

5.style.left:
定位元素与包含它的矩形左边界的偏移量

6.style.pixelLeft:
返回定位元素左边界偏移量的整数像素值.因为属性的非像素值返回的是包含单位的字符串,例如,30px. 利用这个属性可以单独处理以像素为单位的数值.

7.style:posLetf:
返回定位元素左边界偏移量的数量值,不管相应的样式表元素指定什么单位.因为属性的非位置值返回的是包含单位的字符串,例如,1.2em

top,pixelTop,posTOp这几个类比就行了.
LEFT:   为从左向右移的位置,即挂件距离屏幕左边缘的距离;
clientLeft   返回对象的offsetLeft属性值和到当前窗口左边的真实值之间的距离
offsetLeft   返回对象相对于父级对象的布局或坐标的left值，就是以父级对象左上角为坐标原点，向右和向下为X、Y轴正方向的x坐标
pixelLeft   设置或返回对象相对于窗口左边的位置
scrollWidth 是对象的实际内容的宽，不包边线宽度，会随对象中内容的多少改变（内容多了可能会改变对象的实际宽度）。
clientWidth 是对象可见的宽度，不包滚动条等边线，会随窗口的显示大小改变。
offsetWidth 是对象的可见宽度，包滚动条等边线，会随窗口的显示大小改变。
IE6.0、FF1.06+：
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border
IE5.0/5.5：
clientWidth = width – border
clientHeight = height – border
offsetWidth = width
offsetHeight = height
(需要提一下：CSS中的margin属性，与clientWidth、offsetWidth、clientHeight、offsetHeight均无关)

offsetwidth:是元素相对父元素的偏移宽度。等于border+padding+width
clientwidth：是元素的可见宽度。等于padding+width
scrollwidth:是元素的宽度且包括滚动部分。
offsetLeft:Html元素相对于自己的offsetParent元素的位置
scrollLeft:返回和设置当前横向滚动务的坐标值

<input type=”button” value=”点一下” onclick=”move()”>
<div id=”d” style=”background-color:#ff9966; position:absolute; left:170px; top:100px;width:300;height:300;overflow:scroll”
onclick=”alert(‘offsetLeft:’+this.offsetLeft)”>
<div style=”height:600;width:600″ onclick=”alert(‘offsetLeft:’+this.offsetLeft)”></div>
</div>
<script language=”javascript”>
function move()
{
var d=document.getElementById(“d”)
a=eval(20)
d.scrollLeft+=a
}
</script>

保存为网页，运行一下，点按钮，滚动条移动
点击div，先弹出b相对于a的位置，再弹出a相对于窗口的位置

教程链接如上，使用的免费字体叫Nevis。下面是我做的效果图。

简单翻译一下教程吧。

新建文档后，用#0F1C25到黑色的径向渐变从中心拉到边缘。

用Nevis字体写点什么，字体颜色白色。粗体会比较好。

进入文字图层的混合选项，设置以下四项：

投影

外发光 颜色：#AFD3E2

内发光 颜色：#93C1D4

渐变叠加 颜色：#AFD3E2-白色

点击图片查看教程，下面是我照着教程做的。

身体为烟雾的男人

I walk the maze of moments,
But everywhere I turn to,
Begins a new beginning,
But never finds a finish.
I walk to the horizon,
And there I find another,
It all seems so surprising,
And then I find that I know.
You go there you’re gone forever.
I go there I’ll lose my way.
If we stay here we’re not together.
Anywhere is.

The moon upon the ocean
is swept around in motion.
But without ever knowing
the reason for its flowing.
In motion on the ocean,
the moon still keeps on moving.
The waves still keep on waving.
And I still keep on going.
I wonder if the stars sign,
the life that is to be mine.
And would they let their light shine
Enough for me to follow.
I look up to the heavens,
But night has clouded over.
No spark of constellation,
No Vela no Orion.
The shells upon the warm sands
Have taken from their own lands.
The echo of their story,
But all I hear are low sounds,
As pillow words are weaving.
And willow waves are leaving,
But should I be believing
That I am only dreaming.
To leave the thread of all time,
And let it make a dark line
In hopes that I can still find
The way back to the moment.
I took the turn and turned to
Begin a new beginning,
Still looking for the answer,
I cannot find the finish.
It’s either this or that way,
It’s one way or the other.
It should be one direction,
It could be on reflection.
The turn I have just taken,
The turn that I was making.
I might be just beginning,
I might be near the end.

第一批的两本是从孔夫子旧书网买的两本旧书——一本《大道PHP》，我之前用的那本明日科技的讲得实在是不怎么全，编码也不甚规范，所以这次决定买本内容比较全的，同时也是想看看不同的编码风格。一本《程序员修炼之道：从小工到专家》，这本书很出名，早看早受益。

第二批的三本是从亚马逊买的，满100减20——一本讲Photoshop网页设计的，一本Photoshop实例合集的，因为我实际上根本没有看过一本Photoshop的书，对这个软件一直是一知半解，感觉自己有必要系统学习一下；另外一本是钱能的《C++程序设计教程》（第二版），我在很久以前只是大略的学过一点儿C++，手里倒是有一本英文的《C++ Primer》第四版，那书可谓巨细无遗，不过英文的东西我看上不超过十页脑袋就大了，前边看的也忘掉了，以我的水平看教程还是得看中文的才行啊。原本程序设计类书籍我是只迷信外国人写的，但是突然觉得偶尔买本中国人写的也不错。钱能的这本在网上评价还算不错，页数也很厚道，看目录内容似乎也比较全，而且价格比老外写的书要便宜很多，所以就选了这本。

SMTP -> FROM SERVER:220 163.com Anti-spam GT for Coremail System (163com[20111010])
SMTP -> FROM SERVER: 250-mail 250-PIPELINING 250-AUTH LOGIN PLAIN 250-AUTH=LOGIN PLAIN 250-coremail 1Uxr2xKj7kG0xkI17xGrU7I0s8FY2U3Uj8Cz28x1UUUUU7Ic2I0Y2UrPJJBlUCa0xDrUUUUj 250-STARTTLS 250 8BITMIME
SMTP -> FROM SERVER:250 Mail OK
SMTP -> FROM SERVER:250 Mail OK
SMTP -> FROM SERVER:354 End data with .
SMTP -> FROM SERVER:250 Mail OK queued as smtp4,DtGowEC5L3mrs4pPlp5uHg–.1154S2 1334490030

使用phpmailer发邮件时邮件发送页总会输出这些信息，后来才发现是因为代码中打开了debug，把PHPMailer对象的SMTPDebug属性设为false就好了。