点击鼠标在网页上生成气泡

2024-09-05 12:21:54

字体：大中小

来源：转载

供稿：网友

模拟在网页上生成气泡漂浮的网页背景效果，用JavaScript 实现的，点击鼠标手，程序开始复制对象，并生成随便漂浮坐标，具体实现还需仔细看代码才行。

<HTML><HEAD><title>点击鼠标在网页上生成气泡</title></HEAD><BODY bgColor=#000000 scroll=no onload=zyva()><div id=aqua style="position:absolute;left=0;top=0;"></div><IMG id=B src="/d/file/p/2024/09-05/19e6ee2ab75c4d0fbd07af2fb1412ced.gif" style="display:none"><SCRIPT>object = new Array()var xm,ymfunction CObj(N,obj){	aqua.insertAdjacentHTML("AfterBegin","<img style='position:absolute;left:-1000;' src='"+obj.src+"'>")	this.img = aqua.firstChild.style	mr = Math.random()	this.v = 6*mr+4	this.s = .5*mr	this.p = .1+mr	this.w = 0	this.k = 0	this.x = xm	this.y = N	this.ChteuMeulEu = function ChteuMeulEu(){		with(this){			with(img){				left  = (x+=0.5*v*Math.sin(k+=s))-w*0.5				top   = y-=v				width = Math.min(w+=p,100)			}			if(y<-w){				w = 8				y = ym				x = xm			}		}	}}function gradient(R,G,B,m){	for(i=0;i<25;i++){		c = 255 - 10 * i		C = "/"RGB("+Math.round(c*R/255)+","+Math.round(c*G/255)+","+Math.round(c*B/255)+")/""		code = "<span style='position:absolute;font-size:1pt;left=0;width=120%;height="+(m)+".2%;top="+(i*m)+"%;background="+C+";z-Index:-1000'></span>"		document.body.insertAdjacentHTML("beforeEnd",code)	}}function zyva(){	xm = document.body.offsetWidth * 0.5	ym = document.body.offsetHeight	document.onmousemove = function (){		xm = window.event.clientX		ym = window.event.clientY	}	for(i=0;i<60;i++)object[i] = new CObj(i,B)	setInterval("for(i in object)object[i].ChteuMeulEu()",16)	gradient(41,93,214,2)}</SCRIPT></BODY></HTML>

上一篇：用选项卡控制DIV层切换改变背景颜色

下一篇：新浪的网页背景特效，可以关闭不显示