流行的標(biāo)簽云JS+html代碼

2024-09-05 12:19:08

字體：大中小

供稿：網(wǎng)友

HTML5標(biāo)簽云特效，把網(wǎng)頁(yè)上的標(biāo)簽圍繞成圓球形來(lái)顯示，會(huì)旋轉(zhuǎn)，相信有不少朋友已經(jīng)在網(wǎng)上看到過(guò)這種效果，挺不錯(cuò)吧。基于HTML5技術(shù)，因此在IE8下看不到效果，請(qǐng)使用Opera或火狐測(cè)試查看。

<!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>關(guān)鍵字球狀旋轉(zhuǎn)鼠標(biāo)經(jīng)過(guò)轉(zhuǎn)動(dòng)效果</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   class="iwvjtn8m0"   id="div1">卡片設(shè)計(jì)網(wǎng)頁(yè)設(shè)計(jì)SEO優(yōu)化外語(yǔ)翻譯產(chǎn)品推廣招聘求職家居裝修影視創(chuàng)作照片美化產(chǎn)品設(shè)計(jì)包裝設(shè)計(jì)Logo設(shè)計(jì)海報(bào)設(shè)計(jì)程序開發(fā)配音配詞產(chǎn)品推廣網(wǎng)絡(luò)營(yíng)銷動(dòng)漫設(shè)計(jì)招聘求職家居裝修</div></body></html>

上一篇：簡(jiǎn)單的HTML5網(wǎng)頁(yè)Div動(dòng)畫，左右移動(dòng)動(dòng)畫

下一篇：html5旋轉(zhuǎn)的太陽(yáng)系動(dòng)畫