js实现一个三维3d标签云交互效果代码-html代码-BFW代码库

js实现一个三维3d标签云交互效果代码

代码语言：html

所属分类：三维

代码描述：js实现一个三维3d标签云交互效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!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=utf-8" />

    <title></title>

    <style>
        body {
            background: #000 url(index.png) no-repeat center 230px;
        }
        #div1 {
            position: relative;
            width: 450px;
            height: 450px;
            margin: 20px auto 0;
        }
        #div1 a {
            position: absolute;
            top: 0px;
            left: 0px;
            font-family: Microsoft YaHei;
            color: #fff;
            font-weight: bold;
            text-decoration: none;
            padding: 3px 6px;
        }
        #div1 a:hover {
            border: 1px solid #eee;
            background: #000;
        }
        #div1 .blue {
            color: blue;
        }
        #div1 .red {
            color: red;
        }
        #div1 .yellow {
            color: yellow;
        }

    </style>

    <script type="text/javascript" >
        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,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.........完整代码请登录后点击上方下载按钮下载查看