标签云

标签云,第1张

概述标签

下面是内存溢出 jb51.cc 通过网络收集整理的代码片段。

内存溢出小编现在分享给大家,也给大家做个参考。

var radius = 120;var dtr = Math.PI/180;var d=300;var mcList = [];var active = false;var lasta = 1;var lastb = 1;var distr = true;var tspeed=10;var size=250;var mouseX=0;var mouseY=0;var howElliptical=1;var aA=null;var odiv=null;window.onload=function (){	var i=0;	var oTag=null;		odiv=document.getElementByID('div1');		aA=odiv.getElementsByTagname('a');		for(i=0;i<aA.length;i++)	{		oTag={};				oTag.offsetWIDth=aA[i].offsetWIDth;		oTag.offsetHeight=aA[i].offsetHeight;				mcList.push(oTag);	}		sineCosine( 0,0 );		positionAll();		odiv.onmouSEOver=function ()	{		active=true;	};		odiv.onmouSEOut=function ()	{		active=false;	};		odiv.onmousemove=function (ev)	{		var oEvent=window.event || ev;				mouseX=oEvent.clIEntX-(odiv.offsetleft+odiv.offsetWIDth/2);		mouseY=oEvent.clIEntY-(odiv.offsettop+odiv.offsetHeight/2);				mouseX/=5;		mouseY/=5;	};		setInterval(update,30);};function update(){	var a;	var b;		if(active)	{		a = (-Math.min( Math.max( -mouseY,-size ),size ) / radius ) * tspeed;		b = (Math.min( Math.max( -mouseX,size ) / radius ) * tspeed;	}	else	{		a = lasta * 0.98;		b = lastb * 0.98;	}		lasta=a;	lastb=b;		if(Math.abs(a)<=0.01 && Math.abs(b)<=0.01)	{		return;	}		var c=0;	sineCosine(a,b,c);	for(var j=0;j<mcList.length;j++)	{		var rx1=mcList[j].cx;		var ry1=mcList[j].cy*ca+mcList[j].cz*(-sa);		var rz1=mcList[j].cy*sa+mcList[j].cz*ca;				var rx2=rx1*cb+rz1*sb;		var ry2=ry1;		var rz2=rx1*(-sb)+rz1*cb;				var rx3=rx2*cc+ry2*(-sc);		var ry3=rx2*sc+ry2*cc;		var rz3=rz2;				mcList[j].cx=rx3;		mcList[j].cy=ry3;		mcList[j].cz=rz3;				per=d/(d+rz3);				mcList[j].x=(howElliptical*rx3*per)-(howElliptical*2);		mcList[j].y=ry3*per;		mcList[j].scale=per;		mcList[j].Alpha=per;				mcList[j].Alpha=(mcList[j].Alpha-0.6)*(10/6);	}		doposition();	depthSort();}function depthSort(){	var i=0;	var aTmp=[];		for(i=0;i<aA.length;i++)	{		aTmp.push(aA[i]);	}		aTmp.sort	(		function (vItem1,vItem2)		{			if(vItem1.cz>vItem2.cz)			{				return -1;			}			else if(vItem1.cz<vItem2.cz)			{				return 1;			}			else			{				return 0;			}		}	);		for(i=0;i<aTmp.length;i++)	{		aTmp[i].style.zIndex=i;	}}function positionAll(){	var phi=0;	var theta=0;	var max=mcList.length;	var i=0;		var aTmp=[];	var oFragment=document.createdocumentFragment();		//Ëæ»úÅÅÐò	for(i=0;i<aA.length;i++)	{		aTmp.push(aA[i]);	}		aTmp.sort	(		function ()		{			return Math.random()<0.5?1:-1;		}	);		for(i=0;i<aTmp.length;i++)	{		oFragment.appendChild(aTmp[i]);	}		odiv.appendChild(oFragment);		for( var i=1; i<max+1; i++){		if( distr )		{			phi = Math.acos(-1+(2*i-1)/max);			theta = Math.sqrt(max*Math.PI)*phi;		}		else		{			phi = Math.random()*(Math.PI);			theta = Math.random()*(2*Math.PI);		}		//×ø±ê±ä»»		mcList[i-1].cx = radius * Math.cos(theta)*Math.sin(phi);		mcList[i-1].cy = radius * Math.sin(theta)*Math.sin(phi);		mcList[i-1].cz = radius * Math.cos(phi);				aA[i-1].style.left=mcList[i-1].cx+odiv.offsetWIDth/2-mcList[i-1].offsetWIDth/2+'px';		aA[i-1].style.top=mcList[i-1].cy+odiv.offsetHeight/2-mcList[i-1].offsetHeight/2+'px';	}}function doposition(){	var l=odiv.offsetWIDth/2;	var t=odiv.offsetHeight/2;	for(var i=0;i<mcList.length;i++)	{		aA[i].style.left=mcList[i].cx+l-mcList[i].offsetWIDth/2+'px';		aA[i].style.top=mcList[i].cy+t-mcList[i].offsetHeight/2+'px';				aA[i].style.FontSize=Math.ceil(12*mcList[i].scale/2)+8+'px';				aA[i].style.filter="Alpha(opacity="+100*mcList[i].Alpha+")";		aA[i].style.opacity=mcList[i].Alpha;	}}function sineCosine( a,c){	sa = Math.sin(a * dtr);	ca = Math.cos(a * dtr);	sb = Math.sin(b * dtr);	cb = Math.cos(b * dtr);	sc = Math.sin(c * dtr);	cc = Math.cos(c * dtr);}

以上是内存溢出(jb51.cc)为你收集整理的全部代码内容,希望文章能够帮你解决所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

总结

以上是内存溢出为你收集整理的标签云全部内容,希望文章能够帮你解决标签云所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://www.54852.com/web/1097567.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-28
下一篇2022-05-28

发表评论

登录后才能评论

评论列表(0条)

    保存