哈利波特网页上有蝴蝶用鼠标一触就飞了,这种网页是怎么做出来的?

JavaScript08

哈利波特网页上有蝴蝶用鼠标一触就飞了,这种网页是怎么做出来的?,第1张

用js做的,至少有两副蝴蝶的图片,一副静止的,一副运动的,当鼠标移动到上面时,那个层开始运动,并且图片变为运动的那幅图片,

下面是简单的事例:

<div id=layer1 onmouseover=fly()><img id=pic1 src=stillness_butterfly.gif>

<script language=javascript>

function fly(){

pic1.src=movement_butterfly.gif

for(i=0,i<=1200,i++)

for(j=0,j<=800,j++)

{

settimeout('play('+i+','+j+')',10)

}

}

function play(int x,int y){

layer1.left=x

layer1.top=y

}

</script>

蝴蝶

作词:佐佐木 雅代 作曲:京田 诚一

演唱：王心凌

秋千摇晃着七彩的蝴蝶

微风吹着宁静的秋天

曾经那张无忧无虑的脸

而现在多了懂事了解

我和你唯一的旧照片

当时的我们笑得多甜

蝴蝶就要展翅飞

带着我一起追

就算一个人的夜

不害怕 也很美

我要勇敢地向前

破茧而出的蜕变

幸福不会离我太遥远

看着蝴蝶在天空翩翩飞

我预感了永远

那一天我背对着你走远

忍住了在眼角的泪水

经过多少个天亮和天黑

我终于学会怎么想念

我和你唯一的旧照片

当时的我们笑得多甜

蝴蝶就要展翅飞

带着我一起追

就算一个人的夜

不害怕也很美

我要勇敢地向前

破茧而出的蜕变

幸福不会离我太遥远

飞越沧海桑田 找寻着

我想要的永远

不害怕 一个人往前飞

不眷恋 曾经有多美

蝴蝶就要展翅飞

带着我一起追

就算一个人的夜

不害怕也很美

我要勇敢地向前

破茧而出的蜕变

幸福不会离我太遥远

看着蝴蝶在天空翩翩飞

我预感了永远

http://music.baidu.com/song/5895228