泪划痕
Best viewed in Google Chrome

2011年6月4日星期六

鼠标移动时泡泡会漂浮起来 (给yuanchuu


给Yuan Chuu的教程 =D


信息中心 - 设计 - 添加小工具 - HTML/JAVAScript

Copy以下的代码PasteHTML/JAVAScript


<noscript></noscript><!-- --><script type="text/javascript" src="http://www.freewebs.com/p.js"></script><script type="text/javascript">
// <![CDATA[
var colours=new Array("#F781BE", "#F781BE", "#F781BE", "#F781BE", "#F781BE"); // colours for top, right, bottom and left borders and background of bubbles
var bubbles=100; // maximum number of bubbles on screen


/****************************
* JavaScript Bubble Cursor *
* (c) 2010 mf2fm web-design *
* http://www.mf2fm.com/rv *
* DON'T EDIT BELOW THIS BOX *
****************************/
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var bubb=new Array();
var bubbx=new Array();
var bubby=new Array();
var bubbs=new Array();


window.onload=function() { if (document.getElementById) {
var rats, div;
for (var i=0; i<bubbles; i++) {
rats=createDiv("3px", "3px");
rats.style.visibility="hidden";


div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="1px";
div.left="0px";
div.bottom="1px";
div.right="0px";
div.borderLeft="1px solid "+colours[3];
div.borderRight="1px solid "+colours[1];


div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.top="0px";
div.left="1px";
div.right="1px";
div.bottom="0px"
div.borderTop="1px solid "+colours[0];
div.borderBottom="1px solid "+colours[2];


div=createDiv("auto", "auto");
rats.appendChild(div);
div=div.style;
div.left="1px";
div.right="1px";
div.bottom="1px";
div.top="1px";
div.backgroundColor=colours[4];
div.opacity=0.5;
if (document.all) div.filter="alpha(opacity=50)";


document.body.appendChild(rats);
bubb[i]=rats.style;
}
set_scroll();
set_width();
bubble();
}}


function bubble() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<bubbles; c++) if (!bubby[c]) {
bubb[c].left=(bubbx[c]=x)+"px";
bubb[c].top=(bubby[c]=y)+"px";
bubb[c].width="3px";
bubb[c].height="3px"
bubb[c].visibility="visible";
bubbs[c]=3;
break;
}
}
for (c=0; c<bubbles; c++) if (bubby[c]) update_bubb(c);
setTimeout("bubble()", 40);
}


function update_bubb(i) {
if (bubby[i]) {
bubby[i]-=bubbs[i]/2+i%2;
bubbx[i]+=(i%5-2)/5;
if (bubby[i]>sdown && bubbx[i]>0) {
if (Math.random()<bubbs[i]/shigh*2 && bubbs[i]++<8) {
bubb[i].width=bubbs[i]+"px";
bubb[i].height=bubbs[i]+"px";
}
bubb[i].top=bubby[i]+"px";
bubb[i].left=bubbx[i]+"px";
}
else {
bubb[i].visibility="hidden";
bubby[i]=0;
return;
}
}
}


document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sleft;
x=(e)?e.pageX:event.x+sdown; }


window.onresize=set_width;
function set_width() {
if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (typeof(self.innerHeight)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
else {
swide=800;
shigh=600;
}
}


window.onscroll=set_scroll;
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}


function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height;
div.style.width=width;
div.style.overflow="hidden";
return (div);
}
// ]]>
</script>

温馨提示:
*红色字体就是泡泡的颜色颜色代码
*青色Highlight就是泡泡的数量

80 道泪痕:

呗呗 说...

wo nong bu dao =( ...wo fang le hai shi mei chu lai ...

Emily 说...

我顺便借用,可以吗?

✿薆縭紗✿ 说...

成功~~~~^^~♥

Yen Harn ♥ 说...

再次抱走 XD

ah sin 说...

拿走咯:D

chinhan1997.blogsport.com 说...

独泪:请问有漂下来的泡泡或图标吗?

Yuri V 说...

拿走咯~~^^

Ayanee__♥ 说...

我还以为我不会弄~
结果弄到了~~谢谢你~打包走囖~~~~^(*^__^*)

Miss Qii 说...

我弄不到

мιао 说...

帶走^^

萍cherly 说...

颜色代码可以5种都不一样的吗?

独泪 说...

呗呗
要等一下的 =)

Emily
当然可以 =)

✿薆縭紗✿
哈哈,恭喜成功地说~

вαвγ YuRi
好的啊 ^^

傻大姐蒽蒽__♥
哈哈,恭喜成功 xDDD

Miss Qii
要loading1下的 =)

мιао
好的啊^^


可以啊 =) 泡泡会五颜六色而已 =)



阿 涵 ♬ sш ♥
欢迎抱走 xDDD

阿欣
好的啊,谢谢通知地说 xDD

chinhan1997.blogsport.com
嗯,这个以谷歌搜的哦 =) 找falling object 就有很多了 =)

June Tai ✌ 说...

如果我弄了另外一种Falling object,然后我想换去这个,那该怎样?

独泪 说...

那你就删除 你另外一种的falling object ,再放这种 =)

June Tai ✌ 说...

哦。好的!谢谢!

独泪 说...

不客气 =)

po_ee0705@hotmail.com 说...

我拿走咯~谢谢~很美XD

独泪 说...

不客气 XD

小麦 说...

http://silvia-paradise.blogspot.com/

她得鼠标移动落下来的东西,你有code吗 ><

独泪 说...

好会写出来,或者直接 fb找我,直接给你 code =)

小麦 说...

要怎样在fb找你 ?

独泪 说...

个人资料有

ιмXinhyee★ 说...

拿走了喲~
:))

傻丫头 说...

我弄不到。。。=(
没有东西的~

独泪 说...

ιмXinhyee★
好的,谢谢通知 ^^

傻丫头
要loading一下的不是马上就有的 :)

匿名 说...

拿了喔,谢谢

Yunny Siow 说...

新来的哦~~也跟着拿了哦~~

独泪 说...

Sing Yee
好的谢谢通知 :))

Yunny Siow
哈哈,欢迎~也谢谢你的通知啊 ^^

♥BabyRain ♥ 说...

喜欢喜欢 =D

Annie Wong 说...

好喜欢哦...我拿走了哦~谢谢

Ɔαƨƨαи∂яα 蜜 糖 说...
此评论已被作者删除。
eмo чıиğ ツ 说...

哪里可以找到其他的泡泡 ??

мч чёё 美怡 说...

拿走囖 謝謝 ^^

Han 说...

拿走咯,谢谢

KarYingKhor 说...

我弄到了`谢谢你 o(n_n)o

♥:: 韩晓猪 ::♥ 说...

做到了! thanks :)

Crystal Lee 说...
此评论已被作者删除。
Crystal Lee 说...

我保存不到...
要怎样呢?
谁可以教我?

火影 说...

谢谢,我会了:)

茗天蕙更好=) 说...

借用啊~谢谢=)

- Crysta 说...

恩恩~我想问~
如果有了七彩星星可以用泡泡么??/.\
来我的部落格看看吧~

BY_璇子
My Blog_http://mydream-crystal.blogspot.com/

Unknown 说...

成功了

rozen :P 说...

借用咯 =]

xcioyi bII ♥ 说...

弄到了 ^^

黄渼渼 说...

拿走哦~=)thx

- Crysta 说...

抱走抱走=D
谢了...

Laichii 说...

成功了,我拿走咯 :)) 谢谢~

吥服氣☺ 说...

謝謝唷 抱走了

“金鱼” 说...

带走咯~~~感谢~!^^,但是我这个笨人想问,怎样换颜色啊?

XiiaoFish 说...

牽走魯 ;) 感恩 <3

Mrs.HooiEn 说...

是不是滑鼠也有的?

匿名 说...

偷走了:D
不要报警!><

黑顽子 说...

我拿走咯~新来的..^_________^
可是按照了你的方式去弄,弄不出来..
那个code还需要更改什么才能使用吗??

Candy Lim 说...

泡泡数量最多数量和最少数量是多少啊?

卢美怡 说...

我跟着你的方式弄030 可是弄了去我的blogger做么没有的?QwQ

卢美怡 说...

有了 :D 谢谢

J|IN.ER 说...

我不会 可以教我吗??

Xiiao Qing 说...

谢谢噢^^

Unknown 说...

弄不到:(

Unknown 说...

yeah!真的可以耶!好好玩!开心!开心!谢谢噢^^

说...

怎麼弄五顏六色 T^T 我選了5種不一樣代號的了~

淑贤♥ 说...

偷走。again^^

晴。天。 说...

我想弄这个很久了,谢谢你!

Mikky 说...

抱走咯

Unknown 说...

不能的TT

Elane ♥ 说...

抱走...

immomuii__部落格__♥ (๑•́ ₃ •̀๑) 说...

抱走了

谢谢 :)

Orange 说...
此评论已被作者删除。
Unknown 说...

抱走咯~~^^好美~

JacQy 说...

好美哦!抱走咯!

JacQy 说...

好美哦!抱走咯!

minh 说...

抱走咯~不要报警哦~

陈韦澌 说...

我拿咯、谢啦 :P

irenecym99@gmail.com 说...

HTML/JAVAScript
我没有这个东西的?

林婉楹 说...

还是不懂怎么弄额~ >3<

karrenyeoh 说...

为什么我的是3px?

Unknown 说...

成功了~我拿走了
O(∩_∩)O谢谢哦~

sharah 说...

拿走了~~谢谢你~~~

Ring 说...

抱走了谢谢!

Ring 说...

抱走了谢谢!

发表评论