比特客栈的文艺复兴

阿虚真勤快，又把SOS团的首页设计换了。Haruhi.tv真是史上更新最频繁的动画官网首页啊

这次的设计果然是应对凉宫春日第7集的内容。

乱码+用PS随便搞出来的Logo…………

↓继续↓

然后发现连主页的Javascript和Html码也被做了手脚。IE浏览器左下角（Status Bar）可以看到长门留下来的字(？)：

Escape! (离开!)

其中一段：

function nm() {
  window.status = "escape!";
  if(document.layers) {
    document.Layer_nm1.left = Math.floor( Math.random() * 600);
    document.Layer_nm1.top = Math.floor( Math.random() * 400);;
  }else{
    Layer_nm1.style.left = Math.floor( Math.random() * 600);
    Layer_nm1.style.top = Math.floor( Math.random() * 400);
  }
}

“阿虚”用这段代码生成了两个随机数，用他们来控制某个隐藏图片的出现位置。

如果你还没有意识到，就是这张。看到那猫人（Nekoman）没？

每次出现的地方都会不同，而且由于“阿虚”使用了z-index（见注解1），图片可以出现任何地方（这里图片就显示在border上，同一层内是无法定义的）

然而当你想去点它时，图片却会瞬移到另一个地方（有可能看不到）。这里“阿虚”用的是，这段代码。

<A onmouseover=nm() href="#"><IMG height=32 src="img/nm_et.gif" width=22 border=0></A>

这里的onmouseover是一种Javascript事件，意思为“当鼠标移动到元素上方时执行XXX”，它支持<a>标签；而#则代表目前页面。

因此每当你用鼠标移动到图片上方时，Javascript就会执行函数nm()（刚才的代码），图片自然就到随机到另一点了。

另外，如果你认真观察了标题乱码的图片，你可能发现访问者数量显示为“AIR HUH”

好像就这么多了吧？？

喂…… 

等等……

什么，你不信？你看到官网和正常一样？？

那恭喜你。

  if( Math.random() < 0.2) {
    document.write("029819");
    sostitle.src = "img/zoz_title.gif";
    soslogo.src = "img/zoz_logo.gif";
  } else {
    document.write("AIR HUH");
    sostitle.src = "img/sos_title.gif";
    soslogo.src = "img/sos_logo.gif";
  }
  nm();

上面这段代码起到了读取不同图片的作用。再次利用Math.random函数生成一个在[0,1)区间内小数。如果你这么幸运看到了少于20%的人才能看到的页面，或许你也是凉宫同学“选中的人”啊XD

这里顺带一提了，如果你真看到了正常页面，找到不同之处了么？

已经不是原来的SOS了哦，是ZOZ了…………

所以说，这都是“阿虚”搞的鬼，大家不用担心世界被毁。orz

注解1：z-index是CSS属性之一，其参数只有一个，可以是任意整数（包括负数）。被赋予z-index属性的元素（例如<div>标签）将被排序，值高的元素永远显示在值低的元素前。（把它看作是Photoshop里的图层吧，处于上方的图层会挡住下方的图层。）

注解2：利用z-index的前提是元素已经被CSS定位，例如“绝对”（Position: absolute）