流行的标签云JS+html代码

2024-09-05 12:19:06

字体：大中小

来源：转载

供稿：网友

HTML5标签云特效，把网页上的标签围绕成圆球形来显示，会旋转，相信有不少朋友已经在网上看到过这种效果，挺不错吧。基于HTML5技术，因此在IE8下看不到效果，请使用Opera或火狐测试查看。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>关键字球状旋转鼠标经过转动效果</title><style>body{background:#09c;#div1{height:400px;width:450px; position:relative; margin:10px auto;}#div1 a{position:absolute;top:0px;left:0px;color:#fff;font-weight:bold;padding:3px 6px;}#div1 a:hover{border:1px solid #eee;background:#000;border-radius:5px;}</style><script type="text/javascript">var radius = 150;var dtr = Math.PI/180;var d=300;var mcList = [];var active = false;var lasta = 1;var lastb = 1;var distr = true;var tspeed=2;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;ivItem2.cz)			{				return -1;			}			else if(vItem1.cz<vItem2.cz)			{				return 1;			}			else			{				return 0;			}		}	);	for(i=0;i</head><body><div id="div1">卡片设计网页设计SEO优化外语翻译产品推广招聘求职家居装修影视创作照片美化产品设计包装设计Logo设计海报设计程序开发配音配词产品推广网络营销动漫设计招聘求职家居装修</div></body></html>

上一篇：HTML5 CSS3旋转放大特效代码

下一篇：HTML5 随机弹跳的小球