水、设计、生活
本文转贴来自：中国青年报 董月玲 张开平
出人意料，去年哈佛最受欢迎的选修课是“幸福课”，听课人数超过了王牌课《经济学导论》。教这门课的是一位名不见经传的年轻讲师，名叫泰勒·本－沙哈尔。
在一周两次的“幸福课”上，本－沙哈尔没有大讲特讲怎么成功，而是深入浅出地教他的学生，如何更快乐、更充实、更幸福。
本－沙哈尔自称是一个害羞、内向的人。“在哈佛，我第一次教授积极心理学课时，只有8个学生报名，其中，还有2人中途退课。第二次，我有近400名学生。到了第三次，当学生数目达到850人时，上课更多的是让我感到紧张和不安。特别是当学生的家长、爷爷奶奶和那些媒体的朋友们，开始出现在我课堂上的时侯。”
本－沙哈尔成了“哈佛红人”。校刊和《波士顿环球报》等多家媒体，报道了积极心理学课在哈佛火爆的情景。
我们越来越富有，可为什么还是不开心呢？
[……]
有时候，你会忙的焦头烂额，在深夜里无法入睡，想着是不是把所有的事情做完了，把明天的事情安排好了。有时候，你会变得焦虑，发现脑海中有太多的事情塞满，不知从何事开始。
如果你的事业，学习或生活缺乏管理，缺少成功，主要是两个原因，一是你不懂得管理任务和安排时间的方法，二是你不懂得自律，不能在规定的时间去干自己规定的事情。这两个，在褪墨上讨论的有很多，你可以翻翻《GTD系列》，《ZTD系列》，《自律系列》和《激励系列》等。至于前者，你还可以在网上，书店找到更多的资料，而后者，其实没什么方法，只有自己去克服。
你应该已意识到，自己感到焦虑，忍受压力和错失项目的原因在于，没有把握好什么是该做的。
[……]
效果自己测试了。
<html>
<head>
<title>网页特效-表单特效-限制文本框输入字数</title>
<meta http-equiv="content-Type" content="[……]
滚动字代码
1.建立第一个滚动字幕。代码：
<marquee width="200" height="100" direction="right" behavior="alternate" scrollamount="6" scrolldelay="88">你要设置的文字</marquee>
2.各参数详解：
a)scrollAmount。它表示速度，值越大速度越快。如果没有它，默认为6，建议设为1～3比较好。
b)width和height，表示滚动区域的大小，width是宽度，height是高度。特别是在做垂直滚动的时候，一定要设height的值。
c)direction。表示滚动的方向，默认为从右向左：←←←。可选的值有right、down、up。滚动方向分别为：right表示→→→，up表示↑，down表示↓。
d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。通常scrollDelay是不需要设置的。
e)behavior。用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)
3.实例：
a)如何给滚动字幕加超链接？这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。代码是：
<marquee scrollAmount=2 width=300><a href=http://qqjia.com>你要设置的文字</a></marquee>
b)当鼠标停留在文字上，文字停止滚动代码：
<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>碧云轩-QQ家园</marquee>
c)交替效果。代码如：
<marquee scrollAmount=2 width=150 behavior=alternate>你要设置的文字</marquee>
[……]
有些人一直没机会见，等有机会见了，却又犹豫了，相见不如不见。
有些事一直没机会做，等有机会了，却不想再做了。
有些话埋藏在心中好久，没机会说，等有机会说的时候，却说不出口了。
有些爱一直没机会爱，等有机会了，已经不爱了。
有些人有很多机会相见的，却总找借口推托，相见的时候已经没[……]
美美的睡了个好觉，起床来懒懒的不想动，舒展一会，感觉不像是清晨起床，忽然间想打开窗户，打开窗户来，清晨那美好的气息随着舒服的朝气吹进来，感觉无比的舒服，久违了的一种感觉。伏在窗台向下望，楼下老师的父母在楼后的自垦地里把玩着自己种的菜。虽然楼下关于禁止在空地种植农作物的通知贴了无数次，也同样妨碍不到他[……]
一个项目中要有这么一个效果:列表默认有一个高度,当超出高度时就出现滚动条.这很简单只需要:给容器的div定义一个高度,然后overflow: auto;
但是这并不是他想要的,还有另外的要求:当列表中的内容没有超出这个高度的时候,它只占有它自身的高度,举个例子:整个列表的最大高度是二行,当内容只有一行时它只显示一行的高度,二行的时候显示两行,当超过二行时就出现滚动条了.
[……]
今日理发的时候，突然感觉自己很想跟人分享一下自己又理发了.
突然发现这些年来，我这个自我封闭惯了的人，唯有理发这件事是我很愿意对别人分享的自己的变化。
理发中无聊，就在想，原因，想的出，我是一个不是经常理发的人，每次理发理发师都会问我多长时间没理发了. 其实是我头发长的快了，不就是40天没理发吗？
原来每次理发都是我唯一发现自己又长大了一点，我的过去时又增加了N天，时间又在不知不觉中过了一段，在无谓的憧憬未来中，来到了那个曾经憧憬的未来时。
[……]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>DOM_text01</title>
<style type="text/css">
body,span,div,td{font-size:12px;line-height:1.5em;color:#849BCA;}
#bodyL{
float:left;
width:84px;
margin-right:2px;
}
a.od{
width:80px;
height:25px;
line-height:25px;
text-align:center;
font-weight:bold;
border: 2px solid #849BCA;
display:block;
color:#547BC9;
float:left;
text-decoration:none;
margin-top:2px;
}
a.od:link{
background:#EEF1F8;
}
a.od:visited{
background:#EEF1F8;
}
a.od:hover{
background:#EEE;
}
a.od:active{
background:#EEE;
}
#fd{
width:500px;
height:200px;
background:#EDF1F8;
border: 2px solid #849BCA;
margin-top:2px;
margin-left:2px;
float:left;
overflow:hidden;
position:absolute;
left:0px;
top:0px;
cursor:move;
float:left;
/*filter:alpha(opacity=50);*/
}
.content{
padding:10px;
}
</style>
</head>
<body>
<div id="bodyL">
<a href="#" class="od" onclick = "show(‘fd’);return false;">
[打开层]
</a>
<a href="#" class="od" onclick = "closeed(‘fd’);return false;">
[关闭层]
</a>
</div>
<div id="fd" style="display:none;filter:alpha(opacity=100);opacity:1;">
<div class="content">移动层</div>
</div>
[……]