 |
热门文章 |
|
|
|
|
| 带缓冲的展开、收缩效果 |
| 来源：蓝色理想 更新时间：2010/9/10 12:03:25 阅读次数： 我要投稿 |
|
<!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>
<title>带缓冲的展开、收缩效果</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta name="author" content="盛飞(SenFe), www.senfe.com, SenFe@126.com" />
<style type="text/css">
<!--
.main {
float: left;
width: 500px;
margin: 4px;
padding: 4px;
line-height: 150%;
border:1px solid #09c;
}
.content {
width: 100%;
height: 170px;
overflow: hidden;
}
.c1 {height: 170px;}
.c2 {height: 408px;}
.main span.button {
float: right;
height: 20px;
border: #09c 1px solid;
margin-left: 20px;
padding: 2px 4px;
background-color: #f3f8f7;
font-size: 12px;
cursor: pointer;
}
-->
</style>
<script type="text/javascript">
//<![data[
function senfe(e) {
var s = 1.2;
var s2 = 8;
var obj = e.parentNode;
var oh = parseInt(obj.offsetHeight);
var h = parseInt(obj.scrollHeight);
var nh = oh;
if(obj.getAttribute("oldHeight") == null){
obj.setAttribute("oldHeight", oh);
}else{
var oldh = Math.ceil(obj.getAttribute("oldHeight"));
}
var reSet = function(){
if (oh<h) {
e.innerHTML = "关 闭";
if(nh < h){
nh = Math.ceil(h-(h-nh)/s);
obj.style.height = nh+"px";
}else{
window.clearInterval(IntervalId);
}
} else {
e.innerHTML = "展 开";
if(nh > oldh){
nhh = Math.ceil((nh-oldh)/s2);
nh = nh-nhh;
obj.style.height = nh+"px";
}else{
window.clearInterval(IntervalId);
}
}
}
var IntervalId = window.setInterval(reSet,10);
}
//]]-->
</script>
</head>
<body>
<div id="body">
<div class="main"><div class="content"><span class="button" onclick="senfe(this);">展 开</span>
《落 花》<br />
人在中途，或是，人在途中。生命的动感，行进感，流逝感，均在其中隐含。起点何在？无从回眸，终点何在，渺不可见。<br />
人在途中，永远地漂泊。<br />
如果总是从容不迫地走，并不追赶什么，心安理得，自然是幸福的。<br />
幸福来自安闲。<br />
但这样的心态一生中难有几回，总在赶路，总在追索，总是害怕失掉什么，却总在失去。于是人们说：活得好累。<br />
更难堪是迟到的时候。<br />
“落花点点总是春，一树残枝怎忍折？”<br />
这是一种情怀，赶到的时候春已归去。望着满园落花，和落尽了花瓣的枝条，这时候，衰落感和死亡便在那根残枝上向我显示一种隐喻。她是曾经拥有而又失落了，我呢，是想要取得却已难能。<br />
同样的尴尬充满于人生的旅途。<br />
“水上落花漂难留，因风拾得三两枝。”<br />
这又是一种情怀，或许聊胜于前吧。虽然已迟到了，毕竟赶了个“晚集”。那点点落花已被无情之水漂远，时间的规律，生命的规律原本如斯，幸好还有好心的风吹到水边来的三朵两朵，我终因这残花的拾得有了青春的补偿。<br />
但生命的消失毕竟难留。于是我悄然悟出造字的智慧：那“逝”字，莫非是因花的“折走”而得？拆走便是“逝”，生命的流失……
</div></div>
<div class="main"><div class="content"><span class="button" onclick="senfe(this);">展 开</span>
《爱情随想》<br />
当你自作多情爱上别人而别人丝毫不爱你时；当你将别人不需要的感情强加于人，给予人压抑，给人重负甚至给人痛苦，给人折磨时，爱就是一种伤害。当你成为不速之客涉入别人的领地时，当你久久占据别人心理空间，阻碍别人自由出入时，爱又成为一种侵犯。造成伤害和侵犯的感情，不仅变形，而且变质，且已经不再是爱。<br />
爱是一种感情，值得怀疑的是它的浓度，产生错误的是它的方式。<br />
爱源于需要。当人需要目光的柔和而你投射阳光的炽烈时，当你需要春天的温暖而你注入夏季的炎热时，你的爱，投入不多，但已过剩，别人不接受时，往往因为无法承受。<br />
不要以为人人都需要热切的激情。一朵雪花，常常只在热情的掌中融化。<br />
春追求冬，难以逾越夏的距离，太阳和月亮，无法相守只短暂相会。<br />
<span style="color:#09c;">你最好认为有缘的人未必有情，或有情的人未必有缘，你最好认为相识是一种风景，彼此相遇已经是生命旅程中的一级幸运，请不要苛求什么。当你走进风景深处，你看到的未必再是新奇与美丽。</span><br />
若别人心是空间中没有你的位置，请不要冒失地从一个角落闯入，若别人施舍你一些流沙地时，你营建的只能是空中楼阁。<br />
有时，一生的错过，竟然缘于一时的过错。<br />
无力面对自己，便无力面对一切。<br />
不相信世界上有爱的人，一定从未被人或真正爱过人。<br />
一些人，不愿去爱和不愿接受有爱，或因无爱，或因害怕受到爱的伤害。<br />
伤害确实是一种爱，是一种极致的情感超越。由爱产生时，最深刻，最真挚，最强烈，也是最专一。<br />
真正的爱人者，其全部的爱给了别人，留给自己的，惟有伤害。<br />
爱情，生长于尘世，又超然尘世，汹涌夺目，熠熠生辉。若蒙上世俗的污垢，则黯然失色，黯淡无光，其所有的价值，只能用世俗的一切衡量。<br />
一些爱情，因被世俗同化，成为世俗，一世世俗。因披上爱的外衣，仿佛爱情，一些人被世俗欺骗，受到伤害时，却无端怀疑爱情。<br />
因此，一些人因错觉，产生错误，因错误，又产生错过，一生追求爱情，却始终与爱情失之交臂。
</div></div>
</div>
</body>
</html> |
|
| 上一篇文章： JavaScript使浏览器窗口疯狂振动下一篇文章： Js智能判断浏览器是关闭还是刷新 |
|
|
|
注册 登录
