让我们每天拥有好心情

最近有朋友问我,你最在乎的是什么?当时因为我心情不好,便顺口答道:最在乎的是有一个好心情。事后一想,这也是不无道理的。 ­

­

我们试想,生你养你的父母陪伴你的前半生,再孝顺的子女也有离巢之时。且不说现代婚姻有多么的易变和脆弱,即使是恩爱夫妻又有多少能“不求同年同月生,但求同年同月死”呢?只有人的心情,犹如呼吸一样,伴随着我们人的一生! ­

­

[……]

阅读更多

flash盖住div的解决办法-flash wmode参数详解

在做web开发中可能会遇到flash遮挡页面中元素的情况,无论怎么设置flash容器和层的深度(z-index)也无济于事,现有的解决方案是在插入flash的embed或object标签中加入”wmode”属性并设置为wmode=“transparent”或”opaque”,但wmode属性到底是什么意义,为什么可以解决这个问题呢?

我在做康盛discuzx1.0 开发时首页用了个优酷视频,结果挡住了弹出的登录窗口;

window mode(wmode)

wmode即窗口模式总共有三种,看看当年Macromedia官方的说法:

[……]

阅读更多

我们究竟为什么不开心?(下)

在课堂上,本-沙哈尔不断地向听讲者发问:

我们可以不停地追问“为什么”,来反思自己所追求的东西:可以是大房子、升职或任何其他的目标。看看要问多少个“为什么”,才能落到“幸福”的追求上?问问自己,我做的事情,对我有意义吗?它们给我带来了乐趣吗?我的内心,是否鼓励我去做不同的尝试?是不是在提醒我,需要彻底改变目前的生活?

本-沙哈尔的哲学老师在他毕业时,给了他一点忠告:“生命很短暂,在选择道路前,先确定自己能做的事。其中,做那些你想做的。然后再细化,找出你真正想做的。最后,对于那些真正、真正想做的事,付诸行动。

本-沙哈尔也这样教他的学生,如何寻找能发挥自己优势和热情的工作。

[……]

阅读更多

我们究竟为什么不开心?(上)

本文转贴来自:中国青年报 董月玲 张开平

出人意料,去年哈佛最受欢迎的选修课是“幸福课”,听课人数超过了王牌课《经济学导论》。教这门课的是一位名不见经传的年轻讲师,名叫泰勒·本-沙哈尔。

在一周两次的“幸福课”上,本-沙哈尔没有大讲特讲怎么成功,而是深入浅出地教他的学生,如何更快乐、更充实、更幸福。

本-沙哈尔自称是一个害羞、内向的人。“在哈佛,我第一次教授积极心理学课时,只有8个学生报名,其中,还有2人中途退课。第二次,我有近400名学生。到了第三次,当学生数目达到850人时,上课更多的是让我感到紧张和不安。特别是当学生的家长、爷爷奶奶和那些媒体的朋友们,开始出现在我课堂上的时侯。”

本-沙哈尔成了“哈佛红人”。校刊和《波士顿环球报》等多家媒体,报道了积极心理学课在哈佛火爆的情景。

  • “幸福课”为何会在哈佛大受欢迎?

我们越来越富有,可为什么还是不开心呢?

[……]

阅读更多

为自己准备一份任务清单

有时候,你会忙的焦头烂额,在深夜里无法入睡,想着是不是把所有的事情做完了,把明天的事情安排好了。有时候,你会变得焦虑,发现脑海中有太多的事情塞满,不知从何事开始。

如果你的事业,学习或生活缺乏管理,缺少成功,主要是两个原因,一是你不懂得管理任务和安排时间的方法二是你不懂得自律,不能在规定的时间去干自己规定的事情。这两个,在褪墨上讨论的有很多,你可以翻翻《GTD系列》,《ZTD系列》,《自律系列》和《激励系列》等。至于前者,你还可以在网上,书店找到更多的资料,而后者,其实没什么方法,只有自己去克服。

你应该已意识到,自己感到焦虑,忍受压力和错失项目的原因在于,没有把握好什么是该做的

[……]

阅读更多

滚动文字等有用代码(放在自定列表中实现)

滚动字代码
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>

[……]

阅读更多

有些人我们一直在错过

有些人一直没机会见,等有机会见了,却又犹豫了,相见不如不见。
有些事一直没机会做,等有机会了,却不想再做了。
有些话埋藏在心中好久,没机会说,等有机会说的时候,却说不出口了。
有些爱一直没机会爱,等有机会了,已经不爱了。
有些人有很多机会相见的,却总找借口推托,相见的时候已经没[……]

阅读更多

最大高度max-height最小高度min-height兼容各浏览器

一个项目中要有这么一个效果:列表默认有一个高度,当超出高度时就出现滚动条.这很简单只需要:给容器的div定义一个高度,然后overflow: auto;
但是这并不是他想要的,还有另外的要求:当列表中的内容没有超出这个高度的时候,它只占有它自身的高度,举个例子:整个列表的最大高度是二行,当内容只有一行时它只显示一行的高度,二行的时候显示两行,当超过二行时就出现滚动条了.

点击查看demo演示

[……]

阅读更多

js动态打开层及关闭层超酷特效

<!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>

[……]

阅读更多