大家帮帮忙,我是javascript的初学者.

Question

去搜一搜很多的,我这一个,你看看吧
<style type=text/css>#a0 {
CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: 24px; POSITION: absolute; TOP:
24px; WIDTH: 16px; Z-INDEX: 2000
}
#a1 {
CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: 96px; POSITION: absolute; TOP:
24px; WIDTH: 16px; Z-INDEX: 2000
}
#a2 {
CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: 132px; POSITION: absolute;
TOP: 24px; WIDTH: 16px; Z-INDEX: 2000
}
#a3 {
CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: 192px; POSITION: absolute;
TOP: 24px; WIDTH: 16px; Z-INDEX: 2000
}
#a4 {
CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: 240px; POSITION: absolute;
TOP: 24px; WIDTH: 16px; Z-INDEX: 2000
}
#a5 {
CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: 280px; POSITION: absolute;
TOP: 24px; WIDTH: 16px; Z-INDEX: 2000
}
#a6 {
CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: 24px; POSITION: absolute; TOP:
300px; WIDTH: 16px; Z-INDEX: 2000
}
#a7 {
CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: 200px; POSITION: absolute;
TOP: 300px; WIDTH: 16px; Z-INDEX: 2000
}
#a8 {
CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: 300px; POSITION: absolute;
TOP: 300px; WIDTH: 16px; Z-INDEX: 2000
}
#a9 {
CLIP: rect(0px 16px 16px 0px); HEIGHT: 16px; LEFT: 450px; POSITION: absolute;
TOP: 300px; WIDTH: 16px; Z-INDEX: 2000
}
#what {
LEFT: -96px; POSITION: absolute; TOP: 0px; VISIBILITY: hidden; Z-INDEX: 3000
}
</style>
<script language=JavaScript>
  window.onerror=null;
  netscape = (document.layers) ? 1:0;
  goodIE = (document.all) ? 1:0;
  //window.onResize="history.go(0); setup()";
  document.onmousemove=MoveHandler;
  var gotthere = 0;
  var count = 0;
  toplocation = new Array( 0,30,57,80,101,125,80,80,101,125,80,0 );
  temptoplocation = new Array( 50,100,100,150,150,200,200,100,150,150,200,200,0
  );
  leftlocation = new Array( 0,292,318,181,181,217,263,318,181,181,217,263,-96
  );
  templeftlocation = new Array( 0,0,260,390,420,550,680,390,420,550,680,0 );
  difftop = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
  diffleft = new Array( 0,0,0,0,0,0,0,0,0,0,0,0 );
  questtop = -13;
  questleft2 = -96;
  if (netscape) {
  window.captureEvents(Event.MOUSEMOVE);
  window.onMouseMove = MoveHandler; 
  var layerstart = "document.";
  var layerleft = ".left";
  var layertop = ".top";
  var layerstyle = "";
  var windowWidth = window.innerWidth;
  var windowHeight = window.innerHeight; }
  else if (goodIE) {
  layerstart = "document.all.";
  layerleft = ".left";
  layertop = ".top";
  layerstyle = ".style";
  windowWidth=600;
  windowHeight=400; }
  // end error trapping
  var Ypos2 = 72;
  var Xpos2 = 72;
  function MoveHandler(e) {
  if (netscape || goodIE) {
  Xpos2 = (netscape)?e.pageX:event.x
  Ypos2 = (netscape)?e.pageY:event.y
  Xorigin = Xpos2;
  Yorigin = Ypos2; 
  if (Ypos2 > windowHeight/2) {
  if (Xpos2 > windowWidth/2) { direction = 1;} 
  else { direction = -1;} }
  else {
  if (Xpos2 > windowWidth/2) { direction = -1;} 
  else { direction = 1;} }
  }}
  amountup=44;
  function startthedots() {
  if (goodIE) {
  windowWidth=document.body.clientWidth;
  windowHeight=document.body.clientHeight; }
  Me();
  eval(layerstart+"what"+layerstyle+layertop+" = windowHeight-amountup");
  eval(layerstart+"what"+layerstyle+".visibility = 'visible'");
  Xorigin = 204;
  Yorigin = 147; 
  spin();run(); }
  var OrbitSize = 250;
  count=1; delay=100; direction = -1;
  var speed = 0.0628;
  var offset = 1;
  Count = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67 );
  PreCount = new Array ( 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 );
  Xcount = new Array()
  Ycount = new Array()
  for ( j = 0 ; j <= 300 ; j++ ) {
  Xcount[j] = Math.sin(j*speed); 
  Ycount[j] = Math.cos(j*speed);
  }
  placeholder = 100;
  Xpoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67
  );
  Ypoint = new Array ( 0, .63, 1.26, 1.89, 2.52, 3.15, 3.78, 4.41, 5.04, 5.67
  );
  function spin() {
  if (direction) {
  placeholder++; 
  if (placeholder > 199) { placeholder=100; }}
  else {
  placeholder--; 
  if (placeholder < 100 ) { placeholder=199; }}
  for ( j = 0 ; j <= 9 ; j++ ) {
  Xpoint[j] = Xorigin + ( (OrbitSize*offset) * Xcount[placeholder+(j*10*direction)]
  ); 
  Ypoint[j] = Yorigin + ((OrbitSize * Ycount[placeholder+(j*10*direction)]) +
  dotsoff);
  }
  setTimeout('spin()',20); 
  //window.status='Xorigin = '+Xorigin+' / Yorigin = '+Yorigin;
  }
  function run() {
  count++; 
  for ( j = 0 ; j <= 9 ; j++ ) {
  difftop[j] = Ypoint[j] - temptoplocation[j];
  diffleft[j] = Xpoint[j] - templeftlocation[j];
  diff = 30;
  temptoplocation[j] = temptoplocation[j] + (difftop[j]/diff);
  templeftlocation[j] = templeftlocation[j] + diffleft[j]/diff;
  eval(layerstart+"a"+j+layerstyle+layerleft+" = templeftlocation["+j+"]");
  eval(layerstart+"a"+j+layerstyle+layertop+" = temptoplocation["+j+"]");
  }
  setTimeout('run()', 47) }
  goforit=1;
  function question0() {
  if (goforit) { goforit=0; question1(); }}
  function question1() {
  questleft2++;questleft2++;questleft2++;
  if (questleft2 <= 0) { 
  eval(layerstart+"what"+layerstyle+layerleft+" = questleft2");
  
  setTimeout('question1()', 10); }
  else { setTimeout('question2()',1000);}
  }
  function question2() {
  questleft2--;questleft2--;questleft2--;
  if (questleft2 >= -96) { 
  eval(layerstart+"what"+layerstyle+layerleft+" = questleft2");
  
  setTimeout('question2()', 10); }
  if (questleft2 == -96) { goforit=1; } }
   = 150; // milliseconds
  navDOM = window.innerHeight; // Nav DOM flag
  function Me() {
  window.onresize=setup;
  ID = setInterval ("setup()",);
  }
  var dotsoff=0;
  function setup() {
  pagescroll=navDOM?pageYOffset:document.body.scrollTop
  eval(layerstart+"what"+layerstyle+layertop+" = windowHeight-amountup+pagescroll");
  if (!netscape) { dotsoff = pagescroll; }
  }
  //-- end script -->
  </script>
  </font>
  <div align=center id=a0><img height=16 src="exp_imgs/circle1.gif"
  width=16></div>
  <div align=center id=a1><img height=16 src="exp_imgs/circle2.gif"
  width=16></div>
  <div align=center id=a2><img height=16 src="exp_imgs/circle1.gif"
  width=16></div>
  <div align=center id=a3><img height=16 src="exp_imgs/circle2.gif"
  width=16></div>
  <div align=center id=a4><img height=16 src="exp_imgs/circle1.gif"
  width=16></div>
  <div align=center id=a5><img height=16 src="exp_imgs/circle2.gif"
  width=16></div>
  <div align=center id=a6><img height=16 src="exp_imgs/circle1.gif"
  width=16></div>
  <div align=center id=a7><img height=16 src="exp_imgs/circle2.gif"
  width=16></div>
  <div align=center id=a8><img height=16 src="exp_imgs/circle1.gif"
  width=16></div>
  <div align=center id=a9><img height=16 src="exp_imgs/circle2.gif"
  width=16></div>
  <div align=left id=what></div>

Answer 1

在<body>标签中加入 onload=startthedots() 来触发这个动画

Answer 2

<body><script language="JavaScript">
<!-- 
var images='upfiles/snow.gif';//Put your image name here!!
var amount=7;//Number of images here. Do not alter for this script!!
var speed=1;
var RunTime = 0;
var cntr=0;
var xcntr=100;
var pulse=25;
var Xpos = 0;
var Ypos = 0;
var _y;
var temp;/*If you use an image larger or smaller than the one I've used 
the cursor will be off center.Alter the 2 variables below to center it.*/
var UpDown=-10;
var LeftRight=-5;if (document.all){
document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">');
document.write('<div id="c" style="position:relative">');
for (n=0; n < amount; n++)
document.write('<img src="'+images+'" style="position:absolute;top:0px;left:0px;visibility:hidden">');
document.write('</div>');
document.write('</div>');function FollowMouse(){
Xpos = document.body.scrollLeft+event.x+UpDown;
Ypos = document.body.scrollTop+event.y+LeftRight;
}
document.onmousemove = FollowMouse;
}else if (document.layers){
window.captureEvents(Event.MOUSEMOVE);
function xFollowMouse(evnt){
Xpos = evnt.pageX+UpDown;
Ypos = evnt.pageY+LeftRight;
}
window.onMouseMove = xFollowMouse;
for (ns=0; ns < amount; ns++) 
document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0 VISIBILITY=HIDE><IMG SRC='"+images+"'></LAYER>");
}
function msi(){
if (document.layers){
for ( i = 0 ; i < ns ; i++ )
{
temp="n"+i
document.layers[0].visibility='show';
document.layers[0].top = Ypos+cntr*Math.cos((RunTime+i*4.5)/5);
document.layers[0].left =Xpos+cntr*Math.sin((RunTime+i*4.5)/5);
}
cntr+=1;
RunTime+=speed;
stp=setTimeout('msi()',10);
if (cntr>=100)
{
cntr=100;
speed=2.5;
for ( i = 0 ; i < ns ; i++ )
{
 temp="n"+i
 document.layers[temp].visibility='show';
 document.layers[temp].top=Ypos+cntr*Math.cos((RunTime-100)*i/90);
 document.layers[temp].left=Xpos+cntr*Math.sin((RunTime-100)*i/90);
 }
}
if (RunTime>182)
{
speed=0.5;
for ( i = 0 ; i < ns ; i++ )
{
 temp="n"+i
 document.layers[temp].top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);
 document.layers[temp].left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);
 }
}
}else if (document.all){
for (i=0;i<ieDiv.all.c.all.length;i++)
{
ieDiv.all.c.all[0].style.visibility='visible';
ieDiv.all.c.all[0].style.top=Ypos+cntr*Math.cos((RunTime+i*4.5)/5);
ieDiv.all.c.all[0].style.left=Xpos+cntr*Math.sin((RunTime+i*4.5)/5);
} 
cntr+=1;
RunTime+=speed;
stp=setTimeout('msi()',10);
if (cntr>=100)
{
cntr=100;
speed=2.5;
for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.visibility='visible';
ieDiv.all.c.all[i].style.top=Ypos+cntr*Math.cos((RunTime-100)*i/90);
ieDiv.all.c.all[i].style.left=Xpos+cntr*Math.sin((RunTime-100)*i/90);
 }
}
if (RunTime>182)
{
speed=0.5;
for (i=0;i<ieDiv.all.c.all.length;i++)
 {
ieDiv.all.c.all[i].style.top=Ypos+xcntr*Math.cos(((RunTime-182)+i*4.5)/5);
ieDiv.all.c.all[i].style.left=Xpos+xcntr*Math.sin(((RunTime-182)+i*4.5)/5)*Math.cos((RunTime-182)/5);
 }
}
}
if (RunTime>210)
{
xcntr-=10;
}
if (document.layers)
_y=-window.innerWidth-90;
else if (document.all)
_y=-document.body.clientWidth-90;
if (xcntr <= _y)
{
RunTime=0;
speed=1;
cntr=0;
xcntr=100;
}
}
msi()
//-->
</script>
</body>

Answer 3

<html><head>
<meta http-equiv="Page-Enter" content="revealTrans(Duration=5.0,Transition=5)">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>跟随鼠标的图象</title>
<!-- 以下代码是设定smile的代码 -->
<script LANGUAGE="JavaScript">
var newtop=0
var newleft=0
if (navigator.appName == "Netscape")
{
    layerStyleRef="layer.";
    layerRef="document.layers";
    styleSwitch="";
}
else
{
    layerStyleRef="layer.style.";
    layerRef="document.all";
    styleSwitch=".style";
}
function doMouseMove()
{
    layerName = 'iit';
    eval('var curElement='+layerRef+'["'+layerName+'"]');
    eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.display="none"');
    eval('curElement'+styleSwitch+'.display=""');
    eval('newleft=document.body.clientWidth-curElement'+styleSwitch+'.pixelWidth');
    eval('newtop=document.body.clientHeight-curElement'+styleSwitch+'.pixelHeight');
    eval('height=curElement'+styleSwitch+'.height');
    eval('width=curElement'+styleSwitch+'.width');
    width=parseInt(width);
    height=parseInt(height);
    if (event.clientX > (document.body.clientWidth - 5 - width))
    {
        newleft=document.body.clientWidth + document.body.scrollLeft - 5 - width;
    }
    else
    {
        newleft=document.body.scrollLeft + event.clientX;
    }
    eval('curElement'+styleSwitch+'.pixelLeft=newleft');
    if (event.clientY > (document.body.clientHeight - 5 - height))
    {
        newtop=document.body.clientHeight + document.body.scrollTop - 5 - height;
    }
    else
    {
        newtop=document.body.scrollTop + event.clientY;
    }
    eval('curElement'+styleSwitch+'.pixelTop=newtop')
    }
    document.onmousemove = doMouseMove;
</script></head><body>
<!-- 以下代码是设定此页的鼠标样式代码 -->
<script language="javascript">
if (navigator.appName == "Netscape")
{
}
else
{
    document.write('<div ID=OuterDiv>');
    document.write('<img ID=iit src="http://expert.csdn.net/images/csdn.gif" STYLE="position:absolute;TOP:5pt;LEFT:5pt;Z-INDEX:10;display:none;">');
    document.write('</div>');
}
</script>
</body></html>

Answer 4

谢谢大家！由于我是javascript初学者，各位的程序我还看不懂。