點擊鼠標在網頁上生成氣泡

2024-09-05 12:21:54

字體：大中小

來源：轉載

供稿：網友

模擬在網頁上生成氣泡漂浮的網頁背景效果，用JavaScript 實現的，點擊鼠標手，程序開始復制對象，并生成隨便漂浮坐標，具體實現還需仔細看代碼才行。

<HTML><HEAD><title>點擊鼠標在網頁上生成氣泡</title></HEAD><BODY bgColor=#000000 scroll=no onload=zyva()><div   class="cunvzwe"   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層切換改變背景顏色

下一篇：新浪的網頁背景特效，可以關閉不顯示