HTML旋转代码问题

LGQ4879 2008-12-22 02:19:09

<!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>
</head>

<body>


<head>
<STYLE>.fly {
POSITION: absolute; VISIBILITY: hidden; Z-INDEX: 2
}
.logo {
LEFT: 231px; POSITION: absolute; TOP: 130px; VISIBILITY: visible; Z-INDEX: 1
}
.desc {
COLOR: #000000; FONT-FAMILY: 宋体; LEFT: 235px; POSITION: absolute; TEXT-ALIGN: center; TOP: 355px; VISIBILITY: hidden; WIDTH: 100px
}
A:active {
COLOR: #006600; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:hover {
COLOR: red; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: underline
}
A:link {
COLOR: blue; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
A:visited {
COLOR: #006600; FONT-FAMILY: "宋体"; FONT-SIZE: 9pt; TEXT-DECORATION: none
}
BODY {
COLOR: #000000; FONT-SIZE: 9pt
}
</STYLE>

<SCRIPT language=JavaScript>

function showObject(object) {
object.visibility = VISIBLE;
}

function hideObject(object) {
object.visibility = HIDDEN;
}

function slideLogo(from, to) {
if (from < to) {
document.getElementById("company").style.top = (from += 10);
setTimeout('slideLogo(' + from + ',' + to + ')', 75);
}
else initObjects();
}

function rotateObjects() {
for (var i = 0; i < pos.length; i++) {
pos[i] += inc;
objects[i].visibility = 'visible';
objects[i].left = (r * Math.cos(pos[i])) + xoff
objects[i].top = (r * Math.sin(pos[i])) + yoff;
}
rotateTimer = setTimeout("rotateObjects()", 75);
}

function initObjects() {

objects = new Array(fly1, fly2, fly3, fly4, fly5, fly6, fly7, fly8, fly9, fly10);
pos = new Array();
pos[0] = 0;
for (var i = 1; i < objects.length; i++) {
pos[i] = parseFloat(pos[i - 1] + ((2 * pi) / objects.length));
}
rotateObjects();
}

var objects;
var pos;
var r = 148; // radius
var xoff = 260; // x offset
var yoff = 150; // y offset
var pi = Math.PI; // get pi
var inc = pi / 180; // degrees per rotation cycle
var objects; // objects to be rotated
var pos; // position for objects

</SCRIPT>

<SCRIPT language=JavaScript1.2>

function high(which2){
theobject=which2
highlighting=setInterval("highlightit(theobject)",50);
showObject(desc6);
}
function low(which2){
clearInterval(highlighting)
which2.filters.alpha.opacity=70;
hideObject(desc6);
}

function highlightit(cur2){
if (cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=3
else if (window.highlighting)
clearInterval(highlighting)
}

</SCRIPT></head>
<DIV class=fly id=fly1><A onmouseout=hideObject(desc1) onmouseover=showObject(desc1) target=_blank>0</A><BR></DIV>
<DIV class=fly id=fly2><A onmouseout=hideObject(desc2) onmouseover=showObject(desc2)>1</A><BR></DIV>
<DIV class=fly id=fly3><A onmouseout=hideObject(desc3) onmouseover=showObject(desc3)>2</A><BR></DIV>
<DIV class=fly id=fly4><A onmouseout=hideObject(desc4) onmouseover=showObject(desc4)>3</A><BR></DIV>
<DIV class=fly id=fly5><A onmouseout=hideObject(desc5) onmouseover=showObject(desc5)>4</A><BR></DIV>
<div class=fly id=fly6><a onmouseout=hideObject(desc6) onmouseover=showObject(desc6)>5</a><br /></div>
<DIV class=fly id=fly7><A onmouseout=hideObject(desc7) onmouseover=showObject(desc7)>6</A><BR></DIV>
<DIV class=fly id=fly8><A onmouseout=hideObject(desc8) onmouseover=showObject(desc8)>7</A><BR></DIV>
<DIV class=fly id=fly9><A onmouseout=hideObject(desc9) onmouseover=showObject(desc9)>8</A><BR></DIV>
<DIV class=fly id=fly10><A onmouseout=hideObject(desc10) onmouseover=showObject(desc10)>9</A><BR></DIV>
<DIV class=logo id=company style="Z-INDEX: 1">
<P>密报卡试用版</P>
</DIV>
<DIV class=desc id=desc1>你选择的是0</DIV>
<DIV class=desc id=desc2>你选择的是1</DIV>
<DIV class=desc id=desc3>你选择的是2</DIV>
<DIV class=desc id=desc4>你选择的是3</DIV>
<DIV class=desc id=desc5>你选择的是4</DIV>
<DIV class=desc id=desc6>你选择的是5</DIV>
<DIV class=desc id=desc7>你选择的是6</DIV>
<DIV class=desc id=desc8>你选择的是7</DIV>
<DIV class=desc id=desc9>你选择的是8</DIV>
<DIV class=desc id=desc10>你选择的是9</DIV>

<SCRIPT language=JavaScript>

var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4);

var HIDDEN = (isNS) ? 'hide' : 'hidden';
var VISIBLE = (isNS) ? 'show' : 'visible';

var fly1 = (isNS) ? document.fly1 : document.all.fly1.style;
var fly2 = (isNS) ? document.fly2 : document.all.fly2.style;
var fly3 = (isNS) ? document.fly3 : document.all.fly3.style;
var fly4 = (isNS) ? document.fly4 : document.all.fly4.style;
var fly5 = (isNS) ? document.fly5 : document.all.fly5.style;
var fly6 = (isNS) ? document.fly6 : document.all.fly6.style;
var fly7 = (isNS) ? document.fly7 : document.all.fly7.style;
var fly8 = (isNS) ? document.fly8 : document.all.fly8.style;
var fly9 = (isNS) ? document.fly9 : document.all.fly9.style;
var fly10 = (isNS) ? document.fly10 : document.all.fly10.style;
var company = (isNS) ? document.company : document.all.company.style;
var desc1 = (isNS) ? document.desc1 : document.all.desc1.style;
var desc2 = (isNS) ? document.desc2 : document.all.desc2.style;
var desc3 = (isNS) ? document.desc3 : document.all.desc3.style;
var desc4 = (isNS) ? document.desc4 : document.all.desc4.style;
var desc5 = (isNS) ? document.desc5 : document.all.desc5.style;
var desc6 = (isNS) ? document.desc6 : document.all.desc6.style;
var desc7 = (isNS) ? document.desc7 : document.all.desc7.style;
var desc8 = (isNS) ? document.desc8 : document.all.desc8.style;
var desc9 = (isNS) ? document.desc9 : document.all.desc9.style;
var desc10 = (isNS) ? document.desc10 : document.all.desc10.style;

slideLogo(-200, 130);

</SCRIPT>
</body>
</html>

...全文