- 昵称：biyuan
- 来自：湖北武汉
- QQ：6010707
- 邮箱：netscript#163.com
用户信息作者近照
日志分类
日志存档日志搜索最新评论友情来往
[原创]模拟实现纵向滚动条 (2009-10-16 14:53:57)以下为程序代码：
<!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>模拟滚动条</title>
<style type="text/css">
#demo1 {
width:400px;
height:200px;
border:1px solid #818181;
overflow:hidden;
position:relative;
font-size:12px;
padding:5px;
}
#demo2 {
width:500px;
height:100px;
border:1px solid #818181;
overflow:hidden;
position:relative;
font-size:12px;
padding:5px;
}
#demo3 {
width:150px;
height:200px;
overflow:hidden;
position:relative;
font-size:12px;
padding:5px;
}
.SCL {
position:absolute;
width:16px;
background:#ffffff;
border:1px solid #818181;
padding:1px;
overflow:hidden;
font-size:0;
}
</style>
</head>
<body>
<div id="demo1">
曾经有各种各样的生物生活在这块大陆。在这片土地上生存了几千年的居民的力量在其中最为弱小。面对凶猛的野兽和那些有着超自然能力怪物，他们被迫建立了各种宗派，以便去抵抗，去抗争那些把自己当做食物的野兽和怪兽。
在不停的抗争中，居民把所有战斗经验汇编成册，武学由此诞生。并且把拥有武学的人尊称为武者，最终依靠武者们的齐心合力，凶猛的野兽被消灭，超自然能力的怪物也被赶出了大陆，给大陆带来了几千年的和平，武者成为这个大陆最为尊贵的称号。
在那以后，成为武者就成了这块大陆居民追求的目标。习武之人一生奉献全给武学 ，为了自创新的武功，达到一流高手的境界，耗损人生年华。但是对于武者来说，没有什么比"天下第一"这个称号更值得追求的了。试想天下武者提起你来，莫不肃然起敬，唯你是尊，是何等惬意！武学修炼之路须持之以恒的修炼和无数次的实战，才能成为高手，武学所追求的最终境界欲进一步犹如登天。
当世五大绝世高手为了证明自己是“天下第一”，不惜反目成仇，在洪山之颠斗了七天七夜，在这场惨烈的大战之后，受到重创的五大高手痛定思痛，一直认为所有祸根都源于武学典籍；自己的所作所为已经偏出了武道的本义，武学一道存在本义“止戈”，但现在却成了争斗名利的工具。
要知道，“正邪本同源，善恶一念间”，曾经的他们都是并肩作战的好伙伴，使人不得不感叹“剑有双刃，其利有弊”！他们支撑着残喘之躯，封藏了各自手上的武学秘籍，不再外传。想从根源上避免后人重蹈覆辙。
但是江湖永远都不是一个可以平静的地方，以江湖为名，可能也正是印证了武林与江河湖海一样奔流间变化，绝不停顿。
故事就从这里开始。
一页失落的武学无意中被人发现。这传说中存在的武功精要再一次的引起了武林人士的垂涎。因为在后来的传言中，只要观其一页就根据自身武功而自创新的武功而开宗立派，名震江湖。绝世高手如能阅读其书，可以突破自身瓶径，以一已破万敌，最终白日飞升。江湖中人居然为其得到残页，得到“天下第一”，处心积虑，寝食难安，疯狂者六亲不认，众叛亲离，妄送性命。江湖曾经的宗派因此凋零而消亡，失去宗派的江湖开始失去了秩序。
某天，一个个村庄里，都响起了钟声，钟声在宁静的村庄里显的格外刺耳。千年未响的钟声响起了，这是镇魔钟发出的声音，预示着消失千年的食人怪物又回来了，这是又将面临战斗的号声。
“血剑横空染凡尘，玄天魔血洒穹州!”
妖魔将现，天下庶民即将陷入战斗的旋涡，血光将再次笼罩于天下……
危急！危急！没有宗派存在的江湖，已汇集不出力量去抗衡重新回来的怪物。“如何才是天下第一？”， “生存还是毁灭”，很多人都在思考。
天未亮，面临战斗的号声，村庄里的很多年轻人，踏着坚定的脚步，纷纷告别了自己成长的村庄。离开时皆立下誓言，愿以自己的满腔热血把怪物赶出大陆。
面对黑夜，他们即将开始自身漫长艰苦的修炼，追寻武学的本义，组织自己的宗派，如前人般再次为“武者”这个称呼，重新证明，将怪物赶出大陆，重新给大陆带来和平。
一道道流星划开那黑色夜幕，黎明的到来还远吗......
</div>
<div id="demo2">
曾经有各种各样的生物生活在这块大陆。在这片土地上生存了几千年的居民的力量在其中最为弱小。面对凶猛的野兽和那些有着超自然能力怪物，他们被迫建立了各种宗派，以便去抵抗，去抗争那些把自己当做食物的野兽和怪兽。
在不停的抗争中，居民把所有战斗经验汇编成册，武学由此诞生。并且把拥有武学的人尊称为武者，最终依靠武者们的齐心合力，凶猛的野兽被消灭，超自然能力的怪物也被赶出了大陆，给大陆带来了几千年的和平，武者成为这个大陆最为尊贵的称号。
在那以后，成为武者就成了这块大陆居民追求的目标。习武之人一生奉献全给武学 ，为了自创新的武功，达到一流高手的境界，耗损人生年华。但是对于武者来说，没有什么比"天下第一"这个称号更值得追求的了。试想天下武者提起你来，莫不肃然起敬，唯你是尊，是何等惬意！武学修炼之路须持之以恒的修炼和无数次的实战，才能成为高手，武学所追求的最终境界欲进一步犹如登天。
当世五大绝世高手为了证明自己是“天下第一”，不惜反目成仇，在洪山之颠斗了七天七夜，在这场惨烈的大战之后，受到重创的五大高手痛定思痛，一直认为所有祸根都源于武学典籍；自己的所作所为已经偏出了武道的本义，武学一道存在本义“止戈”，但现在却成了争斗名利的工具。
要知道，“正邪本同源，善恶一念间”，曾经的他们都是并肩作战的好伙伴，使人不得不感叹“剑有双刃，其利有弊”！他们支撑着残喘之躯，封藏了各自手上的武学秘籍，不再外传。想从根源上避免后人重蹈覆辙。
但是江湖永远都不是一个可以平静的地方，以江湖为名，可能也正是印证了武林与江河湖海一样奔流间变化，绝不停顿。
故事就从这里开始。
一页失落的武学无意中被人发现。这传说中存在的武功精要再一次的引起了武林人士的垂涎。因为在后来的传言中，只要观其一页就根据自身武功而自创新的武功而开宗立派，名震江湖。绝世高手如能阅读其书，可以突破自身瓶径，以一已破万敌，最终白日飞升。江湖中人居然为其得到残页，得到“天下第一”，处心积虑，寝食难安，疯狂者六亲不认，众叛亲离，妄送性命。江湖曾经的宗派因此凋零而消亡，失去宗派的江湖开始失去了秩序。
某天，一个个村庄里，都响起了钟声，钟声在宁静的村庄里显的格外刺耳。千年未响的钟声响起了，这是镇魔钟发出的声音，预示着消失千年的食人怪物又回来了，这是又将面临战斗的号声。
“血剑横空染凡尘，玄天魔血洒穹州!”
妖魔将现，天下庶民即将陷入战斗的旋涡，血光将再次笼罩于天下……
危急！危急！没有宗派存在的江湖，已汇集不出力量去抗衡重新回来的怪物。“如何才是天下第一？”， “生存还是毁灭”，很多人都在思考。
天未亮，面临战斗的号声，村庄里的很多年轻人，踏着坚定的脚步，纷纷告别了自己成长的村庄。离开时皆立下誓言，愿以自己的满腔热血把怪物赶出大陆。
面对黑夜，他们即将开始自身漫长艰苦的修炼，追寻武学的本义，组织自己的宗派，如前人般再次为“武者”这个称呼，重新证明，将怪物赶出大陆，重新给大陆带来和平。
一道道流星划开那黑色夜幕，黎明的到来还远吗......
</div>
<div id="demo3">
曾经有各种各样的生物生活在这块大陆。在这片土地上生存了几千年的居民的力量在其中最为弱小。面对凶猛的野兽和那些有着超自然能力怪物，他们被迫建立了各种宗派，以便去抵抗，去抗争那些把自己当做食物的野兽和怪兽。
在不停的抗争中，居民把所有战斗经验汇编成册，武学由此诞生。并且把拥有武学的人尊称为武者，最终依靠武者们的齐心合力，凶猛的野兽被消灭，超自然能力的怪物也被赶出了大陆，给大陆带来了几千年的和平，武者成为这个大陆最为尊贵的称号。
在那以后，成为武者就成了这块大陆居民追求的目标。习武之人一生奉献全给武学 ，为了自创新的武功，达到一流高手的境界，耗损人生年华。但是对于武者来说，没有什么比"天下第一"这个称号更值得追求的了。试想天下武者提起你来，莫不肃然起敬，唯你是尊，是何等惬意！武学修炼之路须持之以恒的修炼和无数次的实战，才能成为高手，武学所追求的最终境界欲进一步犹如登天。
当世五大绝世高手为了证明自己是“天下第一”，不惜反目成仇，在洪山之颠斗了七天七夜，在这场惨烈的大战之后，受到重创的五大高手痛定思痛，一直认为所有祸根都源于武学典籍；自己的所作所为已经偏出了武道的本义，武学一道存在本义“止戈”，但现在却成了争斗名利的工具。
要知道，“正邪本同源，善恶一念间”，曾经的他们都是并肩作战的好伙伴，使人不得不感叹“剑有双刃，其利有弊”！他们支撑着残喘之躯，封藏了各自手上的武学秘籍，不再外传。想从根源上避免后人重蹈覆辙。
但是江湖永远都不是一个可以平静的地方，以江湖为名，可能也正是印证了武林与江河湖海一样奔流间变化，绝不停顿。
故事就从这里开始。
一页失落的武学无意中被人发现。这传说中存在的武功精要再一次的引起了武林人士的垂涎。因为在后来的传言中，只要观其一页就根据自身武功而自创新的武功而开宗立派，名震江湖。绝世高手如能阅读其书，可以突破自身瓶径，以一已破万敌，最终白日飞升。江湖中人居然为其得到残页，得到“天下第一”，处心积虑，寝食难安，疯狂者六亲不认，众叛亲离，妄送性命。江湖曾经的宗派因此凋零而消亡，失去宗派的江湖开始失去了秩序。
某天，一个个村庄里，都响起了钟声，钟声在宁静的村庄里显的格外刺耳。千年未响的钟声响起了，这是镇魔钟发出的声音，预示着消失千年的食人怪物又回来了，这是又将面临战斗的号声。
“血剑横空染凡尘，玄天魔血洒穹州!”
妖魔将现，天下庶民即将陷入战斗的旋涡，血光将再次笼罩于天下……
危急！危急！没有宗派存在的江湖，已汇集不出力量去抗衡重新回来的怪物。“如何才是天下第一？”， “生存还是毁灭”，很多人都在思考。
天未亮，面临战斗的号声，村庄里的很多年轻人，踏着坚定的脚步，纷纷告别了自己成长的村庄。离开时皆立下誓言，愿以自己的满腔热血把怪物赶出大陆。
面对黑夜，他们即将开始自身漫长艰苦的修炼，追寻武学的本义，组织自己的宗派，如前人般再次为“武者”这个称呼，重新证明，将怪物赶出大陆，重新给大陆带来和平。
一道道流星划开那黑色夜幕，黎明的到来还远吗......
</div>
<script type="text/javascript">
function animation(o, a, s, e, z){
var sTime = +new Date(), p, speed = 400, z = z || ';
var iTimer = setInterval(function(){
p = (+new Date() - sTime) / speed;
if(p >= 1){
o[a] = e + z;
return clearInterval(iTimer);
}
o[a] = s + (e - s) * p + z;
}, 1);
}
function ShowScroll(o){
var timer;
o.style.width = o.offsetWidth - 31 + 'px';
var SCL = document.createElement("div");
SCL.className = 'SCL';
with(SCL.style){
height = o.offsetHeight - 4 + 'px';
top = o.offsetTop + 'px';
left = o.offsetLeft + o.offsetWidth - 1 + 'px';
}
document.body.appendChild(SCL);
var UP = document.createElement("div");
with(UP.style){
width = '16px';
height = '17px';
background = 'url(scroll.gif) no-repeat -16px top';
}
SCL.appendChild(UP);
var MOVE = document.createElement("div");
with(MOVE.style){
width = '16px';
height = SCL.offsetHeight - 38 + 'px';
overflow = 'hidden';
}
SCL.appendChild(MOVE);
var MOVEY = document.createElement("div");
with(MOVEY.style){
width = '16px';
height = MOVE.offsetHeight / (o.scrollHeight / o.offsetHeight) + 'px';
background = 'url(scroll.gif) repeat-y left top';
position = 'relative';
top = '0';
left = '0';
}
MOVE.appendChild(MOVEY);
var DOWN = document.createElement("div");
with(DOWN.style){
width = '16px';
height = '17px';
background = 'url(scroll.gif) no-repeat -32px bottom';
}
var XH = (MOVE.offsetHeight - MOVEY.offsetHeight) / (o.scrollHeight - o.offsetHeight) * 80;
MOVEY.onmouseover = function(){
this.style.backgroundPosition = "-48px top";
}
MOVEY.onmousedown = function(event){
this.style.backgroundPosition = "-96px top";
var e = event || window.event;
var sy = e.clientY - parseInt(this.style.top);
var ey = e.clientY;
if(e.preventDefault){
e.preventDefault();
}
document.onmousemove = function(event){
var e = event || window.event;
MOVEY.style.top = (function(){
var r = e.clientY - sy;
if(r <= 0){return 0;}
if(r >= MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight){return MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight;}
return r;
})() + 'px';
}
document.onmouseup = function(event){
if(ey){
var e = event || window.event;
var ml = (o.scrollHeight - o.offsetHeight) / (MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight) * (e.clientY - ey);
animation(o, 'scrollTop', o.scrollTop, o.scrollTop + ml);
ey = sy = null;
}
document.onmousemove = null;
}
}
MOVEY.onmouseup = function(){
this.style.backgroundPosition = "-48px top";
}
MOVEY.onmouseout = function(){
this.style.backgroundPosition = "left top";
}
UP.onmouseover = function(){
this.style.backgroundPosition = "-64px top";
}
UP.onmousedown = function(){
this.style.backgroundPosition = "-112px top";
timer = window.setInterval(function(){
animation(o, 'scrollTop', o.scrollTop, o.scrollTop - 80);
animation(MOVEY.style, 'top', parseInt(MOVEY.style.top), (function(){
var x = parseInt(MOVEY.style.top) - XH;
if(x <= 0){
x = 0;
}
return x;
})(), 'px');
}, 400);
}
UP.onmouseup = function(){
this.style.backgroundPosition = "-64px top";
if(timer){clearInterval(timer)};
}
UP.onmouseout = function(){
this.style.backgroundPosition = "-16px top";
if(timer){clearInterval(timer)};
}
UP.onclick = function(){
animation(o, 'scrollTop', o.scrollTop, o.scrollTop - 80);
animation(MOVEY.style, 'top', parseInt(MOVEY.style.top), (function(){
var x = parseInt(MOVEY.style.top) - XH;
if(x <= 0){
x = 0;
}
return x;
})(), 'px');
}
DOWN.onmouseover = function(){
this.style.backgroundPosition = "-80px bottom";
}
DOWN.onmousedown = function(){
this.style.backgroundPosition = "-128px bottom";
timer = window.setInterval(function(){
animation(o, 'scrollTop', o.scrollTop, o.scrollTop + 80);
animation(MOVEY.style, 'top', parseInt(MOVEY.style.top), (function(){
var x = XH + parseInt(MOVEY.style.top);
if(x >= MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight){
x = MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight;
}
return x;
})(), 'px');
}, 400);
}
DOWN.onmouseup = function(){
this.style.backgroundPosition = "-80px bottom";
if(timer){clearInterval(timer)};
}
DOWN.onmouseout = function(){
this.style.backgroundPosition = "-32px bottom";
if(timer){clearInterval(timer)};
}
DOWN.onclick = function(){
animation(o, 'scrollTop', o.scrollTop, o.scrollTop + 80);
animation(MOVEY.style, 'top', parseInt(MOVEY.style.top), (function(){
var x = XH + parseInt(MOVEY.style.top);
if(x >= MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight){
x = MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight;
}
return x;
})(), 'px');
}
SCL.appendChild(DOWN);
DOWN = MOVE = UP = SCL = null;
}
ShowScroll(document.getElementById('demo1'));
ShowScroll(document.getElementById('demo2'));
ShowScroll(document.getElementById('demo3'));
</script>
</body>
</html>
[阅读全文]<!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>模拟滚动条</title>
<style type="text/css">
#demo1 {
width:400px;
height:200px;
border:1px solid #818181;
overflow:hidden;
position:relative;
font-size:12px;
padding:5px;
}
#demo2 {
width:500px;
height:100px;
border:1px solid #818181;
overflow:hidden;
position:relative;
font-size:12px;
padding:5px;
}
#demo3 {
width:150px;
height:200px;
overflow:hidden;
position:relative;
font-size:12px;
padding:5px;
}
.SCL {
position:absolute;
width:16px;
background:#ffffff;
border:1px solid #818181;
padding:1px;
overflow:hidden;
font-size:0;
}
</style>
</head>
<body>
<div id="demo1">
曾经有各种各样的生物生活在这块大陆。在这片土地上生存了几千年的居民的力量在其中最为弱小。面对凶猛的野兽和那些有着超自然能力怪物，他们被迫建立了各种宗派，以便去抵抗，去抗争那些把自己当做食物的野兽和怪兽。
在不停的抗争中，居民把所有战斗经验汇编成册，武学由此诞生。并且把拥有武学的人尊称为武者，最终依靠武者们的齐心合力，凶猛的野兽被消灭，超自然能力的怪物也被赶出了大陆，给大陆带来了几千年的和平，武者成为这个大陆最为尊贵的称号。
在那以后，成为武者就成了这块大陆居民追求的目标。习武之人一生奉献全给武学 ，为了自创新的武功，达到一流高手的境界，耗损人生年华。但是对于武者来说，没有什么比"天下第一"这个称号更值得追求的了。试想天下武者提起你来，莫不肃然起敬，唯你是尊，是何等惬意！武学修炼之路须持之以恒的修炼和无数次的实战，才能成为高手，武学所追求的最终境界欲进一步犹如登天。
当世五大绝世高手为了证明自己是“天下第一”，不惜反目成仇，在洪山之颠斗了七天七夜，在这场惨烈的大战之后，受到重创的五大高手痛定思痛，一直认为所有祸根都源于武学典籍；自己的所作所为已经偏出了武道的本义，武学一道存在本义“止戈”，但现在却成了争斗名利的工具。
要知道，“正邪本同源，善恶一念间”，曾经的他们都是并肩作战的好伙伴，使人不得不感叹“剑有双刃，其利有弊”！他们支撑着残喘之躯，封藏了各自手上的武学秘籍，不再外传。想从根源上避免后人重蹈覆辙。
但是江湖永远都不是一个可以平静的地方，以江湖为名，可能也正是印证了武林与江河湖海一样奔流间变化，绝不停顿。
故事就从这里开始。
一页失落的武学无意中被人发现。这传说中存在的武功精要再一次的引起了武林人士的垂涎。因为在后来的传言中，只要观其一页就根据自身武功而自创新的武功而开宗立派，名震江湖。绝世高手如能阅读其书，可以突破自身瓶径，以一已破万敌，最终白日飞升。江湖中人居然为其得到残页，得到“天下第一”，处心积虑，寝食难安，疯狂者六亲不认，众叛亲离，妄送性命。江湖曾经的宗派因此凋零而消亡，失去宗派的江湖开始失去了秩序。
某天，一个个村庄里，都响起了钟声，钟声在宁静的村庄里显的格外刺耳。千年未响的钟声响起了，这是镇魔钟发出的声音，预示着消失千年的食人怪物又回来了，这是又将面临战斗的号声。
“血剑横空染凡尘，玄天魔血洒穹州!”
妖魔将现，天下庶民即将陷入战斗的旋涡，血光将再次笼罩于天下……
危急！危急！没有宗派存在的江湖，已汇集不出力量去抗衡重新回来的怪物。“如何才是天下第一？”， “生存还是毁灭”，很多人都在思考。
天未亮，面临战斗的号声，村庄里的很多年轻人，踏着坚定的脚步，纷纷告别了自己成长的村庄。离开时皆立下誓言，愿以自己的满腔热血把怪物赶出大陆。
面对黑夜，他们即将开始自身漫长艰苦的修炼，追寻武学的本义，组织自己的宗派，如前人般再次为“武者”这个称呼，重新证明，将怪物赶出大陆，重新给大陆带来和平。
一道道流星划开那黑色夜幕，黎明的到来还远吗......
</div>
<div id="demo2">
曾经有各种各样的生物生活在这块大陆。在这片土地上生存了几千年的居民的力量在其中最为弱小。面对凶猛的野兽和那些有着超自然能力怪物，他们被迫建立了各种宗派，以便去抵抗，去抗争那些把自己当做食物的野兽和怪兽。
在不停的抗争中，居民把所有战斗经验汇编成册，武学由此诞生。并且把拥有武学的人尊称为武者，最终依靠武者们的齐心合力，凶猛的野兽被消灭，超自然能力的怪物也被赶出了大陆，给大陆带来了几千年的和平，武者成为这个大陆最为尊贵的称号。
在那以后，成为武者就成了这块大陆居民追求的目标。习武之人一生奉献全给武学 ，为了自创新的武功，达到一流高手的境界，耗损人生年华。但是对于武者来说，没有什么比"天下第一"这个称号更值得追求的了。试想天下武者提起你来，莫不肃然起敬，唯你是尊，是何等惬意！武学修炼之路须持之以恒的修炼和无数次的实战，才能成为高手，武学所追求的最终境界欲进一步犹如登天。
当世五大绝世高手为了证明自己是“天下第一”，不惜反目成仇，在洪山之颠斗了七天七夜，在这场惨烈的大战之后，受到重创的五大高手痛定思痛，一直认为所有祸根都源于武学典籍；自己的所作所为已经偏出了武道的本义，武学一道存在本义“止戈”，但现在却成了争斗名利的工具。
要知道，“正邪本同源，善恶一念间”，曾经的他们都是并肩作战的好伙伴，使人不得不感叹“剑有双刃，其利有弊”！他们支撑着残喘之躯，封藏了各自手上的武学秘籍，不再外传。想从根源上避免后人重蹈覆辙。
但是江湖永远都不是一个可以平静的地方，以江湖为名，可能也正是印证了武林与江河湖海一样奔流间变化，绝不停顿。
故事就从这里开始。
一页失落的武学无意中被人发现。这传说中存在的武功精要再一次的引起了武林人士的垂涎。因为在后来的传言中，只要观其一页就根据自身武功而自创新的武功而开宗立派，名震江湖。绝世高手如能阅读其书，可以突破自身瓶径，以一已破万敌，最终白日飞升。江湖中人居然为其得到残页，得到“天下第一”，处心积虑，寝食难安，疯狂者六亲不认，众叛亲离，妄送性命。江湖曾经的宗派因此凋零而消亡，失去宗派的江湖开始失去了秩序。
某天，一个个村庄里，都响起了钟声，钟声在宁静的村庄里显的格外刺耳。千年未响的钟声响起了，这是镇魔钟发出的声音，预示着消失千年的食人怪物又回来了，这是又将面临战斗的号声。
“血剑横空染凡尘，玄天魔血洒穹州!”
妖魔将现，天下庶民即将陷入战斗的旋涡，血光将再次笼罩于天下……
危急！危急！没有宗派存在的江湖，已汇集不出力量去抗衡重新回来的怪物。“如何才是天下第一？”， “生存还是毁灭”，很多人都在思考。
天未亮，面临战斗的号声，村庄里的很多年轻人，踏着坚定的脚步，纷纷告别了自己成长的村庄。离开时皆立下誓言，愿以自己的满腔热血把怪物赶出大陆。
面对黑夜，他们即将开始自身漫长艰苦的修炼，追寻武学的本义，组织自己的宗派，如前人般再次为“武者”这个称呼，重新证明，将怪物赶出大陆，重新给大陆带来和平。
一道道流星划开那黑色夜幕，黎明的到来还远吗......
</div>
<div id="demo3">
曾经有各种各样的生物生活在这块大陆。在这片土地上生存了几千年的居民的力量在其中最为弱小。面对凶猛的野兽和那些有着超自然能力怪物，他们被迫建立了各种宗派，以便去抵抗，去抗争那些把自己当做食物的野兽和怪兽。
在不停的抗争中，居民把所有战斗经验汇编成册，武学由此诞生。并且把拥有武学的人尊称为武者，最终依靠武者们的齐心合力，凶猛的野兽被消灭，超自然能力的怪物也被赶出了大陆，给大陆带来了几千年的和平，武者成为这个大陆最为尊贵的称号。
在那以后，成为武者就成了这块大陆居民追求的目标。习武之人一生奉献全给武学 ，为了自创新的武功，达到一流高手的境界，耗损人生年华。但是对于武者来说，没有什么比"天下第一"这个称号更值得追求的了。试想天下武者提起你来，莫不肃然起敬，唯你是尊，是何等惬意！武学修炼之路须持之以恒的修炼和无数次的实战，才能成为高手，武学所追求的最终境界欲进一步犹如登天。
当世五大绝世高手为了证明自己是“天下第一”，不惜反目成仇，在洪山之颠斗了七天七夜，在这场惨烈的大战之后，受到重创的五大高手痛定思痛，一直认为所有祸根都源于武学典籍；自己的所作所为已经偏出了武道的本义，武学一道存在本义“止戈”，但现在却成了争斗名利的工具。
要知道，“正邪本同源，善恶一念间”，曾经的他们都是并肩作战的好伙伴，使人不得不感叹“剑有双刃，其利有弊”！他们支撑着残喘之躯，封藏了各自手上的武学秘籍，不再外传。想从根源上避免后人重蹈覆辙。
但是江湖永远都不是一个可以平静的地方，以江湖为名，可能也正是印证了武林与江河湖海一样奔流间变化，绝不停顿。
故事就从这里开始。
一页失落的武学无意中被人发现。这传说中存在的武功精要再一次的引起了武林人士的垂涎。因为在后来的传言中，只要观其一页就根据自身武功而自创新的武功而开宗立派，名震江湖。绝世高手如能阅读其书，可以突破自身瓶径，以一已破万敌，最终白日飞升。江湖中人居然为其得到残页，得到“天下第一”，处心积虑，寝食难安，疯狂者六亲不认，众叛亲离，妄送性命。江湖曾经的宗派因此凋零而消亡，失去宗派的江湖开始失去了秩序。
某天，一个个村庄里，都响起了钟声，钟声在宁静的村庄里显的格外刺耳。千年未响的钟声响起了，这是镇魔钟发出的声音，预示着消失千年的食人怪物又回来了，这是又将面临战斗的号声。
“血剑横空染凡尘，玄天魔血洒穹州!”
妖魔将现，天下庶民即将陷入战斗的旋涡，血光将再次笼罩于天下……
危急！危急！没有宗派存在的江湖，已汇集不出力量去抗衡重新回来的怪物。“如何才是天下第一？”， “生存还是毁灭”，很多人都在思考。
天未亮，面临战斗的号声，村庄里的很多年轻人，踏着坚定的脚步，纷纷告别了自己成长的村庄。离开时皆立下誓言，愿以自己的满腔热血把怪物赶出大陆。
面对黑夜，他们即将开始自身漫长艰苦的修炼，追寻武学的本义，组织自己的宗派，如前人般再次为“武者”这个称呼，重新证明，将怪物赶出大陆，重新给大陆带来和平。
一道道流星划开那黑色夜幕，黎明的到来还远吗......
</div>
<script type="text/javascript">
function animation(o, a, s, e, z){
var sTime = +new Date(), p, speed = 400, z = z || ';
var iTimer = setInterval(function(){
p = (+new Date() - sTime) / speed;
if(p >= 1){
o[a] = e + z;
return clearInterval(iTimer);
}
o[a] = s + (e - s) * p + z;
}, 1);
}
function ShowScroll(o){
var timer;
o.style.width = o.offsetWidth - 31 + 'px';
var SCL = document.createElement("div");
SCL.className = 'SCL';
with(SCL.style){
height = o.offsetHeight - 4 + 'px';
top = o.offsetTop + 'px';
left = o.offsetLeft + o.offsetWidth - 1 + 'px';
}
document.body.appendChild(SCL);
var UP = document.createElement("div");
with(UP.style){
width = '16px';
height = '17px';
background = 'url(scroll.gif) no-repeat -16px top';
}
SCL.appendChild(UP);
var MOVE = document.createElement("div");
with(MOVE.style){
width = '16px';
height = SCL.offsetHeight - 38 + 'px';
overflow = 'hidden';
}
SCL.appendChild(MOVE);
var MOVEY = document.createElement("div");
with(MOVEY.style){
width = '16px';
height = MOVE.offsetHeight / (o.scrollHeight / o.offsetHeight) + 'px';
background = 'url(scroll.gif) repeat-y left top';
position = 'relative';
top = '0';
left = '0';
}
MOVE.appendChild(MOVEY);
var DOWN = document.createElement("div");
with(DOWN.style){
width = '16px';
height = '17px';
background = 'url(scroll.gif) no-repeat -32px bottom';
}
var XH = (MOVE.offsetHeight - MOVEY.offsetHeight) / (o.scrollHeight - o.offsetHeight) * 80;
MOVEY.onmouseover = function(){
this.style.backgroundPosition = "-48px top";
}
MOVEY.onmousedown = function(event){
this.style.backgroundPosition = "-96px top";
var e = event || window.event;
var sy = e.clientY - parseInt(this.style.top);
var ey = e.clientY;
if(e.preventDefault){
e.preventDefault();
}
document.onmousemove = function(event){
var e = event || window.event;
MOVEY.style.top = (function(){
var r = e.clientY - sy;
if(r <= 0){return 0;}
if(r >= MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight){return MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight;}
return r;
})() + 'px';
}
document.onmouseup = function(event){
if(ey){
var e = event || window.event;
var ml = (o.scrollHeight - o.offsetHeight) / (MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight) * (e.clientY - ey);
animation(o, 'scrollTop', o.scrollTop, o.scrollTop + ml);
ey = sy = null;
}
document.onmousemove = null;
}
}
MOVEY.onmouseup = function(){
this.style.backgroundPosition = "-48px top";
}
MOVEY.onmouseout = function(){
this.style.backgroundPosition = "left top";
}
UP.onmouseover = function(){
this.style.backgroundPosition = "-64px top";
}
UP.onmousedown = function(){
this.style.backgroundPosition = "-112px top";
timer = window.setInterval(function(){
animation(o, 'scrollTop', o.scrollTop, o.scrollTop - 80);
animation(MOVEY.style, 'top', parseInt(MOVEY.style.top), (function(){
var x = parseInt(MOVEY.style.top) - XH;
if(x <= 0){
x = 0;
}
return x;
})(), 'px');
}, 400);
}
UP.onmouseup = function(){
this.style.backgroundPosition = "-64px top";
if(timer){clearInterval(timer)};
}
UP.onmouseout = function(){
this.style.backgroundPosition = "-16px top";
if(timer){clearInterval(timer)};
}
UP.onclick = function(){
animation(o, 'scrollTop', o.scrollTop, o.scrollTop - 80);
animation(MOVEY.style, 'top', parseInt(MOVEY.style.top), (function(){
var x = parseInt(MOVEY.style.top) - XH;
if(x <= 0){
x = 0;
}
return x;
})(), 'px');
}
DOWN.onmouseover = function(){
this.style.backgroundPosition = "-80px bottom";
}
DOWN.onmousedown = function(){
this.style.backgroundPosition = "-128px bottom";
timer = window.setInterval(function(){
animation(o, 'scrollTop', o.scrollTop, o.scrollTop + 80);
animation(MOVEY.style, 'top', parseInt(MOVEY.style.top), (function(){
var x = XH + parseInt(MOVEY.style.top);
if(x >= MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight){
x = MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight;
}
return x;
})(), 'px');
}, 400);
}
DOWN.onmouseup = function(){
this.style.backgroundPosition = "-80px bottom";
if(timer){clearInterval(timer)};
}
DOWN.onmouseout = function(){
this.style.backgroundPosition = "-32px bottom";
if(timer){clearInterval(timer)};
}
DOWN.onclick = function(){
animation(o, 'scrollTop', o.scrollTop, o.scrollTop + 80);
animation(MOVEY.style, 'top', parseInt(MOVEY.style.top), (function(){
var x = XH + parseInt(MOVEY.style.top);
if(x >= MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight){
x = MOVEY.parentNode.offsetHeight - MOVEY.offsetHeight;
}
return x;
})(), 'px');
}
SCL.appendChild(DOWN);
DOWN = MOVE = UP = SCL = null;
}
ShowScroll(document.getElementById('demo1'));
ShowScroll(document.getElementById('demo2'));
ShowScroll(document.getElementById('demo3'));
</script>
</body>
</html>
分类(随记) 作者(biyuan) 浏览(70) 评论(0)
[原创]颜色选择器 (2009-10-13 15:26:32)几个知识点：
自动补0：
以下为程序代码：
String.prototype.Zero = function(n){
return (new Array(n + 1).join("0") + this).substr(this.length, n);
}
String.prototype.Zero = function(n){
return (new Array(n + 1).join("0") + this).substr(this.length, n);
}
RGB值转换为16进制：
以下为程序代码：
function Rgb2Hex(n){
var n = n.split(","), re = [];
for(var i = 0; i < n.length; i ++){
re.push(Number(n[i]).toString(16).Zero(2));
}
return "#" + re.join(');
}
[阅读全文]function Rgb2Hex(n){
var n = n.split(","), re = [];
for(var i = 0; i < n.length; i ++){
re.push(Number(n[i]).toString(16).Zero(2));
}
return "#" + re.join(');
}
分类(随记) 作者(biyuan) 浏览(44) 评论(0)
[原创]JavaScript表单数据缓存函数 (2009-09-05 09:24:08)以下为程序代码：
<!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" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>表单数据缓存函数</title>
</head>
<body>
<form name='frm'>
<input type="text" name="user" />
<input type="password" name="pass" />
<input type="checkbox" name="check" value="a" />
<input type="checkbox" name="check" value="b" />
<input type="checkbox" name="check" value="c" />
<input type="radio" name="radio" value="1" />
<input type="radio" name="radio" value="2" />
<input type="radio" name="radio" value="3" />
<select name="select">
<option value='1'>选项1</option>
<option value='2'>选项2</option>
<option value='3'>选项3</option>
<option value='4'>选项4</option>
</select>
<textarea name="textarea"></textarea>
<input type="submit" />
</form>
<script language="JavaScript">
function CacheFormData(o){
var os = o.getElementsByTagName('*');
o.onsubmit = function(){
var re = [];
for(var i = 0; i < os.length; i ++){
if(os[i].name){
var rd = [];
if(document.getElementsByName(os[i].name).length > 1){
rd.push(os[i].checked);
}
else{
rd = os[i].value;
}
re.push(os[i].name + ":=" + escape(rd));
}
}
document.cookie = o.name + "=" + re.join('###');
document.cookie = "expires=" + new Date(new Date().getTime() + 25.92E+8);
}
var r = new RegExp(o.name + "=([^;]+)", "i");
if(r.test(document.cookie)){
var b = document.cookie.match(r)[1].split('###');
var k = 0;
for(var i = 0; i < os.length; i ++){
if(os[i].name){
var val = unescape(b[k].split(':=')[1]);
if(os[i].type == 'checkbox' || os[i].type == 'radio'){
os[i].checked = eval(val);
}
if(os[i].type == 'select-one'){
for(var j = 0; j < os[i].options.length; j ++){
if(val == os[i].options[j].value){
os[i].options[j].selected = 'true';
}
}
}
else{
os[i].value = val;
}
k ++;
}
}
}
}
CacheFormData(document.forms[0]);
</script>
</body>
</html>
[阅读全文]<!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" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>表单数据缓存函数</title>
</head>
<body>
<form name='frm'>
<input type="text" name="user" />
<input type="password" name="pass" />
<input type="checkbox" name="check" value="a" />
<input type="checkbox" name="check" value="b" />
<input type="checkbox" name="check" value="c" />
<input type="radio" name="radio" value="1" />
<input type="radio" name="radio" value="2" />
<input type="radio" name="radio" value="3" />
<select name="select">
<option value='1'>选项1</option>
<option value='2'>选项2</option>
<option value='3'>选项3</option>
<option value='4'>选项4</option>
</select>
<textarea name="textarea"></textarea>
<input type="submit" />
</form>
<script language="JavaScript">
function CacheFormData(o){
var os = o.getElementsByTagName('*');
o.onsubmit = function(){
var re = [];
for(var i = 0; i < os.length; i ++){
if(os[i].name){
var rd = [];
if(document.getElementsByName(os[i].name).length > 1){
rd.push(os[i].checked);
}
else{
rd = os[i].value;
}
re.push(os[i].name + ":=" + escape(rd));
}
}
document.cookie = o.name + "=" + re.join('###');
document.cookie = "expires=" + new Date(new Date().getTime() + 25.92E+8);
}
var r = new RegExp(o.name + "=([^;]+)", "i");
if(r.test(document.cookie)){
var b = document.cookie.match(r)[1].split('###');
var k = 0;
for(var i = 0; i < os.length; i ++){
if(os[i].name){
var val = unescape(b[k].split(':=')[1]);
if(os[i].type == 'checkbox' || os[i].type == 'radio'){
os[i].checked = eval(val);
}
if(os[i].type == 'select-one'){
for(var j = 0; j < os[i].options.length; j ++){
if(val == os[i].options[j].value){
os[i].options[j].selected = 'true';
}
}
}
else{
os[i].value = val;
}
k ++;
}
}
}
}
CacheFormData(document.forms[0]);
</script>
</body>
</html>
分类(随记) 作者(biyuan) 浏览(49) 评论(0)
[原创]JavaScript轮显广告 (2009-09-04 10:25:11)以下为程序代码：
<!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>JavaScript轮显广告</title>
<style type="text/css">
#MarqueeAd {
width:500px;
height:200px;
border:5px solid #cccccc;
overflow:hidden;
position:relative;
}
#MarqueeAd .image {
width:500px;
height:200px;
overflow:hidden;
}
#MarqueeAd .image ul {
margin:0;
padding:0;
width:2000px;
}
#MarqueeAd .image li {
float:left;
clear:right;
width:500px;
height:200px;
list-style-type:none;
}
#MarqueeAd .link {
position:absolute;
height:25px;
right:0;
bottom:0;
}
#MarqueeAd .link span {
width:18px;
height:18px;
margin-right:5px;
background:red;
font-size:12px;
color:white;
float:left;
line-height:18px;
text-align:center;
filter:Alpha(opacity=60);
opacity:0.6;
border:1px solid black;
cursor:default;
}
#MarqueeAd .link .over {
background:green;
}
</style>
</head>
<body>
<div id="MarqueeAd">
<div class="image">
<ul>
<li><img onload='if(this.width>500){this.width=500;this.onclick=function(){window.open(this.src);};this.alt="点击查看大图";this.style.cursor="hand"}' src="200909041022545743.jpg" /></li>
<li><img onload='if(this.width>500){this.width=500;this.onclick=function(){window.open(this.src);};this.alt="点击查看大图";this.style.cursor="hand"}' src="200909041023013087.jpg" /></li>
<li><img onload='if(this.width>500){this.width=500;this.onclick=function(){window.open(this.src);};this.alt="点击查看大图";this.style.cursor="hand"}' src="200909041023094806.jpg" /></li>
<li><img onload='if(this.width>500){this.width=500;this.onclick=function(){window.open(this.src);};this.alt="点击查看大图";this.style.cursor="hand"}' src="200909041023154181.jpg" /></li>
</ul>
</div>
<div class="link">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
</div>
</div>
<script type="text/javascript">
function $(o){
return document.getElementById(o);
}
function animation(o, a, s, e){
var sTime = +new Date(), p, speed = 400;
var iTimer = setInterval(function(){
p = (+new Date() - sTime) / speed;
if(p >= 1){
o[a] = e;
return clearInterval(iTimer);
}
o[a] = s + (e - s) * ((-Math.cos(p * Math.PI) / 2) + 0.5);
}, 1);
}
function Show(o){
var lis = o.getElementsByTagName('span');
var oi = o.getElementsByTagName('div')[0];
var k = 0, f = true, Timer;
lis[0].className = 'over';
for(var i = 0; i < lis.length; i ++){
(function(i){
lis[i].onmouseover = function(){
lis[k].className = ';
this.className = 'over';
clearInterval(Timer);
k = i;
animation(oi, 'scrollLeft', oi['scrollLeft'], i * oi.offsetWidth);
}
})(i);
lis[i].onmouseout = Auto;
}
function Auto(){
Timer = setInterval(function(){
k == lis.length - 1 && [f = false];
k == 0 && [f = true];
lis[k].className = ';
f ? k ++ : k --;
lis[k].className = 'over';
animation(oi, 'scrollLeft', oi['scrollLeft'], k * oi.offsetWidth);
}, 2000);
}
Auto();
}
Show($('MarqueeAd'));
</script>
</body>
</html>
[阅读全文]<!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>JavaScript轮显广告</title>
<style type="text/css">
#MarqueeAd {
width:500px;
height:200px;
border:5px solid #cccccc;
overflow:hidden;
position:relative;
}
#MarqueeAd .image {
width:500px;
height:200px;
overflow:hidden;
}
#MarqueeAd .image ul {
margin:0;
padding:0;
width:2000px;
}
#MarqueeAd .image li {
float:left;
clear:right;
width:500px;
height:200px;
list-style-type:none;
}
#MarqueeAd .link {
position:absolute;
height:25px;
right:0;
bottom:0;
}
#MarqueeAd .link span {
width:18px;
height:18px;
margin-right:5px;
background:red;
font-size:12px;
color:white;
float:left;
line-height:18px;
text-align:center;
filter:Alpha(opacity=60);
opacity:0.6;
border:1px solid black;
cursor:default;
}
#MarqueeAd .link .over {
background:green;
}
</style>
</head>
<body>
<div id="MarqueeAd">
<div class="image">
<ul>
<li><img onload='if(this.width>500){this.width=500;this.onclick=function(){window.open(this.src);};this.alt="点击查看大图";this.style.cursor="hand"}' src="200909041022545743.jpg" /></li>
<li><img onload='if(this.width>500){this.width=500;this.onclick=function(){window.open(this.src);};this.alt="点击查看大图";this.style.cursor="hand"}' src="200909041023013087.jpg" /></li>
<li><img onload='if(this.width>500){this.width=500;this.onclick=function(){window.open(this.src);};this.alt="点击查看大图";this.style.cursor="hand"}' src="200909041023094806.jpg" /></li>
<li><img onload='if(this.width>500){this.width=500;this.onclick=function(){window.open(this.src);};this.alt="点击查看大图";this.style.cursor="hand"}' src="200909041023154181.jpg" /></li>
</ul>
</div>
<div class="link">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
</div>
</div>
<script type="text/javascript">
function $(o){
return document.getElementById(o);
}
function animation(o, a, s, e){
var sTime = +new Date(), p, speed = 400;
var iTimer = setInterval(function(){
p = (+new Date() - sTime) / speed;
if(p >= 1){
o[a] = e;
return clearInterval(iTimer);
}
o[a] = s + (e - s) * ((-Math.cos(p * Math.PI) / 2) + 0.5);
}, 1);
}
function Show(o){
var lis = o.getElementsByTagName('span');
var oi = o.getElementsByTagName('div')[0];
var k = 0, f = true, Timer;
lis[0].className = 'over';
for(var i = 0; i < lis.length; i ++){
(function(i){
lis[i].onmouseover = function(){
lis[k].className = ';
this.className = 'over';
clearInterval(Timer);
k = i;
animation(oi, 'scrollLeft', oi['scrollLeft'], i * oi.offsetWidth);
}
})(i);
lis[i].onmouseout = Auto;
}
function Auto(){
Timer = setInterval(function(){
k == lis.length - 1 && [f = false];
k == 0 && [f = true];
lis[k].className = ';
f ? k ++ : k --;
lis[k].className = 'over';
animation(oi, 'scrollLeft', oi['scrollLeft'], k * oi.offsetWidth);
}, 2000);
}
Auto();
}
Show($('MarqueeAd'));
</script>
</body>
</html>
分类(随记) 作者(biyuan) 浏览(48) 评论(0)
确实不错的网文 (2009-08-22 17:31:49)（1）；如果钱还宽裕，别养二奶，偷偷养几个贫困山区的学生。别让人家知道你是谁，要不然见面了多尴尬，多不好意思。但是你心里一定会觉得舒坦，比包二奶提心吊胆的要好得多。如果真想包也可以包一个，好事坏事一起做。人吗，本来就复杂。
（2）；遇到夜里摆地摊的，能买就多买一些，别还价，东西都不贵。家境哪怕好一点，谁会大冷天夜里摆地摊
（3）；遇到学生出来打工的、勤工俭学的，特别是中学生、小姑娘。她卖什么你就买点，如果她不是家庭困难，出来打工也需要勇气的，鼓励鼓励她吧。
（4）；捡到钱包就找找失主，如果你实在缺钱就把现金留下。打电话告诉失主就说你在厕所里捡到的。把信用卡、身份证、驾驶执照还给人家，一般人家也不会在乎钱了。把人家的地址记在你的笔记本上，以后发达了去找人家道个谦，把钱还给人家
[阅读全文]分类(转载) 作者(biyuan) 浏览(65) 评论(1)
酒桌上的潜规则,男人必学,女人必知! (2009-07-27 10:13:17)(一)如果自己真不能喝，丫就别开第一口，端着饭碗夹了菜一边吃着去
(二)如果确信自己要喝，就别装墨迹，接下来就是规矩了
规矩一：酒桌上虽然“感情深，一口闷；感情浅，舔一舔”但是喝酒的时候决不能把这句话挂在嘴上。
规矩二：韬光养晦，厚积薄发，切不可一上酒桌就充大。
规矩三：领导相互喝完才轮到自己敬。
规矩四：可以多人敬一人，决不可一人敬多人，除非你丫是领导。
规矩五：自己敬别人，如果不碰杯，自己喝多少可视乎情况而定，比如对方酒量，对方喝酒态度，切不可比对方喝得少，要知道是自己敬人。
规矩六：自己敬别人，如果碰杯，一句，我喝完，你随意，方显大肚。
规矩七：自己职位卑微，记得多给领导添酒，不要瞎给领导代酒，就是要代，也要在领导确实想找人代，还要装作自己是因为想喝酒而不是为了给领导代酒而喝酒。比如领导甲不胜酒力，可以通过旁敲侧击把准备敬领导甲的人拦下。
规矩八：端起酒杯（啤酒杯），右手扼杯，左手垫杯底，记着自己的杯子永远低于别人。自己如果是领导，知趣点，不要放太低，不然怎么叫下面的做人？
规矩九：如果没有特殊人物在场，碰酒最好按时针顺序，不要厚此薄彼。
规矩十：碰杯，敬酒，要有说词，不然，我tmd干吗要喝你的酒？
规矩十一：桌面上不谈生意，喝好了，生意也就差不多了，大家心里面了了然，不然人家也不会敞开了跟你喝酒。
规矩十二：不要装歪，说错话，办错事，不要申辩，自觉罚酒才是硬道理。
规矩十三：假如，纯粹是假如，遇到酒不够的情况，酒瓶放在桌子中间，让人自己添，不要傻不垃圾的去一个一个倒酒，不然后面的人没酒怎么办？
规矩十四：最后一定还有一个闷杯酒，所以，不要让自己的酒杯空着。跑不了的～
规矩十五：注意酒后不要失言，不要说大话，不要失态，不要吐沫横飞，筷子乱甩，不要手指乱指，喝汤噗噗响，不要放屁打嗝，憋不住去厕所去，没人拦你。
规矩十六：不要把“我不会喝酒”挂在嘴上（如果你喝的话），免得别人骂你虚伪，不管你信不信，人能不能喝酒还真能看出来。
规矩十七：领导跟你喝酒，是给你face，不管领导怎么要你喝多少，自己先干为敬，记着啊，双手，杯子要低。
规矩十八：花生米对喝酒人来说，是个好东西。保持清醒的头脑，酒后嘘寒问暖是少不了的，一杯酸奶，一杯热水，一条热毛巾都显得你关怀备至。
如果你不能喝
1、不要主动出击，实行以守为攻战略；
2、桌前放两个大杯，一杯放白酒，一杯放矿泉水，拿小酒盅干杯，勤喝水，到酒桌上主客基本都喝8分醉时，可以以水代酒，主动出击；
3、干杯后，不要马上咽下去，找机会用餐巾抹嘴，把酒吐餐巾里；
4、上座后先吃一些肥肉类、淀粉类食品垫底，喝酒不容易醉；
5、掌握节奏，不要一下子喝得太猛；
6、不要几种酒混着喝，特别容易醉；
7、领导夹菜时，千万不要转酒桌中间的圆盘，领导夹菜你转盘是酒桌上大忌；
8、喝到六分醉时，把你面前的醋碟中的醋喝下，再让服务员添上；
9、每次干杯时，倒满，然后在喝前假装没有拿稳酒盅，尽量洒出去一些，这样每次可以少喝进去不少；
10、喝酒前面前放好半杯茶，喝了酒不要咽,赶紧拿起茶杯，喝水的功夫把酒吐进酒杯里，吐满了换水就行了，管用的!
酒宴上的礼仪
1、众欢同乐，切忌私语
大多数酒宴宾客都较多，所以应尽量多谈论一些大部分人能够参与的话题，得到多数人的认同。因为个人的兴趣爱好、知识面不同，所以话题尽量不要太偏，避免唯我独尊，天南海北，神侃无边，出现跑题现象，而忽略了众人。特别是尽量不要与人贴耳小声私语，给别人一种神秘感，往往会产生“就你俩好”的嫉妒心理，影响喝酒的效果。
2、瞄准宾主，把握大局
大多数洒宴都有一个主题，也就是喝酒的目的。赴宴时首先应环视一下各位的神态表情，分清主次，不要单纯地为了喝酒而喝酒，而失去交友的好机会，更不要让某些哗众取宠的酒徒搅乱东道主的意思。
3、语言得当，诙谐幽默
洒桌上可以显示出一个人的才华、常识、修养和交际风度，有时一句诙谐幽默的语言，会给客人留下很深的印象，使人无形中对你产生好感。所以，应该知道什么时候该说什么话，语言得当，诙谐幽默很关键。
4、劝酒适度，切莫强求
在酒桌上往往会遇到劝酒的现象，有的人总喜欢把酒场当战场，想方设法劝别人多喝几杯，认为不喝到量就是不实在。
“以酒论英雄”，对酒量大的人还可以，酒量小的就犯难了，有时过分地劝酒，会将原有的朋友感情完全破坏。
5、敬酒有序，主次分明
敬酒也是一门学问。一般情况下敬酒应以年龄大小、职位高低、宾主身份为序，敬酒前一定要充分考虑好敬酒的顺序，分明主次。好使与不熟悉的人在一起喝酒，也要先打听一下身份或是留意别人如何称呼，这一点心中要有数，避免出现尴尬或伤感情的局面。
敬酒时一定要把握好敬酒的顺序。有求于某位客人在席上时，对他自然要倍加恭敬，但是要注意，如果在场有更高身份或年长的人，则不应只对能帮你忙的人毕恭毕敬，也要先给尊者长者敬酒，不然会使大家都很难为情。
6、察言观色，了解人心
要想在酒桌上得到大家的赞赏，就必须学会察言观色。因为与人交际，就要了解人心，左右逢源，才能演好酒桌上的角色。
7、锋芒渐射，稳坐泰山
酒席宴上要看清场合，正确估价自己的实力，不要太冲动，尽量保留一些酒力和说话的分寸，既不让别人小看自己又不要过分地表露自身，选择适当的机会，逐渐放射自己的锋芒，才能稳坐泰山，不致给别人产生"就这点能力"的想法，使大家不敢低估你的实力。
注意细节
1——座次
总的来讲，座次是“尚左尊东”、“面朝大门为尊”。若是圆桌，则正对大门的为主客，主客左右手边的位置，则以离主客的距离来看，越靠近主客位置越尊，相同距离则左侧尊于右侧。若为八仙桌，如果有正对大门的座位，则正对大门一侧的右位为主客。如果不正对大门，则面东的一侧右席为首席。
如果为大宴，桌与桌间的排列讲究首席居前居中，左边依次2、4、6席,右边为3、5、7席，根据主客身份、地位，亲疏分坐。
如果你是主人，你应该提前到达，然后在靠门位置等待，并为来宾引座。如果你是被邀请者，那么就应该听从东道主安排入座。
一般来说，如果你的老板出席的话，你应该将老板引至主座，请客户最高级别的坐在主座左侧位置。除非这次招待对象的领导级别非常高。
2——点菜
如果时间允许，你应该等大多数客人到齐之后，将菜单供客人传阅，并请他们来点菜。当然，作为公务宴请，你会担心预算的问题，因此，要控制预算，你最重要的是要多做饭前功课，选择合适档次的请客地点是比较重要的，这样客人也能大大领会你的预算。况且一般来说，如果是你来买单，客人也不太好意思点菜，都会让你来作主。如果你的老板也在酒席上，千万不要因为尊重他，或是认为他应酬经验丰富，酒席吃得多，而让他／她来点菜，除非是他／她主动要求。否则，他会觉得不够体面。
如果你是赴宴者，你应该知道，你不该在点菜时太过主动，而是要让主人来点菜。如果对方盛情要求，你可以点一个不太贵、又不是大家忌口的菜。记得征询一下桌上人的意见，特别是问一下“有没有哪些是不吃的？”或是“比较喜欢吃什么？”让大家感觉被照顾到了。点菜后，可以请示“我点了菜，不知道是否合几位的口味”，“要不要再来点其它的什么”等等。
用餐时要注意文明礼貌。对外宾不要反复劝菜，可向对方介绍中国菜的特点，吃不吃由他。有人喜欢向他人劝菜，甚至为对方夹菜。外宾没这个习惯，你要是一再客气，没准人家会反感：“说过不吃了，你非逼我干什么?”依此类推，参加外宾举行的宴会，也不要指望主人会反复给你让菜。你要是等别人给自己布菜，那就只好俄肚子。
客人入席后，不要立即动手取食。而应待主人打招呼，由主人举杯示意开始时，客人才能开始；客人不能抢在主人前面。夹菜要文明，应等菜肴转到自已面前时，再动筷子，不要抢在邻座前面，一次夹菜也不宜过多。要细嚼慢咽，这不仅有利于消化，也是餐桌上的礼仪要求。决不能大块往嘴里塞，狼吞虎咽，这样会给人留下贪婪的印象。不要挑食，不要只盯住自己喜欢的莱吃，或者急忙把喜欢的菜堆在自己的盘子里。用餐的动作要文雅，夹莱时不要碰到邻座，不要把盘里的菜拨到桌上，不要把汤泼翻。不要发出不必要的声音，如喝汤时“咕噜咕噜”，吃菜时嘴里“叭叭”作响，这都是粗俗的表现。不要一边吃东西，一边和人聊天。嘴里的骨头和鱼刺不要吐在桌子上，可用餐巾掩口，用筷子取出来放在碟子里。掉在桌子上的菜，不要再吃。进餐过程中不要玩弄碗筷，或用筷子直向别人。不要用手去嘴里乱抠。用牙签剔牙时，应用手或餐巾掩住嘴。不要让餐具发出任何声响。
用餐结束后，可以用餐巾、餐巾纸或服务员送来的小毛巾擦擦嘴，但不宜擦头颈或胸脯；餐后不要不加控制地打饱嗝或嗳气；在主人还没示意结束时，客人不能先离席。
4——喝酒
俗话说，酒是越喝越厚，但在酒桌上也有很多学问讲究，以下总结了一些酒桌上的你不得不注意的小细节。
细节一：领导相互喝完才轮到自己敬酒。敬酒一定要站起来，双手举杯。
细节二：可以多人敬一人，决不可一人敬多人，除非你是领导。
细节三：自己敬别人，如果不碰杯，自己喝多少可视乎情况而定，比如对方酒量，对方喝酒态度，切不可比对方喝得少，要知道是自己敬人。
细节四：自己敬别人，如果碰杯，一句，我喝完，你随意，方显大度。
细节五：记得多给领导或客户添酒，不要瞎给领导代酒，就是要代，也要在领导或客户确实想找人代，还要装作自己是因为想喝酒而不是为了给领导代酒而喝酒。比如领导甲不胜酒力，可以通过旁敲侧击把准备敬领导甲的人拦下。
细节六：端起酒杯（啤酒杯），右手扼杯，左手垫杯底，记着自己的杯子永远低于别人。自己如果是领导，知趣点，不要放太低，不然怎么叫下面的做人？
细节七：如果没有特殊人物在场，碰酒最好按时针顺序，不要厚此薄彼。
细节八：碰杯，敬酒，要有说词，不然，我tmd干吗要喝你的酒？
细节九：桌面上不谈生意，喝好了，生意也就差不多了，大家心里面了了然，不然人家也不会敞开了跟你喝酒。
细节十：假如，纯粹是假如，遇到酒不够的情况，酒瓶放在桌子中间，让人自己添，不要傻不垃圾的去一个一个倒酒，不然后面的人没酒怎么办？
关于敬酒
1、主人敬主宾。
2、陪客敬主宾。
3、主宾回敬。
4、陪客互敬。
记住：作客绝不能喧宾夺主乱敬酒，那样是很不礼貌，也是很不尊重主人的。
分类(转载) 作者(biyuan) 浏览(42) 评论(0)
读心术 (2009-02-25 23:08:02)“吉普赛人祖传的神奇读心术.它能测算出你的内心感应”
提示：
1、任意选择一个两位数（或者说，从10~99之间任意选择一个数），把这个数的十位与个位相加，再把任意选择的数减去这个和。例如：你选的数是23，然后2+3=5，然后23-5=18。
2、在图表中找出与最后得出的数所相应的图形，并把这个图形牢记心中，然后点击水晶球。你会发现，水晶球所显示出来的图形就是你刚刚心里记下的那个图形。
分类(转载) 作者(biyuan) 浏览(107) 评论(1)
[原创]JavaScript滚动广告类 (2009-02-17 13:21:29)以下为程序代码：
<!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=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>滚动新闻类 - 51js.com - biyuan</title>
<style type="text/css">
body {
text-align:center;
}
td {
font-size:12px;
line-height:20px;
text-align:left;
}
.marquee {
width:100%;
height:100%;
overflow:hidden;
}
</style>
</head>
<body>
<table border='1'>
<tr>
<td height='20' width='250'><div id='marquee1' class='marquee'></div></td>
<td height='20' width='300'><div id='marquee2' class='marquee'></div></td>
</tr>
<tr>
<td height='99' colspan='2'>基本上够用了吧！</td>
</tr>
<tr>
<td height='90' colspan='2'><div id='marquee3' class='marquee'></div></td>
</tr>
</table>
<script language="JavaScript">
function BYMarquee(){
this.Content = []; //显示内容
this.Speed = 20; //上移速度
this.Object = {}; //marquee容器对象
this.Pause = true; //是否停留
this.Start = function(){
var o = this.Object;
var Pause = this.Pause;
var Stop = false;
var Stop2 = false;
o.onmouseover = function(){
Stop = Stop2 = true;
}
o.onmouseout = function(){
Stop = Stop2 = false;
}
var BodyHtml = [];
for(var i in this.Content){
BodyHtml.push("<a href=\"" + this.Content[i].link + "\">" + this.Content[i].text + "</a>");
}
var Dv = document.createElement("div");
Dv.innerHTML = BodyHtml.join("
");
o.appendChild(Dv);
var DvHeight = Dv.offsetHeight;
while(Dv.offsetHeight / 2 < o.offsetHeight){
Dv.innerHTML += "
" + Dv.innerHTML;
}
Dv.innerHTML += "
" + Dv.innerHTML;
setInterval(function(){
if(!Stop){
o.scrollTop ++;
if(o.scrollTop == o.scrollHeight - o.offsetHeight){
o.scrollTop = DvHeight - o.offsetHeight;
}
if(Pause){
if(o.scrollTop % o.offsetHeight == 0){
Stop = true;
setTimeout(function(){
Stop = Stop2;
}, 3000);
}
}
}
}, this.Speed);
}
}
//实例1
var marquee1 = new BYMarquee();
marquee1.Content = [
{link : '#', text : '英法国防部证实两国核潜艇相撞'},
{link : '#', text : '中国赴欧采购清单敲定 涉及金额150亿元'}
];
marquee1.Object = document.getElementById('marquee1');
marquee1.Start();
//实例2
var marquee2 = new BYMarquee();
marquee2.Content = [
{link : '#', text : '剑仙李横握锋利嚣张的地铜剑，左右晃动'},
{link : '#', text : '你的奴隶【剑仙李】奋起反抗，被你狠狠地教训了一顿！'},
{link : '#', text : '我的奴隶 Su.新武将 在奴隶市场输给了 金光灿烂'}
];
marquee2.Speed = 10;
marquee2.Object = document.getElementById('marquee2');
marquee2.Start();
//实例3
var marquee3 = new BYMarquee();
marquee3.Content = [
{link : '#', text : '关于封装的方法之间调用的问题求助'},
{link : '#', text : '如何用Javascript来删除浏览器的历史记录？'},
{link : '#', text : '请高手帮忙破解一段代码'}
];
marquee3.Speed = 50;
marquee3.Pause = false;
marquee3.Object = document.getElementById('marquee3');
marquee3.Start();
//销毁
marquee1 = marquee2 = marquee3 = null;
</script>
</body>
</html>
[阅读全文]<!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=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>滚动新闻类 - 51js.com - biyuan</title>
<style type="text/css">
body {
text-align:center;
}
td {
font-size:12px;
line-height:20px;
text-align:left;
}
.marquee {
width:100%;
height:100%;
overflow:hidden;
}
</style>
</head>
<body>
<table border='1'>
<tr>
<td height='20' width='250'><div id='marquee1' class='marquee'></div></td>
<td height='20' width='300'><div id='marquee2' class='marquee'></div></td>
</tr>
<tr>
<td height='99' colspan='2'>基本上够用了吧！</td>
</tr>
<tr>
<td height='90' colspan='2'><div id='marquee3' class='marquee'></div></td>
</tr>
</table>
<script language="JavaScript">
function BYMarquee(){
this.Content = []; //显示内容
this.Speed = 20; //上移速度
this.Object = {}; //marquee容器对象
this.Pause = true; //是否停留
this.Start = function(){
var o = this.Object;
var Pause = this.Pause;
var Stop = false;
var Stop2 = false;
o.onmouseover = function(){
Stop = Stop2 = true;
}
o.onmouseout = function(){
Stop = Stop2 = false;
}
var BodyHtml = [];
for(var i in this.Content){
BodyHtml.push("<a href=\"" + this.Content[i].link + "\">" + this.Content[i].text + "</a>");
}
var Dv = document.createElement("div");
Dv.innerHTML = BodyHtml.join("
");
o.appendChild(Dv);
var DvHeight = Dv.offsetHeight;
while(Dv.offsetHeight / 2 < o.offsetHeight){
Dv.innerHTML += "
" + Dv.innerHTML;
}
Dv.innerHTML += "
" + Dv.innerHTML;
setInterval(function(){
if(!Stop){
o.scrollTop ++;
if(o.scrollTop == o.scrollHeight - o.offsetHeight){
o.scrollTop = DvHeight - o.offsetHeight;
}
if(Pause){
if(o.scrollTop % o.offsetHeight == 0){
Stop = true;
setTimeout(function(){
Stop = Stop2;
}, 3000);
}
}
}
}, this.Speed);
}
}
//实例1
var marquee1 = new BYMarquee();
marquee1.Content = [
{link : '#', text : '英法国防部证实两国核潜艇相撞'},
{link : '#', text : '中国赴欧采购清单敲定 涉及金额150亿元'}
];
marquee1.Object = document.getElementById('marquee1');
marquee1.Start();
//实例2
var marquee2 = new BYMarquee();
marquee2.Content = [
{link : '#', text : '剑仙李横握锋利嚣张的地铜剑，左右晃动'},
{link : '#', text : '你的奴隶【剑仙李】奋起反抗，被你狠狠地教训了一顿！'},
{link : '#', text : '我的奴隶 Su.新武将 在奴隶市场输给了 金光灿烂'}
];
marquee2.Speed = 10;
marquee2.Object = document.getElementById('marquee2');
marquee2.Start();
//实例3
var marquee3 = new BYMarquee();
marquee3.Content = [
{link : '#', text : '关于封装的方法之间调用的问题求助'},
{link : '#', text : '如何用Javascript来删除浏览器的历史记录？'},
{link : '#', text : '请高手帮忙破解一段代码'}
];
marquee3.Speed = 50;
marquee3.Pause = false;
marquee3.Object = document.getElementById('marquee3');
marquee3.Start();
//销毁
marquee1 = marquee2 = marquee3 = null;
</script>
</body>
</html>
分类(随记) 作者(biyuan) 浏览(131) 评论(0)
[原创]类google智能下拉框 (2009-02-16 21:01:15)以下为程序代码：
<!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>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body {
width:100%;
height:100%;
margin:0;
padding:0;
}
</style>
</head>
<body>
<input type="text" onkeydown="BYS.ShowList.call(this, event);" />
<input type="text" onkeydown="BYS.ShowList.call(this, event);" />
<script language="JavaScript">
function $(o){
return document.getElementById(o);
}
var BYS = {};
BYS.II = -1;
BYS.CheckDiv = function(){
var ds = $('sel').getElementsByTagName("div");
for(var i = 0; i < ds.length; i ++){
ds[i].style.background = ';
}
ds[BYS.II].style.background = 'blue';
this.value = ds[BYS.II].innerHTML;
}
BYS.ShowSel = function(o, arr){
BYS.II = -1;
if($('sel')){
document.body.removeChild($('sel'));
}
if(!arr){
return false;
}
var sel = document.createElement("div");
with(sel.style){
position = 'absolute';
width = o.offsetWidth + 'px';
top = o.offsetTop + o.offsetHeight + 'px';
left = o.offsetLeft + 'px';
border = '1px solid #000';
background = '#fff';
}
sel.id = 'sel';
document.body.appendChild(sel);
$('sel').innerHTML = arr.join(');
var ds = $('sel').getElementsByTagName("div");
for(var i = 0; i < ds.length; i ++){
ds[i].setAttribute('i', i);
ds[i].onmouseover = function(){
BYS.II = this.getAttribute('i');
this.onclick = function(){
o.value = this.innerHTML;
this.parentNode.style.display = 'none';
}
BYS.CheckDiv();
}
}
}
BYS.GetValue = function(o, arr){
if(o.value != '){
var re = new RegExp("^" + o.value + ".*$", "i");
var ra = [];
for(var i = 0; i < arr.length; i ++){
if(re.test(arr[i])){
ra.push("<div>" + arr[i] + "</div>");
}
}
return ra.length ? ra : null;
}
}
BYS.ShowList = function(event){
var e = event || window.event;
var Arr = [
"@",
"@163.com",
"@126.com",
"@qq.com",
"@gmail.com",
"@sina.com",
"@yahoo.com",
"@hotmail.com",
"@21cn.com",
"@sohu.com",
"@tom.com"
];
var o = this;
if($('sel')){
var ds = $('sel').getElementsByTagName("div");
if(e.keyCode == 38){
if(BYS.II > 0){
BYS.II --;
BYS.CheckDiv();
}
return false;
}
if(e.keyCode == 40){
if(BYS.II < ds.length - 1){
BYS.II ++;
BYS.CheckDiv();
}
return false;
}
if(e.keyCode == 13){
if(ds[BYS.II]){
this.value = ds[BYS.II].innerHTML;
ds[0].parentNode.style.display = 'none';
}
return false;
}
}
setTimeout(function(){
BYS.ShowSel(o, BYS.GetValue(o, Arr));
}, 100);
}
</script>
</body>
</html>
[阅读全文]<!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>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style type="text/css">
body {
width:100%;
height:100%;
margin:0;
padding:0;
}
</style>
</head>
<body>
<input type="text" onkeydown="BYS.ShowList.call(this, event);" />
<input type="text" onkeydown="BYS.ShowList.call(this, event);" />
<script language="JavaScript">
function $(o){
return document.getElementById(o);
}
var BYS = {};
BYS.II = -1;
BYS.CheckDiv = function(){
var ds = $('sel').getElementsByTagName("div");
for(var i = 0; i < ds.length; i ++){
ds[i].style.background = ';
}
ds[BYS.II].style.background = 'blue';
this.value = ds[BYS.II].innerHTML;
}
BYS.ShowSel = function(o, arr){
BYS.II = -1;
if($('sel')){
document.body.removeChild($('sel'));
}
if(!arr){
return false;
}
var sel = document.createElement("div");
with(sel.style){
position = 'absolute';
width = o.offsetWidth + 'px';
top = o.offsetTop + o.offsetHeight + 'px';
left = o.offsetLeft + 'px';
border = '1px solid #000';
background = '#fff';
}
sel.id = 'sel';
document.body.appendChild(sel);
$('sel').innerHTML = arr.join(');
var ds = $('sel').getElementsByTagName("div");
for(var i = 0; i < ds.length; i ++){
ds[i].setAttribute('i', i);
ds[i].onmouseover = function(){
BYS.II = this.getAttribute('i');
this.onclick = function(){
o.value = this.innerHTML;
this.parentNode.style.display = 'none';
}
BYS.CheckDiv();
}
}
}
BYS.GetValue = function(o, arr){
if(o.value != '){
var re = new RegExp("^" + o.value + ".*$", "i");
var ra = [];
for(var i = 0; i < arr.length; i ++){
if(re.test(arr[i])){
ra.push("<div>" + arr[i] + "</div>");
}
}
return ra.length ? ra : null;
}
}
BYS.ShowList = function(event){
var e = event || window.event;
var Arr = [
"@",
"@163.com",
"@126.com",
"@qq.com",
"@gmail.com",
"@sina.com",
"@yahoo.com",
"@hotmail.com",
"@21cn.com",
"@sohu.com",
"@tom.com"
];
var o = this;
if($('sel')){
var ds = $('sel').getElementsByTagName("div");
if(e.keyCode == 38){
if(BYS.II > 0){
BYS.II --;
BYS.CheckDiv();
}
return false;
}
if(e.keyCode == 40){
if(BYS.II < ds.length - 1){
BYS.II ++;
BYS.CheckDiv();
}
return false;
}
if(e.keyCode == 13){
if(ds[BYS.II]){
this.value = ds[BYS.II].innerHTML;
ds[0].parentNode.style.display = 'none';
}
return false;
}
}
setTimeout(function(){
BYS.ShowSel(o, BYS.GetValue(o, Arr));
}, 100);
}
</script>
</body>
</html>
分类(随记) 作者(biyuan) 浏览(137) 评论(0)
如何在win2k3上为IIS服务器配置SSL服务 (2009-02-14 22:03:30)随着Windows Server 2003操作系统的推出，Windows平台的安全性和易用性大大增强，然而，在默认情况下，IIS使用HTTP协议以明文形式传输数据，没有采取任何加密措施，用户的重要数据很容易被窃取，如何才能保护局域网中的这些重要数据呢?下面笔者就介绍一下如何使用SSL增强IIS服务器的通信安全。
一、什么是SSL
SSL（Security Socket Layer）全称是加密套接字协议层，它位于HTTP协议层和TCP协议层之间，用于建立用户与服务器之间的加密通信，确保所传递信息的安全性，同时SSL安全机制是依靠数字证书来实现的。
SSL基于公用密钥和私人密钥，用户使用公用密钥来加密数据，但解密数据必须使用相应的私人密钥。使用SSL安全机制的通信过程如下：用户与 IIS服务器建立连接后，服务器会把数字证书与公用密钥发送给用户，用户端生成会话密钥，并用公共密钥对会话密钥进行加密，然后传递给服务器，服务器端用私人密钥进行解密，这样，用户端和服务器端就建立了一条安全通道，只有SSL允许的用户才能与IIS服务器进行通信。
[阅读全文]分类(转载) 作者(biyuan) 浏览(152) 评论(0)
[原创]JavaScript连连看 (2009-02-07 14:38:33)以下为程序代码：
<!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=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>连连看 - bbs.51js.com</title>
<style type="text/css">
html, body {
margin:0px;
text-align:center;
}
#all {
width:456px;
height:342px;
background:#cfc2a2;
padding:1px;
margin:auto;
margin-top:20px;
}
img {
float:left;
margin:1px;
width:36px;
height:36px;
}
.c {
filter:Alpha(opacity=30);
opacity:0.3;
}
#time {
margin:auto;
width:454px;
height:8px;
overflow:hidden;
border:2px solid green;
}
#time2 {
float:left;
width:100%;
height:100%;
background:green;
}
#title, #count {
color:red;
font-size:25px;
}
</style>
</head>
<body>
<h2>JavaScript版连连看<sub>biyuan</sub></h2>
<div id="all"></div>
<div id="time"><div id='time2' title='剩余时间'></div></div>
<div>第<span id="title">1</span>关 总成绩：<span id='count'>0</span>分</div>
<script language="JavaScript">
function $(s){
return document.getElementById(s);
}
//生成数组
var o = {a : null, b : null, i : 0};
var u = 'http://biyuan.3322.org/demo/llk/images/null.png';
var m = [];
var e = new Date().getTime() + 200000;
setInterval(function(){
var w = (e - new Date().getTime()) / 200000 * 100;
if(w > 0.01){
$('time2').style.width = w + '%';
}
else{
$('time2').style.width = '0';
clearInterval(this);
alert('游戏结束！总成绩：' + $('count').innerHTML + '分');
Map = GetMap();
o.i = 0;
e = new Date().getTime() + 200000;
$("title").innerHTML = '1';
$('count').innerHTML = '0';
$("all").innerHTML = MakeMap().join("\n");
}
}, 1000);
function GetMap(){
var MapArr = [];
for(var i = 0; i < 12; i ++){
for(j = 1; j <= 9; j ++){
MapArr.push(j);
}
}
MapArr.sort(function(a, b){
return Math.random() > 0.5;
});
return MapArr;
}
var Map = GetMap();
function MakeMap(){
var Arr = [];
for(var i = 0; i < Map.length; i ++){
Arr.push("<img onload='if(this.width>500){this.width=500;this.onclick=function(){window.open(this.src);};this.alt="点击查看大图";this.style.cursor="hand"}' src='http://biyuan.3322.org/demo/llk/images/" + Map[i] + ".png' onload='SetId(this, " + i + ");' />");
}
return Arr;
}
function SetId(o, i){
o.setAttribute('x', i % 12);
o.setAttribute('y', parseInt(i / 12));
o.onclick = function(){
ImgClick.call(this);
}
m[o.getAttribute('x')] = m[o.getAttribute('x')] || [];
m[o.getAttribute('x')][o.getAttribute('y')] = true;
}
//配对成功
function CheckIsTrue(){
o.a.onload = o.b.onload = o.a.onclick = o.b.onclick = null;
o.a.src = o.b.src = u;
m[o.a.getAttribute('x')][o.a.getAttribute('y')] = false;
m[o.b.getAttribute('x')][o.b.getAttribute('y')] = false;
o.a.className = o.b.className = ';
o.a = o.b = null;
o.i += 2;
if(o.i == Map.length){
alert('恭喜过关');
Map = GetMap();
o.i = 0;
e = new Date().getTime() + 200000;
$('count').innerHTML = $('count').innerHTML * 1 + parseInt($('time2').style.width);
$("title").innerHTML = $("title").innerHTML * 1 + 1;
$("all").innerHTML = MakeMap().join("\n");
}
}
//配对失败
function CheckIsFalse(){
o.a.className = null;
o.a = o.b;
o.b = null;
}
function _xy(ax, ay, bx, xy){
for(var i = (ax * 1 < bx * 1 ? ax : bx) * 1 + 1; i < (ax * 1 < bx * 1 ? bx : ax); i ++){
if(xy ? m[i][ay] : m[ay][i]){
return false;
}
}
return true;
}
function _x(o){
var x = [];
for(var i = parseInt(o.getAttribute('x')) - 1; i >= 0; i --){
if(m[i][o.getAttribute('y')] == true){
break;
}
else{
x.push(i);
}
}
for(var i = parseInt(o.getAttribute('x')) + 1; i < 12; i ++){
if(m[i][o.getAttribute('y')] == true){
break;
}
else{
x.push(i);
}
}
x.push(o.getAttribute('x'));
return x;
}
function _y(o){
var x = [];
for(var i = parseInt(o.getAttribute('y')) - 1; i >= 0; i --){
if(m[o.getAttribute('x')][i] == true){
break;
}
else{
x.push(i);
}
}
for(var i = parseInt(o.getAttribute('y')) + 1; i < parseInt(Map.length / 12); i ++){
if(m[o.getAttribute('x')][i] == true){
break;
}
else{
x.push(i);
}
}
x.push(o.getAttribute('y'));
return x;
}
function ImgClick(){
this.className = 'c';
if(!o.a){
return o.a = this;
}
else{
if(o.a == this){
return false;
}
else{
o.b = this;
}
}
if(o.a.src == o.b.src){
//横向直连
if(o.a.getAttribute('y') == o.b.getAttribute('y')){
if(o.a.getAttribute('y') == 0 || o.a.getAttribute('y') == parseInt(Map.length / 12 - 1)){
CheckIsTrue();
return false;
}
if(_xy(o.a.getAttribute('x'), o.a.getAttribute('y'), o.b.getAttribute('x'), true)){
CheckIsTrue();
return false;
}
}
//竖向直连
if(o.a.getAttribute('x') == o.b.getAttribute('x')){
if(o.a.getAttribute('x') == 0 || o.a.getAttribute('x') == 11){
CheckIsTrue();
return false;
}
if(_xy(o.a.getAttribute('y'), o.a.getAttribute('x'), o.b.getAttribute('y'), false)){
CheckIsTrue();
return false;
}
}
//所有横坐标
var xa = _x(o.a);
var xb = _x(o.b);
for(var i = 0; i < xa.length; i ++){
for(var j = 0; j < xb.length; j ++){
if(xa[i] == xb[j]){
if(xa[i] == 0 || xa[i] == 11){
CheckIsTrue();
return false;
}
if(_xy(o.a.getAttribute('y'), xa[i], o.b.getAttribute('y'), false)){
CheckIsTrue();
return false;
}
}
}
}
//所有纵坐标
var xa = _y(o.a);
var xb = _y(o.b);
for(var i = 0; i < xa.length; i ++){
for(var j = 0; j < xb.length; j ++){
if(xa[i] == xb[j]){
if(xa[i] == 0 || xa[i] == parseInt(Map.length / 12 - 1)){
CheckIsTrue();
return false;
}
if(_xy(o.a.getAttribute('x'), xa[i], o.b.getAttribute('x'), true)){
CheckIsTrue();
return false;
}
}
}
}
CheckIsFalse();
}
else{
CheckIsFalse();
}
}
$("all").innerHTML = MakeMap().join("\n");
</script>
</body>
</html>
[阅读全文]<!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=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<title>连连看 - bbs.51js.com</title>
<style type="text/css">
html, body {
margin:0px;
text-align:center;
}
#all {
width:456px;
height:342px;
background:#cfc2a2;
padding:1px;
margin:auto;
margin-top:20px;
}
img {
float:left;
margin:1px;
width:36px;
height:36px;
}
.c {
filter:Alpha(opacity=30);
opacity:0.3;
}
#time {
margin:auto;
width:454px;
height:8px;
overflow:hidden;
border:2px solid green;
}
#time2 {
float:left;
width:100%;
height:100%;
background:green;
}
#title, #count {
color:red;
font-size:25px;
}
</style>
</head>
<body>
<h2>JavaScript版连连看<sub>biyuan</sub></h2>
<div id="all"></div>
<div id="time"><div id='time2' title='剩余时间'></div></div>
<div>第<span id="title">1</span>关 总成绩：<span id='count'>0</span>分</div>
<script language="JavaScript">
function $(s){
return document.getElementById(s);
}
//生成数组
var o = {a : null, b : null, i : 0};
var u = 'http://biyuan.3322.org/demo/llk/images/null.png';
var m = [];
var e = new Date().getTime() + 200000;
setInterval(function(){
var w = (e - new Date().getTime()) / 200000 * 100;
if(w > 0.01){
$('time2').style.width = w + '%';
}
else{
$('time2').style.width = '0';
clearInterval(this);
alert('游戏结束！总成绩：' + $('count').innerHTML + '分');
Map = GetMap();
o.i = 0;
e = new Date().getTime() + 200000;
$("title").innerHTML = '1';
$('count').innerHTML = '0';
$("all").innerHTML = MakeMap().join("\n");
}
}, 1000);
function GetMap(){
var MapArr = [];
for(var i = 0; i < 12; i ++){
for(j = 1; j <= 9; j ++){
MapArr.push(j);
}
}
MapArr.sort(function(a, b){
return Math.random() > 0.5;
});
return MapArr;
}
var Map = GetMap();
function MakeMap(){
var Arr = [];
for(var i = 0; i < Map.length; i ++){
Arr.push("<img onload='if(this.width>500){this.width=500;this.onclick=function(){window.open(this.src);};this.alt="点击查看大图";this.style.cursor="hand"}' src='http://biyuan.3322.org/demo/llk/images/" + Map[i] + ".png' onload='SetId(this, " + i + ");' />");
}
return Arr;
}
function SetId(o, i){
o.setAttribute('x', i % 12);
o.setAttribute('y', parseInt(i / 12));
o.onclick = function(){
ImgClick.call(this);
}
m[o.getAttribute('x')] = m[o.getAttribute('x')] || [];
m[o.getAttribute('x')][o.getAttribute('y')] = true;
}
//配对成功
function CheckIsTrue(){
o.a.onload = o.b.onload = o.a.onclick = o.b.onclick = null;
o.a.src = o.b.src = u;
m[o.a.getAttribute('x')][o.a.getAttribute('y')] = false;
m[o.b.getAttribute('x')][o.b.getAttribute('y')] = false;
o.a.className = o.b.className = ';
o.a = o.b = null;
o.i += 2;
if(o.i == Map.length){
alert('恭喜过关');
Map = GetMap();
o.i = 0;
e = new Date().getTime() + 200000;
$('count').innerHTML = $('count').innerHTML * 1 + parseInt($('time2').style.width);
$("title").innerHTML = $("title").innerHTML * 1 + 1;
$("all").innerHTML = MakeMap().join("\n");
}
}
//配对失败
function CheckIsFalse(){
o.a.className = null;
o.a = o.b;
o.b = null;
}
function _xy(ax, ay, bx, xy){
for(var i = (ax * 1 < bx * 1 ? ax : bx) * 1 + 1; i < (ax * 1 < bx * 1 ? bx : ax); i ++){
if(xy ? m[i][ay] : m[ay][i]){
return false;
}
}
return true;
}
function _x(o){
var x = [];
for(var i = parseInt(o.getAttribute('x')) - 1; i >= 0; i --){
if(m[i][o.getAttribute('y')] == true){
break;
}
else{
x.push(i);
}
}
for(var i = parseInt(o.getAttribute('x')) + 1; i < 12; i ++){
if(m[i][o.getAttribute('y')] == true){
break;
}
else{
x.push(i);
}
}
x.push(o.getAttribute('x'));
return x;
}
function _y(o){
var x = [];
for(var i = parseInt(o.getAttribute('y')) - 1; i >= 0; i --){
if(m[o.getAttribute('x')][i] == true){
break;
}
else{
x.push(i);
}
}
for(var i = parseInt(o.getAttribute('y')) + 1; i < parseInt(Map.length / 12); i ++){
if(m[o.getAttribute('x')][i] == true){
break;
}
else{
x.push(i);
}
}
x.push(o.getAttribute('y'));
return x;
}
function ImgClick(){
this.className = 'c';
if(!o.a){
return o.a = this;
}
else{
if(o.a == this){
return false;
}
else{
o.b = this;
}
}
if(o.a.src == o.b.src){
//横向直连
if(o.a.getAttribute('y') == o.b.getAttribute('y')){
if(o.a.getAttribute('y') == 0 || o.a.getAttribute('y') == parseInt(Map.length / 12 - 1)){
CheckIsTrue();
return false;
}
if(_xy(o.a.getAttribute('x'), o.a.getAttribute('y'), o.b.getAttribute('x'), true)){
CheckIsTrue();
return false;
}
}
//竖向直连
if(o.a.getAttribute('x') == o.b.getAttribute('x')){
if(o.a.getAttribute('x') == 0 || o.a.getAttribute('x') == 11){
CheckIsTrue();
return false;
}
if(_xy(o.a.getAttribute('y'), o.a.getAttribute('x'), o.b.getAttribute('y'), false)){
CheckIsTrue();
return false;
}
}
//所有横坐标
var xa = _x(o.a);
var xb = _x(o.b);
for(var i = 0; i < xa.length; i ++){
for(var j = 0; j < xb.length; j ++){
if(xa[i] == xb[j]){
if(xa[i] == 0 || xa[i] == 11){
CheckIsTrue();
return false;
}
if(_xy(o.a.getAttribute('y'), xa[i], o.b.getAttribute('y'), false)){
CheckIsTrue();
return false;
}
}
}
}
//所有纵坐标
var xa = _y(o.a);
var xb = _y(o.b);
for(var i = 0; i < xa.length; i ++){
for(var j = 0; j < xb.length; j ++){
if(xa[i] == xb[j]){
if(xa[i] == 0 || xa[i] == parseInt(Map.length / 12 - 1)){
CheckIsTrue();
return false;
}
if(_xy(o.a.getAttribute('x'), xa[i], o.b.getAttribute('x'), true)){
CheckIsTrue();
return false;
}
}
}
}
CheckIsFalse();
}
else{
CheckIsFalse();
}
}
$("all").innerHTML = MakeMap().join("\n");
</script>
</body>
</html>
分类(随记) 作者(biyuan) 浏览(165) 评论(1)
[原创]类QQ提示特效 (2009-02-02 17:30:28)以下为程序代码：
<html>
<head>
<title>类QQ提示特效</title>
<style type="text/css">
body {
margin:0px;
overflow:hidden;
}
.float {
width:220px;
height:120px;
position:absolute;
right:0px;
bottom:-120px;
}
</style>
</head>
<body>
<button onclick="ClassFloat.MakeFloat('temp1', '标题1', '内容1');">显示1</button>
<button onclick="ClassFloat.MakeFloat('temp2', '标题2', '内容2');">显示2</button>
<button onclick="ClassFloat.MakeFloat('temp3', '标题3', '内容3');">显示3</button>
<button onclick="ClassFloat.MakeFloat('temp4', '标题4', '内容4');">显示4</button>
<button onclick="ClassFloat.MakeFloat('temp_' + new Date().getTime(), '标题_' + + new Date().getTime(), '内容_' + + new Date().getTime());">生成随机层</button>
<script language="JavaScript">
function $(o){
return document.getElementById(o);
}
var ClassFloat = {};
ClassFloat._Fi = 100;
ClassFloat.FloatHtml = "\
<table border='1' width='100%' height='100%'>\
<tr>\
<td bgcolor='red' height='20'>biyuan的专栏</td>\
<td bgcolor='red'><a href=\"javascript:ClassFloat.CloseFloat('{$id}');\">×</a></td>\
</tr>\
<tr>\
<td bgcolor='blue' colspan='2'>{$content}</td>\
</tr>\
</table>\
";
ClassFloat.MakeFloat = function(o, t, s){
if($(o)){
$(o).style.zIndex = ClassFloat._Fi ++;
}
else{
var d = document.createElement("div");
d.id = o;
d.className = 'float';
d.style.zIndex = ClassFloat._Fi ++;
var H = ClassFloat.FloatHtml;
H = H.replace(/{\$id}/, o).replace(/{\$title}/, t).replace(/{\$content}/, s);
d.innerHTML = H;
d.style.bottom = "-120px";
document.body.appendChild(d);
ClassFloat.ShowFloat(o);
}
}
ClassFloat.ShowFloat = function(o){
if(parseInt($(o).style.bottom) < 0){
$(o).style.bottom = parseInt($(o).style.bottom) + 5 + "px";
}
else{
clearTimeout(x);
$(o).style.bottom = "0px";
return false;
}
var x = setTimeout("ClassFloat.ShowFloat('" + o + "')", 1);
}
ClassFloat.CloseFloat = function(o){
if(parseInt($(o).style.bottom) > -110){
$(o).style.bottom = parseInt($(o).style.bottom) - 5 + "px";
}
else{
clearTimeout(x);
document.body.removeChild($(o));
return false;
}
var x = setTimeout("ClassFloat.CloseFloat('" + o + "')", 1);
}
window.onload = function(){
ClassFloat.MakeFloat('temp_' + new Date().getTime(), '标题_' + + new Date().getTime(), '内容_' + + new Date().getTime());
}
</script>
</body>
</html>
[阅读全文]<html>
<head>
<title>类QQ提示特效</title>
<style type="text/css">
body {
margin:0px;
overflow:hidden;
}
.float {
width:220px;
height:120px;
position:absolute;
right:0px;
bottom:-120px;
}
</style>
</head>
<body>
<button onclick="ClassFloat.MakeFloat('temp1', '标题1', '内容1');">显示1</button>
<button onclick="ClassFloat.MakeFloat('temp2', '标题2', '内容2');">显示2</button>
<button onclick="ClassFloat.MakeFloat('temp3', '标题3', '内容3');">显示3</button>
<button onclick="ClassFloat.MakeFloat('temp4', '标题4', '内容4');">显示4</button>
<button onclick="ClassFloat.MakeFloat('temp_' + new Date().getTime(), '标题_' + + new Date().getTime(), '内容_' + + new Date().getTime());">生成随机层</button>
<script language="JavaScript">
function $(o){
return document.getElementById(o);
}
var ClassFloat = {};
ClassFloat._Fi = 100;
ClassFloat.FloatHtml = "\
<table border='1' width='100%' height='100%'>\
<tr>\
<td bgcolor='red' height='20'>biyuan的专栏</td>\
<td bgcolor='red'><a href=\"javascript:ClassFloat.CloseFloat('{$id}');\">×</a></td>\
</tr>\
<tr>\
<td bgcolor='blue' colspan='2'>{$content}</td>\
</tr>\
</table>\
";
ClassFloat.MakeFloat = function(o, t, s){
if($(o)){
$(o).style.zIndex = ClassFloat._Fi ++;
}
else{
var d = document.createElement("div");
d.id = o;
d.className = 'float';
d.style.zIndex = ClassFloat._Fi ++;
var H = ClassFloat.FloatHtml;
H = H.replace(/{\$id}/, o).replace(/{\$title}/, t).replace(/{\$content}/, s);
d.innerHTML = H;
d.style.bottom = "-120px";
document.body.appendChild(d);
ClassFloat.ShowFloat(o);
}
}
ClassFloat.ShowFloat = function(o){
if(parseInt($(o).style.bottom) < 0){
$(o).style.bottom = parseInt($(o).style.bottom) + 5 + "px";
}
else{
clearTimeout(x);
$(o).style.bottom = "0px";
return false;
}
var x = setTimeout("ClassFloat.ShowFloat('" + o + "')", 1);
}
ClassFloat.CloseFloat = function(o){
if(parseInt($(o).style.bottom) > -110){
$(o).style.bottom = parseInt($(o).style.bottom) - 5 + "px";
}
else{
clearTimeout(x);
document.body.removeChild($(o));
return false;
}
var x = setTimeout("ClassFloat.CloseFloat('" + o + "')", 1);
}
window.onload = function(){
ClassFloat.MakeFloat('temp_' + new Date().getTime(), '标题_' + + new Date().getTime(), '内容_' + + new Date().getTime());
}
</script>
</body>
</html>
分类(随记) 作者(biyuan) 浏览(152) 评论(1)
东北人就是实在 (2008-12-26 10:52:24)东北流传着这样的一条谚语：“人帮人，亲上亲”。这是东北地域文化的一个特征。谋生路上的：“帮”来自于求生的一种本能，你帮了我我不会忘记你，一种最初的人际交往便产生了。
在东北，曾经有这样一个故事，有一对邻居是好朋友，一个在山里打猎，一个在屯子里种地。二人平时见面也就是在一起默默地喝酒，从来没有过多的言语。
一次，在屯里种地的那人得了重病，快要死了。那个在山里打猎的送来一口棺材，外型很粗糙。儿女们觉得这棺材太简陋，样子又难看，就把它弃在草垛边了，后来，那庄稼人竟然又好了。儿女们都很高兴，也就没有提棺材的事，那口棺材就一直被压到草垛子下面了。
半年后的一天，山上打猎的回村，二人又是坐下来默默地喝酒。提起那种地的得病没死，打猎的才说，那棺材是长在悬崖边上的“风交木‘做的，那树三百年才长到在碗口那么粗，别看棺材的样子不好看，可有防腐作用，为了给朋友帮忙，猎人还特意杀了两头野猪放到了里边。种地的朋友说，孩子们懂个啥呀。
[阅读全文]分类(转载) 作者(biyuan) 浏览(147) 评论(0)
多卖了三百块 (2008-12-26 10:51:03)父亲种的大白菜又获丰收，可乡下集镇的白菜价钱却跌到极点。父亲决定将白菜拉到县城来卖。听到消息后，我一时语塞，其实，县城菜市里的白菜比乡下贵不了多少。
父亲说来就来，晚间新闻联播节目刚过，一辆满载白菜的小四轮就开到居民区。隆隆的马达声打破了小区的宁静，许多人家拉开窗户，探头张望。
父亲腮边沾着小四轮烟筒喷出的油烟，不过，他看起来依旧精神饱满。小四轮刚停稳，父亲攀上菜垛，抱下一袋大米，说：“刚加工的，够你小两口吃一阵子。”
卸下白菜，吃过饭，开小四轮的二柱哥执意要回家给盖新房的人家拉沙，父亲见留不住，说：“大侄子，回去给你算运输费啊。”
二柱哥前脚刚走，父亲要出去守白菜。这时，妻早已收拾好父亲的住处，我劝说：“你就睡在家里，白菜放在那里肯定安全，有保安巡逻，不会遭贼偷。”好说歹说，父亲就是不听。
[阅读全文]分类(转载) 作者(豫君) 浏览(164) 评论(1)
[原创] Select控件美化 (2008-11-11 17:01:03)以下为程序代码：
<!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>Select控件美化</title>
<style type="text/css">
.Select_txt {
background:#383931 url(select.gif) no-repeat right;
font-size:12px;
height:20px;
line-height:20px;
position:relative;
z-index:1;
text-indent:0.3em;
border:1px solid #171814;
cursor:default;
color:#878884;
text-align:left;
}
.Select_list {
background:#383931;
font-size:12px;
position:absolute;
z-index:2;
text-indent:0.3em;
border:1px solid #171814;
line-height:20px;
cursor:default;
color:#878884;
text-align:left;
}
.Select_list_over {
background:#1A1B17;
}
.Select_list_out {
background:#383931;
position:relative;
z-index:10;
}
select {
position:relative;
top:0px;
left:0px;
}
</style>
<script language="JavaScript">
function $(str){
return document.getElementById(str);
}
function addEvent() {
if (!document.all){
arguments[0].addEventListener(arguments[1], arguments[2], false);
}
else {
arguments[0].attachEvent("on" + arguments[1], arguments[2]);
}
}
function delEvent() {
if (!document.all){
arguments[0].removeEventListener(arguments[1], arguments[2], false);
}
else {
arguments[0].detachEvent("on" + arguments[1], arguments[2]);
}
}
function changeIndex(s, t){
$(t).selectedIndex = s;
$("_select_" + t).innerHTML = $(t).options[$(t).selectedIndex].innerHTML;
$("_select_txt_" + t).style.display = "none";
if($(t).onchange){
$(t).onchange();
}
}
function selectLoad(){
var sels = document.getElementsByTagName("select");
for(var i = 0; i < sels.length; i ++){
var txt = document.createElement("div");
txt.className = "Select_txt";
txt.style.width = sels[i].offsetWidth + "px";
txt.innerHTML = sels[i].options[sels[i].selectedIndex].innerHTML;
txt.id = "_select_" + sels[i].id;
var _txt = document.createElement("div");
_txt.className = "Select_list";
_txt.style.width = txt.style.width;
_txt.style.top = sels[i].offsetTop + 20 + "px";
_txt.style.left = sels[i].offsetLeft + "px";
_txt.id = "_select_txt_" + sels[i].id;
var ops = sels[i].options;
for(var k = 0; k < ops.length; k ++){
_txt.innerHTML += "<div onmouseover=\"this.className='Select_list_over'\" onmouseout=\"this.className='Select_list_out'\" onclick=\"changeIndex(" + k + ", '" + sels[i].id + "')\">" + ops[k].innerHTML + "</div>";
}
_txt.style.display = "none";
document.body.appendChild(_txt);
txt.onclick = new Function("$('_select_txt_" + sels[i].id + "').style.display=$('_select_txt_" + sels[i].id + "').style.display=='block'?'none':'block';");
sels[i].parentNode.insertBefore(txt, sels[i].nextSibling);
sels[i].style.display = "none";
}
}
addEvent(window, "load", selectLoad);
</script>
</head>
<body>
<form>
<table border="0">
<tr>
<td>
<select onchange="alert(value)" id="select1">
<option value="1">选项1</option>
<option value="2" selected>选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">选项5</option>
<option value="我就是我">选项</option>
</select>
</td>
</tr>
<tr>
<td>
<select onchange="alert(value)" id="select2">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">这个选项再长点</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
[阅读全文]<!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>Select控件美化</title>
<style type="text/css">
.Select_txt {
background:#383931 url(select.gif) no-repeat right;
font-size:12px;
height:20px;
line-height:20px;
position:relative;
z-index:1;
text-indent:0.3em;
border:1px solid #171814;
cursor:default;
color:#878884;
text-align:left;
}
.Select_list {
background:#383931;
font-size:12px;
position:absolute;
z-index:2;
text-indent:0.3em;
border:1px solid #171814;
line-height:20px;
cursor:default;
color:#878884;
text-align:left;
}
.Select_list_over {
background:#1A1B17;
}
.Select_list_out {
background:#383931;
position:relative;
z-index:10;
}
select {
position:relative;
top:0px;
left:0px;
}
</style>
<script language="JavaScript">
function $(str){
return document.getElementById(str);
}
function addEvent() {
if (!document.all){
arguments[0].addEventListener(arguments[1], arguments[2], false);
}
else {
arguments[0].attachEvent("on" + arguments[1], arguments[2]);
}
}
function delEvent() {
if (!document.all){
arguments[0].removeEventListener(arguments[1], arguments[2], false);
}
else {
arguments[0].detachEvent("on" + arguments[1], arguments[2]);
}
}
function changeIndex(s, t){
$(t).selectedIndex = s;
$("_select_" + t).innerHTML = $(t).options[$(t).selectedIndex].innerHTML;
$("_select_txt_" + t).style.display = "none";
if($(t).onchange){
$(t).onchange();
}
}
function selectLoad(){
var sels = document.getElementsByTagName("select");
for(var i = 0; i < sels.length; i ++){
var txt = document.createElement("div");
txt.className = "Select_txt";
txt.style.width = sels[i].offsetWidth + "px";
txt.innerHTML = sels[i].options[sels[i].selectedIndex].innerHTML;
txt.id = "_select_" + sels[i].id;
var _txt = document.createElement("div");
_txt.className = "Select_list";
_txt.style.width = txt.style.width;
_txt.style.top = sels[i].offsetTop + 20 + "px";
_txt.style.left = sels[i].offsetLeft + "px";
_txt.id = "_select_txt_" + sels[i].id;
var ops = sels[i].options;
for(var k = 0; k < ops.length; k ++){
_txt.innerHTML += "<div onmouseover=\"this.className='Select_list_over'\" onmouseout=\"this.className='Select_list_out'\" onclick=\"changeIndex(" + k + ", '" + sels[i].id + "')\">" + ops[k].innerHTML + "</div>";
}
_txt.style.display = "none";
document.body.appendChild(_txt);
txt.onclick = new Function("$('_select_txt_" + sels[i].id + "').style.display=$('_select_txt_" + sels[i].id + "').style.display=='block'?'none':'block';");
sels[i].parentNode.insertBefore(txt, sels[i].nextSibling);
sels[i].style.display = "none";
}
}
addEvent(window, "load", selectLoad);
</script>
</head>
<body>
<form>
<table border="0">
<tr>
<td>
<select onchange="alert(value)" id="select1">
<option value="1">选项1</option>
<option value="2" selected>选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">选项5</option>
<option value="我就是我">选项</option>
</select>
</td>
</tr>
<tr>
<td>
<select onchange="alert(value)" id="select2">
<option value="1">选项1</option>
<option value="2">选项2</option>
<option value="3">选项3</option>
<option value="4">选项4</option>
<option value="5">这个选项再长点</option>
</select>
</td>
</tr>
</table>
</form>
</body>
</html>
分类(随记) 作者(biyuan) 浏览(293) 评论(1)
股票 (2008-10-30 14:14:25)熊市终于来了，原本靠股票吃饭的三个朋友无奈开始找工作。三人一同来到某饭馆应聘。
老板问头一位：“你有什么特长？”
答：“我以前做操盘手，会炒。”
问：“手艺怎么样？”
答：“也没什么，只不过能把股价从5元炒到50元而已。”
老板很开心，说：“果然会炒，很好，我这里正需要一个大厨，就是你了。”
第二个人递上了履历表，老板翻了翻，说道：“噢，是股评家呀。这样吧，你的工作就是每天站在门口，见人就给我往里拉，这点事对你来说不难吧？”
第二人笑道：“简单，简单。”
老板转头问第三个人：“你是干什么的？”那人羞得满脸通红，不敢吱声。第二个人急忙说道：“他是我带来的，散户出身，洗碗扫地什么的随便安排个活就行。”老板有些为难，说：“我这里很高级的，要散户作什么？”
[阅读全文]分类(转载) 作者(biyuan) 浏览(163) 评论(0)
在FB滑水看到的搞笑对话 (2008-10-25 11:35:09)1.论坛楼主：我和女朋友的照片，天涯朋友轻砸～
论坛回复：植物的性器官插在长角偶蹄类动物的排泄物上……
2.论坛楼主：我新买了一处庄园，有多大说出来吓死你——我开车绕一圈足足用了两个半小时！！！
论坛沙发：嗯，以前我也有这么一辆破车～
3.论坛楼主：你们女人大夏天的戴胸罩不热吗？
论坛回复：我们不带你们会热……
4.论坛楼主：和女友ML时，女友好像喊了另一个男人的名字……
论坛沙发：你日了别人的女人你还有什么不满意的！！！
[阅读全文]分类(转载) 作者(biyuan) 浏览(246) 评论(3)
北京地名谈趣 (2008-10-24 16:59:37)
北京的街巷胡同密如蜘蛛网，不计其数，街巷名称也五花八门，饶有趣味。
北京街巷名堂之多，外地少有，诸如街、路、门、条、巷、胡同、院、大院、厂、坊、桥、井、市、口、营、池子、寺、庙、潭、宫、司、库、河、河沿、栅栏、作、局、淀、境、窑、站、庄、楼、……等等、多如天上繁星。据老者称，北京街巷原来大都没有正式命名，而是人云亦云地叫出来的，久而久之便约定俗成。而北京的地名，大体上可分为十多种类型。
[阅读全文]分类(转载) 作者(biyuan) 浏览(147) 评论(0)
被中国人误传了数千年的七句话 (2008-08-29 09:47:57)在中国崇尚权威的文化氛围中，名人名言占的地位是很重的，很多名家说的话，往往被人民当成指导自己人生观世界观的不二准则，但这些几千年流传下来的名言中，也有一些话被人刻意或无知地曲解，背离了话语者本身的意旨与初衷，迷惑了天下万千受众。影不才，试举数例解析一二，以还世情真相与大众……好了我再文诌诌地说话大家估计要扔鸡蛋，虚荣心也满足了，下面开始举例开讲。
1、以德抱怨
原句：“或曰：‘以德报怨，何如？’子曰：“何以报德？以直报怨，以德报德” ————《论语 宪问》
以德抱怨，是我们常听到的一句话了，人们通常理解的“以德抱怨”什么意思呢？就是说：孔老夫子教我们，别人欺负你了，你要忍，被打碎牙齿也要往肚子里吞，别人来欺负你，你反而应该对他更好，要用你的爱心去感化他，用你的胸怀去感动他。这就让人感觉很有点肃然了。想想看，如果我一巴掌呼过去那个被打的人还笑笑说打得好啊，你越打我我就要对你越好……遇到这种情况我也会感动到傻眼，这多好一孩子，多伟大的情操啊……
[阅读全文]分类(转载) 作者(biyuan) 浏览(377) 评论(1)
改变链接，让别人永远找不到你的程序 (2008-08-28 09:53:06)首先，建一个文件夹，把你要隐藏的文件放在里面，你的所有黑客程序什么的。
假设你建的文件夹叫hacker
然后呢，我们给这个文件夹加个扩展名（后缀）
hacker.{20D04FE0-3AEA-1069-A2D8-08002B30309D}
把它放在桌面
你会惊奇滴发现，原来的文件夹变成了 “我的电脑”
嘿嘿。。。。~你怎么点它都只会进“我的电脑”了。。。。
回收站：
{645ff040-5081-101b-9f08-00aa002f954e}
拔号网络：
{992CFFA0-F557-101A-88EC-00DD010CCC48}
[阅读全文]分类(转载) 作者(biyuan) 浏览(386) 评论(3)
一老乞丐的一句话感动全中国人 (2008-07-07 23:44:46)那是去年秋天的一个下午，我们两个又坐在那个小馆里推杯换盏，不是午饭时间，店里只有我们两个老回头客，饭店小老板也拎杯啤酒坐我们两个旁边闲扯，这是个很慵懒的午后。
在我们要第二盘水爆肚的时候，一个老乞丐推门而入。
饭店地处繁华地带，经常有落魄者和伪装的落魄者来寻求帮助，我们也都见怪不怪，这家小饭馆的小老板挺有人情味，每逢有这样的事，或多或少他都要给两个，今天也不例外，没等老人开口，他掏出一块钱递了过去。老人不要，声音很含混的说不要不要，不要钱，有剩饭给一口就成。
这令我们很诧异――――这是一个真正的“要饭”的，他不要钱。我不由得仔细打量老人，他得有80多了，身板还算硬朗，腰挺的很直，最难得的是一身衣服虽然破旧，但是基本上算干净的，这在乞丐当中绝对是很少见的。
[阅读全文]分类(转载) 作者(网络转载) 浏览(422) 评论(2)
相当实用的Ubuntu命令大全 (2008-07-04 11:10:02)相当实用的Ubuntu命令大全！学完了肯定是高手！
1 文件管理 # ls ls -a 列出当前目录下的所有文件，包括以.头的隐含文件
文件管理 # ls ls -l或ll 列出当前目录下文件的详细信息
文件管理 # pwd pwd 查看当前所在目录的绝对路经
文件管理 # cd cd .. 回当前目录的上一级目录
文件管理 # cd cd - 回上一次所在的目录
文件管理 # cd cd ~ 或 cd 回当前用户的宿主目录
文件管理 # cd cd ~用户名 回指定用户的宿主目录
2 文件管理 # mkdir mkdir 目录名 创建一个目录
[阅读全文]分类(转载) 作者(biyuan) 浏览(394) 评论(4)
{小故事}两朝天子；一代圣人 (2008-06-21 15:31:55)传说有个小镇住着姓朱和姓项两个家族。两姓之间时常发生摩擦。 姓朱的家族盖了一个大祠堂，想显示一下本族的威风。姓项的家族，岂甘落后，也兴师动众，盖了一个。姓朱的族祠先盖好了，又想在祠堂的大门上挂一幅有气派的对联，以压倒姓项。他们左思右想，终于想到：后梁的朱温、明朝的朱元璋，都是坐过龙庭、当过皇帝的朱家人；理学家朱熹，在大宋时代，也曾以“亚圣”名震天下，是朱氏门中杰出的一个风云人物。他们根据这些历史典故，在祠堂门左右各书四个字，构成楹联一幅： 两朝天子；一代圣人。项姓祠堂也建成了。项家看到朱姓祠堂楹联的狂妄口气，大为愤慨。因此，他们召集了全家族的大会，又把秀才们找到一起，考察项氏家谱，专门研究如何写一幅对联，才能压倒朱姓的凌人傲气。很多人都说：“人家又是天子，又是圣人，天地间，哪有比这些更神气的呢？”谈过来，谈过去，商量了几天，总讨论不出个头绪来。最后只好决定：出重赏，向外界征求楹联。 朱姓那边，见到这种情形，得意非常。哪知，山高也有人行路，水深还漂打鱼船。有个外乡人应征来了。项家把他尊为上宾。 在项姓召集的全族首脑人物会上，外乡人给大家讲了两个历史故事： 一个是春秋时代的故事。孔子曾经拜在项橐（读驼）的门下，向他学习礼仪。 另一个是秦汉时代的故事。项羽抓到刘邦的父亲后，用大鼎将他煮死。 这个外乡人讲完故事后，大声向众人说：“朱氏门中有人当过天子，项门中人，曾把天子的父亲煮死；朱氏门中有人称为圣人，项门中人，曾经是圣人的老师。我要代你们项姓用以上的历史故事，作一幅对联，压得朱家透不过气来！” 外乡人的话音一落，项姓族人立刻欢呼雀跃，杀牛宰羊，盛情款待了这位外乡人，并给以重赏。 第二天，项姓宗祠的大门上，也是左右各书四个字： 烹天子父；为圣人师。
[阅读全文]分类(转载) 作者(biyuan) 浏览(297) 评论(0)
{代码}以前写的一棵无限级JS树 (2008-06-13 02:19:52)
分类(随记) 作者(biyuan) 浏览(390) 评论(1)
{代码}原创一个AJAX类 (2008-06-12 23:09:04)以下为程序代码：
/*************************************************************************
Ajax类
Send方法的参数解释：
Ajax.Send(Url[, Async[, CallFunc[, User[, Pass]]]]);
Ajax：
必选项，Ajax对象的一个实例。
Url：
必选项，请求的地址。
Async：
可选项，为空表示请求模式为GET，为具体参数（如：{key : "postkey", value : "postvalue"}）表示请求为POST。
CallFunc：
可选项，为空表示同步请求，为一个Function对象时表示异步请求并在Ajax的onreadystatechange事件中调用此函数。
User：
可选项，服务器需要验证时此参数为验证需要的用户名。
Pass：
可选项，服务器需要验证是此参数为验证需要的密码。
例子：
function getSend() {
if(ajax.xml.readyState == 4 && ajax.xml.status == 200){
alert(ajax.xml.responseText);
}
else {
alert("wait...");
}
}
var PostString = {
classid : 1,
search : "无忧脚本"
}
var ajax = new Ajax();
ajax.Send("http://bbs.51js.com/");//GET同步请求，可用ajax.xml.responseText获取返回值
ajax.Send("http://bbs.51js.com/", false, getSend);//GET异步请求，回调getSend()函数
ajax.Send("http://bbs.51js.com/", PostString);//POST同步请求，可用ajax.xml.responseText获取返回值
ajax.Send("http://bbs.51js.com/", PostString, getSend);//POST异步请求，回调getSend()函数
**************************************************************************/
function Ajax() {
this.xmlObject = function() {
try {
return new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e) {
try {
return new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e) {
try {
return new XMLHttpRequest();
}
catch(e) {
return window.createRequest();
} ;
};
};
};
this.xml = this.xmlObject();
this.Send = function() {
var PostStr = !!arguments[1] ? (function() {
var tempArr = new Array();
for(var i in arguments.callee.caller.arguments[1]){
tempArr.push(i + "=" + arguments.callee.caller.arguments[1][i]);
}
return tempArr.join("&");
})() : null;
this.xml.open(PostStr ? "POST" : "GET", arguments[0], !!arguments[2], arguments[3], arguments[4]);
!!arguments[2] ? this.xml.onreadystatechange = arguments[2] : null;
if(PostStr){
this.xml.setRequestHeader("Content-Length", PostStr.length);
this.xml.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
};
this.xml.send(PostStr);
};
};
[阅读全文]/*************************************************************************
Ajax类
Send方法的参数解释：
Ajax.Send(Url[, Async[, CallFunc[, User[, Pass]]]]);
Ajax：
必选项，Ajax对象的一个实例。
Url：
必选项，请求的地址。
Async：
可选项，为空表示请求模式为GET，为具体参数（如：{key : "postkey", value : "postvalue"}）表示请求为POST。
CallFunc：
可选项，为空表示同步请求，为一个Function对象时表示异步请求并在Ajax的onreadystatechange事件中调用此函数。
User：
可选项，服务器需要验证时此参数为验证需要的用户名。
Pass：
可选项，服务器需要验证是此参数为验证需要的密码。
例子：
function getSend() {
if(ajax.xml.readyState == 4 && ajax.xml.status == 200){
alert(ajax.xml.responseText);
}
else {
alert("wait...");
}
}
var PostString = {
classid : 1,
search : "无忧脚本"
}
var ajax = new Ajax();
ajax.Send("http://bbs.51js.com/");//GET同步请求，可用ajax.xml.responseText获取返回值
ajax.Send("http://bbs.51js.com/", false, getSend);//GET异步请求，回调getSend()函数
ajax.Send("http://bbs.51js.com/", PostString);//POST同步请求，可用ajax.xml.responseText获取返回值
ajax.Send("http://bbs.51js.com/", PostString, getSend);//POST异步请求，回调getSend()函数
**************************************************************************/
function Ajax() {
this.xmlObject = function() {
try {
return new ActiveXObject("Microsoft.XMLHTTP");
}
catch(e) {
try {
return new ActiveXObject("Msxml2.XMLHTTP");
}
catch(e) {
try {
return new XMLHttpRequest();
}
catch(e) {
return window.createRequest();
} ;
};
};
};
this.xml = this.xmlObject();
this.Send = function() {
var PostStr = !!arguments[1] ? (function() {
var tempArr = new Array();
for(var i in arguments.callee.caller.arguments[1]){
tempArr.push(i + "=" + arguments.callee.caller.arguments[1][i]);
}
return tempArr.join("&");
})() : null;
this.xml.open(PostStr ? "POST" : "GET", arguments[0], !!arguments[2], arguments[3], arguments[4]);
!!arguments[2] ? this.xml.onreadystatechange = arguments[2] : null;
if(PostStr){
this.xml.setRequestHeader("Content-Length", PostStr.length);
this.xml.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
};
this.xml.send(PostStr);
};
};
分类(随记) 作者(biyuan) 浏览(864) 评论(7)
