<![CDATA[htmlwind]]> http://www.htmlwind.com/ zh-cn PBlog2 v2.4 htmlwind http://www.htmlwind.com/images/logos.gif http://www.htmlwind.com/ htmlwind http://www.htmlwind.com/article.asp?id=40 <![CDATA[Css失效整蛊之谜]]> lijunabcxy@163.com(李军) Wed,07 Jan 2009 18:41:57 +0800 http://www.htmlwind.com/default.asp?id=40 正常情况下
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

当你不小心写代码的时候出现了手误，就变成了下面的情况：
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

实际代码也许远比现在这个情况要复杂的多，可能我们抓破脑袋，仔细检查了上千行CSS终于找到了罪魁祸首，可是我们写代码的时候不小心又失误了，出现了另外一种情况如下：
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

这个问题也许我们很轻易就发现了，但是如果出现下面这样的问题呢，估计我们头都要大了。
这个例子不能直接运行，你可以参照我说的方法，去运行下这个例子
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></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>
<body>
<p class="a">红色的文字</p>
<p class="b">蓝色的文字</p>
<p class="c">绿色的文字</p>
</body>
</html>

css代码
程序代码 程序代码

.a{color:red;}
.b{color:blue;font-family:  "黑"}
.c{color:green}

将html保存为utf-8然后将css保存为ANSI格式。或者将CSS保存为utf-8，html保存为ANSI格式。
然后在html中引用CSS。如果在一个几千行的CSS中间出现这样一个东西，我估计想死的决心都有了。

最下面一种情况请在FF下面浏览，简直是整蛊了。
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

如果有一天，你接手一个网站，在FF下你发现你页面上的内容能显示，但链接不能点的话，恭喜你，你被整蛊了。
我们来分析下。
第一次失效的原因，是因为我们不小心将}输成了]
第二次失效的原因，是因为我们不小心将:输成了",当然这个还可以延伸，比如；等
第三次失效的原因，是因为我们定义字体的时候，将"黑体"写成了"黑".而且页面与CSS编码不同造成的。
第四个整蛊就是利用了FF下绝对定位元素的遮罩。所以在层叠在其他元素下面的文字和链接在FF下君不能选中和点击。



]]> http://www.htmlwind.com/article.asp?id=39 <![CDATA[JS数组求平均数函数]]> lijunabcxy@163.com(李军) Mon,05 Jan 2009 10:00:13 +0800 http://www.htmlwind.com/default.asp?id=39
程序代码 程序代码

/**
* @author 风魂
  @functionName  _Average 求平均数函数
   @ a   减去几个最高数
   @ b   减去几个最低数
*/



function _Average(con,a,b){
var num=new Array()
var sum=0,Average,ab=a+b
con.sort(function(x,y){return parseInt(y)-parseInt(x);})  //将数字由高到低排序
if (con.length>ab)                                                     //如果数组长度大于a+b
{for (var i=0;i<(con.length-ab);i++ )                            //将去除最高和最低数之外的数赋值给num数组
{num[i]=con[i+a]
}
for (var k=0;k<num.length;k++)                                  //求出num数组的和
{sum+=parseInt(num[k])
}
Average=sum/num.length
alert(con)    //输出数组
alert(num)   //输出剩下的数组
alert(Average)   //输出平均值

}
else
{alert('数组太短')

}
}
var con=new Array(3,4,5,17,2,11,8)
_Average(con,2,2)


HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]




JS求平均数，写着玩玩的]]> http://www.htmlwind.com/article.asp?id=38 <![CDATA[游魂惊梦]]> lijunabcxy@163.com(风魂) Sun,28 Dec 2008 18:34:06 +0800 http://www.htmlwind.com/default.asp?id=38 刺客们从四周纷纷向我围拢，我没有放慢脚步，不停挥舞着手中的剑，继续向前奔去，任凭身后一大群追逐的身影。
突然间，远处的闪过一抹红霞，灵儿轻盈的身姿渐渐出现在我面前。在几个刀客的围攻下，灵儿正落下风。我纵身一跃，并顺势轻轻一挑，将一名刀客刺向灵儿的刀不偏不倚挑向他同伴的胸口.
剑锋一旋，将其他几名刀客都笼罩在剑气之下..

我的出现，让灵儿顿时欢声雀跃，却忘了我们任然深处险境之中，不顾一切扑到我怀里。感受到灵儿温暖的身体的同时，我也隐隐感受到远处的敌人的气息。
我牵着灵儿小心的从来时的路退回着，杀机已经开始慢慢浮现。
一阵箭雨疾飞过来，我使出漫天剑舞，带着灵儿艰难的前行。就在杀到箭阵里的时候，突然一只冷箭从后方射向灵儿，我急速身形一转，将灵儿顺势带入前方剑气的保护之中，伴随这肩部的一阵巨痛，我的眼睛开始充血，我的手时刻在不停的挥舞着剑，我的剑不停的从敌人的身体里穿过，直到最后我渐渐的失去知觉，倒在灵儿的怀中..


"游，你这个懒猪，还不快起床"电话那头，灵儿美妙的声音又一次将我从被窝里拉起来。
不知道从何时起，灵儿就成了我每天的闹钟。

灵儿是我游戏里面的老婆，现实中却是一个有男朋友的年轻白领，这让我这个热血青年多多少少心里有种说不出来的酸楚，幸好我们两个的城市相距千里。

已经是大四的最后一学期了，大半同学都已经离校工作去了，继续留在学校里的除了了考研的就是我这样所谓的剩男了，整层宿舍楼都显得很冷清。没啥特长，大学四年练就的本事就是能熟练玩转各种网络游戏。每次满怀希望去面试，最后都在面试官的鄙夷声中抬不起头来。种种失落也许只有在游戏中才能回到一点点尊严，也只有在游戏中才会让我忘记自我，也只有游戏才能让我暂时忘记现实，游戏的感觉真好，我常常这样对自己说。

草草洗漱，迫不及待登上游戏，灵儿已经在里面等我多时了，能够找个像灵儿一样的工作是应该是我一直追求的目标，可以工作时间玩游戏，不知道多羡煞旁人。

虽然灵儿见到我一如既往打出的欢快的表情，可接下来一路的旅程我却感觉到她的心不在焉。好长一段时间，我一直在游戏里一个偏僻的角落里陪着她发呆，谁都没有说话。我意识到气氛的凝重，可我什么都没问，只是一直静静的陪着她。


引用内容 引用内容
终于灵儿开口说话了：游，我喜欢上了一个人，
我知道他说的那个人是我，可我仍故作惊讶的打出了一排…..
灵儿：可是我不知道怎么跟我男朋友说，他对我很好，我该怎么办？
我：如果你对他没感觉了就跟他直说吧，他如果对你好的话他会知道的
灵儿：他什么事都会迁就我，就这件事他无论如何都不会答应的
我：你有你的自由，你可以选择你自己的生活
灵儿：我以前曾经跟他说分手，他以自杀相威胁，后来不了了之。这次不知道他会做出什么疯狂的事情
我：如果你真的决定分手，那你可以尝试这疏远他，他自己应该会明白的。同时你也要衡量下自己这么做是否值得，另一个男人是否值得你这么付出
………….


我不知道如何形容自己当时的心情，心里惊喜的同时还要故作镇静，有时候特想得到的同时却还要把自己装的很高尚。也许每个男人遇上这样的机会都会像我一样。我想这绝对不是虚伪，我在心里不断对自己说。

引用内容 引用内容
......
灵儿：我只是个很普通的人，我长的不漂亮，你会喜欢我么？
我：我喜欢的是你的人，而不是你的容貌
（每个男人说这句话的时候我估计都很虚伪，我也不例外。从跟灵儿的接触和她跟我说的生活的点点滴滴我一直坚信她是个美女）
灵儿： 十里莲湖雾连天，伊人抚剑心若弦，亭亭白鹤首相依，与君从此无别离  
  还记得我们第一次遇见的时候你送我的诗么？
我：记得，那是第一次为一个女孩子写诗，也是为最后一个女孩子写诗。
（我写过不少的类似的诗，这首是最成功的）
…..
灵儿：我跟他分手了，下个周末来看你
……


4月18日，天空微有细雨，风有点冷，可我的心却是火热的，想起即将见到灵儿，我掩饰不住心中的激动。就在昨晚，灵儿上车之前我们一番缠绵的电话之后，我却久久不能入睡，爬起来，打开电脑，进入游戏，来到所有我们曾经一起去过的场景。心中的甜蜜和激动反复的翻滚，最后只有裹起被子躺在椅子上看着游戏进入睡眠。在梦里似乎一个美妙的身影不停的在身前舞动。

广播里传来99次列车到站的声音，让我的心几乎沸腾起来。我不停的幻想这灵儿那可爱的面容和美妙的身姿。脚步不停的在出战口来回徘徊着，脖子伸的老长，从过往的美女身上来回扫过，再扫过。熙熙攘攘的人流中不时转来搜索的目光，可没有人往我这边靠近。

裤袋传来熟悉的铃声，我掏出电话，是灵儿打来的，我激动的按下接听键“喂！”
突然感觉一个软软的身体扑到我怀里，我还没看清面目的时候也同时感觉到这个身体的分量。“游，我是灵儿”
我将灵儿从我怀中推开，我仔细打量灵儿，美妙的声音和人的形态反差太大了，我猛地感觉有点天旋地转，我脸上挤不出一丝笑容，甚至都不愿再多看一眼。前一刻还在我脑海中的导体，这一瞬间却变成了现实中的绝缘体。

灵儿当场一愕，也许在那一刻我们都知道幻想就要破灭了，可没想到这么突然。
“游，你不是说你喜欢的是我的人，为什么会这样？”
我没有回答，我也不知道怎么回答，我只想逃离这个世界，我冷冷的转过身，迈着大步想逃离这个现场。我第一次感觉到自己是这么的无情，也是这么的无耻。在我转身的那一霎拉，我瞟到了灵儿绝望无助的眼神，也听到一个无助的身体砰地一声坐到地上的声音。
“游，你不能这么对我！”

那是一个冰冷湿滑的广场，所有的人都注意到了这样一个可怜的女孩子瘫坐在地上，伴着绝望的泪水和无助的嘶喊。可我的心却一直感受不到。
冰冷的细雨和身后灵儿的嘶喊，没有博起我丝毫的同情，却让我想更快的逃离这个世界。我拦了辆车，我关了手机，逃离了那个我不愿面对的现场。

回到宿舍以后，我删除了相伴了三年的游戏角色，却删除不了以前的任何一丝回忆。我怎么也不愿意将我朝思暮想的灵儿跟今天见面的人联系在一起。我想忘了今天，想忘记见到的这个人，却无法忘记。我在椅子上呆呆的坐了一天，闭上眼睛我还是继续幻想她，可睁开眼睛，我却不能接受她。我无法相信自己爱上一个一个无法接受的人的事实。

第二天，我收拾了行李，没有去火车站，去了长途车站，踏上了南下的客车。也许逃离了这座城市，心就不那么痛苦了么？

陌生的城市里，我开始拼命的工作，我一直在让自己很努力也很投入。努力让自己麻木，努力让自己忘记过去，努力让自己每天面带笑容。可我却无法面对夜深人静一个人独自在出租屋床边独坐的场景。我常常开始失眠，每次失眠我都会拿出笔和纸写点东西，可是却发现自己再也没有灵感。渐渐地，我身上已经找不到丝毫以前颓废的感觉，我成了同事眼中的上进青年。可是有些事只有我自己心里清楚，有些事情不去想就真的过去了么？
那天因为要发一封邮件，我打开了尘封的邮箱，收件箱已经被塞满，打开一看全是灵儿发来的，我的心开始抖动。打开最后一封，是两个月前发过来的

引用内容 引用内容
游：
我就要去一个没人知道的地方了，对不起，我等不到你了，祝你幸福！
                                                                          灵儿
十里莲湖雾连天，伊人抚剑心若弦，亭亭白鹤首相依，与君从此无别离


最后打开第一封
引用内容 引用内容
游：
  我打了你电话已经关机，我跑到你学校去问了所有人，都找不到你，管理处的说你离开学校了。
  你为什么要躲着我，你是骗子！你是坏蛋！
  游，你不要丢下我
游，我真的很爱你
游，你不要抛弃我好吗？
我会每天给你写一封信，直到你回来
             灵儿

看到这里我的眼泪开始忍不住夺眶而出，中间还有很多封信的内容是空的，我能感受到灵儿写这些信的时候的绝望，和一滴滴泪水滴下下的空白。我的心中第一次感受到如此强烈的震撼，长久积压的感受一瞬间释放了出来。我也第一次感受到自己给灵儿带来多么大的伤害，曾今幼稚的自己是多么的无耻。
我在同事们惊愕的眼光中发疯一般冲出公司，拿出手机拨出了那个一直想忘掉却记忆深刻的电话号码，电话那边传来移动客服机械般的声音：“您拨的用户已停机”。

我下楼拦了辆的士，风一般的赶到火车站，坐上了赶往灵儿那个城市的火车。
来到灵儿的城市，我顾不上疲累，我凭着记忆中灵儿告诉我的地址开始疯狂的找寻灵儿的踪迹。可所到之处，好像都没有灵儿存在的痕迹。后来我去网吧登陆游戏，注册账号，去寻找熟悉的ID，去熟悉的场景。可惜一切都物是人非。
天色渐渐的黑下来，雨也开始下了起来，洒在我的脸上，湿湿的，却没有太多冰冷，惨和着我脸上的泪水。昏暗的公园因雨的侵袭，没有一个人影，疲惫的我静静的坐在石凳上等着我心中那幻想的奇迹。

我也不知道自己什么时候睡去，只记得自己醒来的时候却已置身在房间里，正趴在桌子上，脸颊还留有两行清晰的泪痕。
右手还紧紧握着圆珠笔，笔下潦草的写着一首诗
“十里莲湖雾连天，伊人抚剑心若弦，亭亭白鹤首相依，与君从此无别离”
我赶紧拿出电话，拨打那个号码，电话居然通了。
电话那边传来让我激动的声音：“游，明天我来看你”
我的名字叫梦游。
]]> http://www.htmlwind.com/article.asp?id=37 <![CDATA[javascript,flash播放器综合交互的补充]]> lijunabcxy@163.com(李军) Wed,17 Dec 2008 16:21:27 +0800 http://www.htmlwind.com/default.asp?id=37 由于以前项目用的播放器还有会员验证等等功能，太过繁杂，今天就尝试自己做一个。
在N次的搜索和修改之后，才发现做一个播放器是如此的简单，汗自己一个先。
先简单说下步骤，然后再说下我能理解的。
第一步，我们打开Adobe Flash CS3，新建一个flash文件。
第二步，在窗口中将组件面板勾上，在组件中Video下面找到FLVPlayBack，将其拖入到场景中，调整大小，给该实例取名，本例中我将其取为myVideo
第三步，新建一个层，命名为AS或者Actionscript都随你便。点击这个层选择下面的工作面板。添加下列代码。

程序代码 程序代码

var param:Object = root.loaderInfo.parameters                  
var flv:String =param.url;                                                    
ExternalInterface.addCallback("vplay",vplay);                
vplay(flv);                                                
function vplay(_flv:String){                                
    myVideo.source = _flv;
}

这时候我就很不幸的发现，这样工作就已经完成了。保存源文件，导出swf文件，在html实例中测试成功。
由于FLVPlayBack组件太过方便了，大大简化了我们的工作。
分析上面的AS之前，先了解下FLVPlayBack的一些常用参数。你可以在我们拖入该组件的时候，选择该组件，然后点参数面板。
source：播放文件的路径。（注意：在flash8或者以前的版本用的是contentPath）
skin：为播放器选择不同的外观，会生成一个skin的swf，使用的时候记得上传
autoplay：是否自动播放，默认为true自动播放。
volume：音量控制
（下面这两个属性由于部分隐藏了，看不清楚只能大致猜一下。）
skinBackgroundopecity：设置播放器控制条的透明度
skinBackgroundcolor：设置播放器控制条的颜色

根据我们的需要，我们要控制的就是myVideo对象的source值了，开始分析as代码

var param:Object = root.loaderInfo.parameters                  
var flv:String =param.url;    
这两行前面已经讲过，通过接收flashvars的值获取url
                                              
ExternalInterface.addCallback("vplay",vplay);                 
//这点很重要，应该算是整个AS交互的精华部分了，为JS提供一个播放函数（vplay）的回调方法。

function vplay(_flv:String){                                
    myVideo.source = _flv;
}
//播放函数，将是myVideo对象的source值

关于ExternalInterface.addCallback方法，收集的一些印象。
ExternalInterface.addCallback是用于flash和js通信的方法，可以将某个As里面的函数提供一个接口给外部的JS调用
在AS3里面有两个参数("funJS",funAS)，前面的参数是使用JS调用的方法，后面的是AS里调用的方法。
在AS2里面需要在前面两个参数中加一个对象，这个对象我的理解应该是指定调用这个AS方法的对象，这个对象可以为null，如果为null则表示不限制。

很少接触flash及AS方面的应用，很多全凭对JS方面的理解照搬过来。当然两者有些语法方面类似，只是AS在每个变量初次定义或者使用的时候都要声明变量的类型。

放上做好的成品源文件。
下载文件 点击下载此文件

整个交互实例在http://www.htmlwind.com/article.asp?id=34中下载
]]> http://www.htmlwind.com/article.asp?id=34 <![CDATA[javascript,flash播放器综合交互]]> lijunabcxy@163.com(李军) Tue,16 Dec 2008 18:03:51 +0800 http://www.htmlwind.com/default.asp?id=34
下面这个很常见的例子就是我们要做的交互：
很多网站的视频播放页面上都会有多个相关视频图片或者描述或者链接，点击这些视频或者链接我们就能立即在当前页面播放该视频。

我们最需要解决的问题就是如何通过html上的一些事件将某些参数传到播放器里面。
通过html向flash传递参数我们可以通过插入flash对象的时候在object中添加这样一段代码。
程序代码 程序代码
<param value="url=www.htmlwind.com" name="flashvars"/>

在上面的代码中，我们在flashvars的value中传入了url参数，实际应用过程中，我们可以传入一个或者多个。
如果传入多个可以写成value="url=www.htmlwind.com&name=lijun"
然后在flash播放器的AS代码中，加入接收相关参数的代码
程序代码 程序代码

var param:Object = root.loaderInfo.parameters   //定义一个对象接收flashvars
var flv:String =param.url;                                      //获取播放url的值
vplay(flv);  
                                                       //调用播放函数播放

现在我们就可以通过修改网页中flashvars的值就可以控制每次页面加载时播放的视频了.
由于很多时候我们的视频会根据页面的参数会有不同，在同一个页面也需要播放其他的视频。所以最好我们能看看下一步。
------------------------------------------------------------------------------------------------------------
我们构建一个flash调用函数，将要传入flash播放器的url参数，flash的宽度，高度，插入的容器id，以及显示模式做位参数，同时为了更好的分离，这个函数可供其他flash调用。
为了方便起见，我将函数中的一些验证flash插件版本的部分去掉了，代码如下。
程序代码 程序代码

/*
   @ swf()   flash调用函数
   @ swf     flash地址，如果是播放器，则可以在其地址后面加上（？url=要播放的视频地址)
   @ swfid   插入object的id
   @ width   flash的宽度，为数字
   @ height  flash的高度，为数字
   @ divid   插入flash代码的容器的id
   @ wmode   flash的wmode控制参数，可不填
  
--*/

function swf(swf,swfid,width,height,divid,wmode){
    var n= swf.indexOf("?");                           //判断flash地址是否包含？
    var flashUrl = (n!=-1)?swf.substring(0,n):swf;     //如果地址包含？号则定义flashUrl等于地址？前面的值，否则flashUrl的值等于传入的地址
    var flashVars = (n!=-1)?swf.substring(n+1):'';     //如果地址包含？号则定义flashVars等于地址？后面的值
                                                       //下面是一段flash播放器的代码，以及插入一些传递的参数和变量。
    var swfStr = '<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0" width="'+width+'" height="'+height+'" id="'+swfid+'" align="middle">';
    swfStr += '<param name="allowScriptAccess" value="always" />';
    swfStr += '<param name="movie" value="'+flashUrl+'" />';
    swfStr += '<param name="flashvars" value="'+flashVars+'" />';
    swfStr += '<param name="allowFullScreen" value="true" />';
    swfStr += '<param name="quality" value="high" />';
    swfStr += '<param name="wmode" value="'+((!wmode)?"transparent":"")+'" />';
    swfStr += '<embed src="'+flashUrl+'" flashvars="'+flashVars+'" quality="high" ';
    swfStr += 'wmode="'+((!wmode)?"transparent":"")+'" ';
    swfStr += 'width="'+width+'" height="'+height+'" name="'+swfid+'" allowFullScreen="true" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />';
    swfStr += '</object>';
    if(divid){
        document.getElementById(divid).innerHTML = swfStr;   //将flash代码插入指定容器id
    }else{
        document.write(swfStr);
    
    }
    return (document[swfid]||window[swfid]);
}

------------------------------------------------------------------------------------------------------------
有了以上的代码，当页面中插入flash播放器或者flash，就会象下面一样的轻松。
同时可以轻松构建一个vplayer对象，并利用其调用播放器里的vplay函数就很方便了。
程序代码 程序代码

</script>
    var vplayer = swf("vplayer.swf?url=/video/25671166.flv","vplayer","500","600");
     //为了方便起见，我将另一个函数也写在了这里
   function vplay(flv){
                    vplayer.vplay(flv);  //通过vplayer对象调用vpalyer.swf的vplay函数播放flv
              }
<script>      

给页面的图片或者链接加个onclick="vplay(url)"或者href="javascript:vplay(url)"就可以实现切换视频了



附：最近心情工作有点压抑，写的很乱，对AS方面的认识也很肤浅.


下面是一个简单的实例文件。包含一个html页面以及一个flash播放器及源码（这个东西临时做的，有点粗糙）还有两个flv视频文件，flv文件是从土豆里面找出来的，仅供测试所用，测试完毕请自行删除。
下载文件 点击下载此文件
如果想了解更多内容请看下一篇内容。

]]> http://www.htmlwind.com/article.asp?id=35 <![CDATA[劫梦惊魂]]> lijunabcxy@163.com(李军) Sun,07 Dec 2008 12:43:20 +0800 http://www.htmlwind.com/default.asp?id=35 夜已深，是什么在侵蚀你的灵魂
梦亦沉，让梦诠释你心中的伤痕
陌生的城市，压抑的梦，又有谁能分得清现实与梦境

      中国南方某城市，刚下火车，来不及卸下一身疲惫的我，拖着行李匆匆忙的赶到老城区.就在几天前，我在网上联系了一个房东，她在城中村西街的有一个房间，宽敞又便宜.这对有理想有抱负却没多少钱的我来说，算是在这里不错的容身之处了.
    
      这是一栋类似四合院一样的居民楼，房东是个四十来岁的中年女人，叼着烟，身材有点象功夫里面的包租婆，不过我感觉人还比较随和，很好说话.建筑的外表很破旧，应该有几十年的历史了，我的房间在5楼，也是顶楼了，四楼到五楼间还有道铁门，应该有点安全 。奇怪的是每间房间的窗户都很小，房间的门都朝里面的走廊方向，整个房间都显得很阴暗，我租的是右边的第二间，没有厕所.整个楼层共用一个厕所,厕所还挺大，很干净，地面都很干，打开厕所门的时候我隐隐看到房东眼里闪过一丝慌乱.走廊很潮湿,5楼另外还有七个象这样的套间，间间房门紧闭，现在是下午四点，我想可能都没下班不在家吧.
  
      我将行李随便找了个地方搁置下，拿出六百块交给房东,房东接过钱就下楼走了.虽然还是很疲惫，但很快被兴奋所冲淡，后天就是周末，于是拿出手机联系了早已过来的几个同学约好明天晚上一起过来小聚.想起美好的明天，不由心中一阵激动.把地方收拾了一下，下去吃了个饭，买了点东西，回来已经是晚上八点了.走廊的灯很昏暗，整个五楼的房间都没开灯，好像五楼就我一个房客了.出奇的安静，走路的回音显得特别大 .打开门，开灯，走到里间，推开那扇小小的窗户，一股温馨的感觉迎面扑来，顿时所有累积的疲惫通通袭来，顾不上没洗澡，往床上一躺，只想一觉睡到大天亮.
  
     半夜醒来，是因为下腹一股涨涨的感觉，爬起来穿上拖鞋，迷迷糊糊就往厕所里走，站在槽边就开始嘘嘘，就在嘘到一半的时候背后突然吹来一股寒气，整个人一下子被吹醒了。好像感觉到有点不对劲，整个厕所只有一个窗户，而且开得很高，怎么会有一股寒气从背后吹来呢？当下没有细想，就在与此同时，厕所四周的墙仿佛在震动，我揉了揉眼睛，仔细一看四周的墙上隐隐现出无数个木牌，每个木牌都隐隐发出幽幽的光芒，木牌的形状有如灵位。每个木牌都在不断摇晃震动着，似乎要冲出墙壁。我再回头看门，似乎正要悄然关闭.一种彻底的恐惧从心底蔓延开来，整个人呆了两三秒，嘘到一半都强忍了下去，拔起腿就往外冲，脱鞋都甩掉了.就在我手要抓住门的时候，门砰的一声，关上了，我怎么用力也无法打开.这一刻我的心跌到了谷底，我慢慢滴呆坐在一地，任凭恐惧蔓延到我的每一个细胞。四周的木牌极为剧烈的摇晃着，似乎夹杂着一种凄沥的呼呼声，我的身体慢慢开始不受控制了，只能感觉到我的心脏随着恐惧的剧增在剧烈的跳动，在剧烈的膨胀，似乎要爆炸开来...
  
      就在我感觉自己快承受不住的时候，豁然醒来，原来前面发生的一切是场梦，原来睡觉的时候手压住了胸口，冷汗冒了一身，回想起来一切似乎都那么的真实，只是渐渐遥远。一切可怕的东西好像都不存在了，只是醒来后还心有余悸，唯有胀胀的感觉倒是真的.由于晚上回来的时候开的灯都忘记关了，整个房间就象白天一样，很大程度消除了醒来时的紧张感,看了看表，已经是凌晨两点半了，下面胀得厉害，很想去厕所去解决，可因为刚才的梦，一时还没有勇气过去.爬起来透过窗户透透气，到处都很静，另外三面的楼里只有一两家从窗户里滲出昏黄的灯光，其他的都是一片漆黑，院子里的路灯，懒懒的照着一块空旷的水泥地.院子出奇的安静，我的心也慢慢平静下来，这时候勇气和好奇心战胜了恐惧.
  
      打开房门，走廊上还是昏暗的灯光，只不过我斜对面的一个房间隐隐偷出了一丝灯光，看到这丝灯光，我的心里已经没有丝毫恐惧，大步迈向厕所，虽然厕所里灯光也很昏暗，定眼看去，已远不及梦中那般可怕了.终于淋漓尽致的嘘嘘了一把，从厕所返来的时候，斜对面的灯光已经熄了.回到房间也没细想，躺到床上，似乎睡意不浓，随便拿本书翻了翻，果然很快就睡着了.
  
      第二天醒来已经是早上七点，昨天的梦几乎已经忘得差不多了，随便洗把脸以后就准备下楼吃早餐并顺便在附近逛下.在下到四楼的时候碰到一位阿姨，看到我一脸的惊讶，一幅欲言又止的样子.周围的其他人好象都是一副木然的表情，各自忙着手里的事情，仿佛天塌下来也砸不着的样子.这城市的天气不是一般的热，早上八点多，已经足以让人汗如雨下，匆匆买了点面包，打算中午都不出来了，躲房间里看书过日子算了.就在我买好东西，还抱怨天气热的时候，风云突变，天一下子就黑了起来，匆匆忙忙跑回家，雨哗得就落下来了。
      
       整个四周黑得厉害，到房里开了灯，外面好象黑夜一样。我躺在床上吃了个面包，翻着书.楼梯间的铁门好象哐了一下，接下来一阵急促的脚步声,脚步声走到我的房门好象停了，我爬起来冲到外面想看个究竟，打开房门，外面空空如也，哪有什么人影，只有昏暗的走廊. 楼梯的铁门又在哐铛的不停的响，我没想太多，冲过去一看，铁门已经被人上了锁.我大声的叫喊，可周围好象没人回应.奇怪，刚出去的时候看到四楼还蛮多人的，还有那位有点怪异的阿姨呢，这些人好象一下子凭空消失一样的.一种莫名的恐惧开始袭来,外面的天怎么还不亮起来呢?
    
       走廊里又传来怪异的脚步声,我冲上去,脚步声停止了,走廊里有时什么也没有,我悄悄的来到走廊里,藏到门凹里,静静的等,可过了好久,脚步声还是没响起,就在我准备回房间的时候,走廊又传来哐的声音,一声比一声响.我再次跑到楼梯间那里,这时候我看到了早上那位阿姨,手抓着铁门,喃喃的念道:这五楼有问题,这五楼有问题.......
我刚准备问她,猛然感觉到后背被人轻轻拍了一下,我回头看了一下,仿佛看到一个男人的身影快速冲进走廊去了 .再回头一看,那位阿姨也不见了,我抓住铁门用力的摇了几下,又大声喊了好久,还是没人出来,世界上的人好象凭空消失了一样,我觉得还是先回头找那个进入走廊的人,走廊一片死寂,但我斜对面的房间里好象渗出淡淡的灯光,我上前去,用力的敲着门,里面好象没有回音,过了好久,里面的灯突然间灭了.可过了好久,却一直没听到脚步声.
    
      这时候心里开始有点发毛,颤抖中打开了自己的门,房间里仿佛又是另一个世界,明亮的日光灯,洁白的墙壁,心也开始慢慢缓和,推开窗户,外面的世界还是很黑,雨很大.外面的空地,对面的房间好象都黑漆漆的.没有灯光, 我站在窗户边上对着窗外大声的吼叫，声音却始终淹没在暴雨声中。我在房里百般无聊来回踱步，甚至躺在床上翻来覆去，也曾不停的翻着手中书，不知过了多久终于在枯燥文字的作用下渐渐的闭上双眼。
  
     在一阵尖锐的汽笛声中，我突然被吵醒。爬起来一看外面烈阳高照，院落里不停的有人走动，并无半点下过雨的痕迹，早上发生的一切也有点模糊，是梦还是真实的我都不那么肯定了。打开房门，走廊里传来不同房间的对话声。斜对面的房间门缝里，似乎还看到了一个人聚精会神写东西。我定了定心神，往楼梯方向走去。楼梯的铁门居然没有锁，我小心翼翼的走下了楼梯，四楼的走廊上，一个老婆婆正在打扫卫生，回头稍微望了我一眼，又继续开始打扫。我一直走到楼下的院落里，一路上也碰到几个人，眼神似乎都很冷漠，也许对陌生人有点警惕。我在院子里溜达了一圈，却怎么也找不到曾经下雨的痕迹，我想也许是旅途劳累才会做如此怪异的梦吧。
  
       已经是中午十分，就先出去找了个地方解决了肚子问题。也许心里还有点余悸，所以不大想回房间，就开始在附近开始溜达。在这座曾今梦想的城市里，远处的高耸的大厦和这里拥挤甚至杂乱的居屋形成鲜明的对比。城中村的人流似乎对应中心区的车流，一直是那么的川流不息。
      
       路上的行人，大多衣着光鲜，却脚步匆匆；亦有衣衫褴褛，双面失神，无精打采的游荡。而我似乎介于两者之间，漫无目的的游荡，思考着今后的前程，想着如何有一天能在此立足。早前了解的一些资讯，也让我明白到就业形势不是那么乐观。而此地的房价让我想起一句歌词“百年梦已圆”，只要你花一百年的努力，这个梦想是可以实现的。而我的脑海中也开始不停的盘旋着各种创意，和使这短时间尽量缩短的方法。
  
      从五点开始我就在房子楼下面开始等，一直等到七点，小民和剑锋终于出现了。几月不见，他们没什么变化，就连穿着都跟学校里的一样。我们去街边买了凉菜烧烤，跑到小卖部提了七八瓶酒，就一边说笑着上了楼。在说笑的同时我仍然细心的观察着楼里各处的环境，也始终没发现半点异样，一切似乎仅存在于我模糊的记忆里。最后总算确认早上的仅仅是个梦而已。
  
      回到房里，我们没有太多的准备就开始喝了起来。边喝我就将昨天的梦境对他们说起，并问起他们早上暴雨的情形。结果却遭到他们的一番耻笑，说实话要是我没经历过说不定我也会和他们一样。于是乎我只有将他们在学校里的糗事一一列举出来回敬他们。当晚，他们两个留在了我这里陪我。
    
      第二天小明带着我了人才市场，在熙熙攘攘的人流中开始了为梦想追逐的脚步。每天招聘的公司都很多，可合适我的职位却极少。看着一份份简历如石沉大海，我的目标也渐渐开始动摇。这个多雨的季节，持续数天的暴雨也不断清洗着我的理想。在每个暴雨的下午，拖着湿透的鞋子裹着湿淋淋的裤腿带着一身潮湿回到房间的时候，我一次又一次的告诉自己，我要早点结束这种日子，我要找个容身之所。暴雨似乎没有带给我任何的希望，也让我渐渐忘记了这个房子里发生的梦境。
  
     半个月后一个晴朗的下午，终于收到了一家单位的通知，正式在一个IT公司上班了，虽然很多方面距离我想还有很大差距，可对我来说也让我恢复了久违的信心，也让我找到了在这个城市打拼的起点。
    
    上班以后，每天我都努力的工作，认真的学习，也让自己不断的积累着一些东西，只为飞上更高的枝头。当一次次的在工作中脱颖而出的时候，我毫不犹豫的选择了跳槽。在这个充满机会的城市里，只要你努力似乎能看到机会随时在向你招手。
  
      两年后，我已经在原来的目标基础上迈出了一大步，成绩也超出了不少同学。可看看周围的人群，心里仍然会有点落差。我早已搬出了当年的城中村，在一个居民小区租了个一室一厅。都市丰富多彩的娱乐活动不能让我忘记从前的艰辛，可长期对欲望的追逐也渐渐令我身心疲惫，开始长吁短叹。

       在一个加班的晚上，我等来最后一趟503公交车。车上人不多，我找了靠窗的一个座位，朦胧的日光灯，摇曳的车身让人昏昏入睡，就连靠站的感觉都不那么明显。突然间，我猛地感觉到气氛的变化。一个高挑的黑衣女人上了车。微卷的长发，幽怨的眼神，秀气的鼻子，如红宝石般剔透的双唇镶嵌在尖尖的下巴之上。白净的脖子下面，诱人的黑色内衣在敞开的风衣下高高凸起。她一步步朝车厢后走来，深紫色短裙下面，黑色丝袜紧紧的包裹着一双修长的双腿。脚下的长靴有规律的和地板发出“噔噔”声。而我的心跳也随着这声音逐渐加速，眼睛也开始放出异样的光芒。我不停在心里默念：坐我旁边过来。
  
       黑衣女人淡淡的看了我一眼，就径直做到了我的旁边。这我慌忙吧头从她身上转开，我的心差点提到嗓子眼了，心里却还在盘算如何与她进一步接触。不时用眼神扫向她的胸口，却不敢抬视线接触她的眼神。突然间，她轻轻的拍了拍我的肩膀，我匆忙转头接触她的眼神，那双眼，深恨幽怨很迷人，紧紧吸引着我的目光，似乎两边的世界都不存在一样。
     我的耳边也突然传来很深邃的声音“请问，这里是503吗？”
    
    突然之间，我感觉到天旋地转，身体失去惯性，头重重的撞在前面的座位上，我强忍着剧痛，扶着东西坐起来，却发现四周的光线异常明亮，车子及车上的乘客突然间凭空消失了，还有我的黑衣美女，只有耳边似乎仍回旋着那深邃而幽怨的声音。我已经坐在水泥地板上，我的手正扶着床沿。我正置身一个房间之内，刺眼的阳光从窗外洒进，周围的环境竟异常熟悉。房间的一角，堆着曾经我来这个城市的行李，而我身上的衣服却竟然是两年前的。我努力回想起这两年的点点滴滴，我的头开始剧烈的疼痛，而这些却开始慢慢从我的记忆中一点点消失，我不停的掐着自己的脸，直到掐到自己绝望。
   桌上的电话开始响起，是小明打来的，我机械般的按下接听键，传来小明热情的声音
   “风，今晚我来不了了，明天陪你去人才市场”我已经瘫倒在了地上。
   .....
  503是我房间的门牌号
[/code]


谨以此文献给曾今在都市中拼搏挥洒青春的朋友们。
附言：由于本文前半部得分写于一年多以前，后半部分写于今天晚上，所以如果有衔接风格问题请多包涵，转载请著名作者及引用地址。]]> http://www.htmlwind.com/article.asp?id=33 <![CDATA[简单的当前分页高亮显示Javascript方法]]> lijunabcxy@163.com(李军) Sat,29 Nov 2008 10:17:36 +0800 http://www.htmlwind.com/default.asp?id=33 为此特意写了个简单的方法。通常分页的html代码大致如下：
程序代码 程序代码
<div id="page_div"><a href="page?=1">1</a><a href="page?=2">2</a><a href="page?=3">3</a><a href="page?=4">4</a></div>

我们为当前页写一个样式
程序代码 程序代码
.page_curr{color:blue}

下面是我们的Javascript代码：
程序代码 程序代码

/* page_id 包含分页列表的容器的id
     cssname选中样式的className
*/
function pageactive(page_id,cssname){
var page_url=location.href;   //获得当前url
var page_link=document.getElementById(page_id).getElementsByTagName("a"); //获取分页列表
var tempnum=0;   //建立一个计数器变量，判断是否为默认页
for (var i=0;i<page_link.length ;i++ )   //遍历分页
{if (page_url.indexOf(page_link[i].href)>-1)    //如果当前url中包含某个分页的链接
{page_link[i].className=cssname ;              //使该链接处于选中状态
  page_link[i].href="#" ;                       //使改链接url为#
  tempnum=1;                                    //修改计数器变量
  }
}
if(tempnum==0)                                  //如果计数器变量没有改变，则该页为默认页
{page_link[0].className=cssname ;              //修改分页1为当前状态
}
}
window.onload=function(){
pageactive("page_div","page_curr")
}


原理分析：通常程序分页是给页面的当前链接添加一个相关参数或者其他方法，在这个过程中，页面会刷新，通过本地脚本保存的一些变量和样式会重新载入。所以每点一次分页，当前选中的样式也会消失，加载后JS会重新判断一次
通过判断当前url是否包含分页的链接就可以得出当前页面的链接，只需给该分页链接加个样式，即可实现分页的当前状态显示。通过一个计数器变量判断是否为当前也，如果是当前页就将分页1的链接修改为当前状态。

具体情况可能会各有不同，可以简单修改一些东西以适用不同的项目需要。
将运行代码另存为网页文件可以进行测试。
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]
]]> http://www.htmlwind.com/article.asp?id=32 <![CDATA[光棍节男人的javascript小程序]]> lijunabcxy@163.com(李军) Tue,11 Nov 2008 16:24:52 +0800 http://www.htmlwind.com/default.asp?id=32
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

输入美女，然后点搜索就会有惊喜哦

]]> http://www.htmlwind.com/article.asp?id=31 <![CDATA[三个div实现上下左右等分（自适应）]]> lijunabcxy@163.com(李军) Thu,30 Oct 2008 19:50:46 +0800 http://www.htmlwind.com/default.asp?id=31
HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

很简单的效果，随便玩下看看。
上下左右的区块会随浏览器窗口大小自动增大减小
上下和左右等分]]> http://www.htmlwind.com/article.asp?id=30 <![CDATA[圆角div高宽自适应（一张图片）]]> lijunabcxy@163.com(李军) Tue,28 Oct 2008 10:39:58 +0800 http://www.htmlwind.com/default.asp?id=30 思路：
既然是一张图片实现圆角自适应，我们就需要考虑这个圆角最大能大到什么尺寸，最高能高到什么尺寸，虽说是自适应，也不需要做到无限大，没什么实用价值。然后做出一张极限尺寸的图片出来。（如果是单色的话，压缩下就算图片尺寸大，图片的字节数也不会很大）。
开始布局，用四个div分别实现圆角矩形的四个角。
最外围的区块负责实现右边圆角（如果你喜欢也可以换成左，这个区块需要自适应高宽。）
里面定义一个左浮动的区块，高宽等于圆角的半径即可，实现圆角的左边。
左区块下面定义个下边的区块，清除两边浮动，自身向左浮动，自适应高度，实现圆角的左下角，定义padding-left为圆角半径值。
下边的区块里面放置我们放置内容的区块，用其背景实现圆角的右下角。设置其padding-right及padding-bottom值效果更佳。

整体效果如下：

HTML代码


[Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

用到的图片：

]]>