49、不停变换的按钮,当然链接也是随之变化的

49、不停变换的按钮,当然链接也是随之变化的

要完成此效果有三个步骤

 

第一步:把如下代码加入到<head>区域中

 

<SCRIPT LANGUAGE="JavaScript">

 

<!-- begin

 

// please help yourself to this code.

 

var startTime   =null;

 

var timerID     =null;

 

var initial     =new Date();

 

var pos         =0;

 

var menuItem    =null;

 

 

 

function initArray() {

 

 this.length = initArray.arguments.length

 

   for (var i = 0; i < this.length; i++)      {

 

    this[i+1] = initArray.arguments[i]

 

   }

 

}

 

 

 

function parsemenuItem(data,num) {

 

 for(var i=0;i<data.length;i++)  {

 

  if(data.substring(i,i+1)=="|")  break;

 

   }

 

   if (num==0) return(data.substring(0,i));

 

   else  return(data.substring(i+1,data.length));

 

}

 

 

 

function startTimer() {

 

   initial = new Date();

 

   startTime=initial.getTime();

 

   stopTimer();

 

   menuItem = new initArray("Netscape|http://www.netscape.com",

 

    "Microsoft|http://www.microsoft.com",

 

      "IBM|http://www.ibm.com",

 

      "Yahoo|http://www.yahoo.com",

 

      "Excite|http://www.excite.com",

 

      "Hotbot|http://www.hotbot.com",

 

      "Typhoon Start|http://typhoon.500.to",

 

  "Email|mailto:jojoo@jojoo.net"

 

   );

 

   showTimer();

 

}

 

 

 

function stopTimer() {

 

   timerID=null;

 

   menuItem=null;

 

   //clearTimeout(timerID);

 

}

 

 

 

function showTimer() {

 

 pos= (pos == menuItem.length) ? 1 : pos + 1;

 

 document.forms[0].elements[0].value=parsemenuItem(menuItem[pos],0);

 

 

 

   timerID=window.setTimeout('showTimer()',4000);

 

}

 

 

 

function goToUrl()  {

 

   //parent.welcome.location=parsemenuItem(menuItem[pos],1);

 

   this.location=parsemenuItem(menuItem[pos],1);

 

   return (false);

 

}

 

// end -->

 

</SCRIPT>

 

 

第二步:把如下代码加入到<body>区域中

 

<FORM>

  <div align="center">

    <INPUT TYPE="button" VALUE="  WHERE TO? "  NAME="goTo"

 

        onClick="window.goToUrl()">

  </div>

</FORM>

 

 

第三步:把“onLoad="window.startTimer()"”加在<body>标记里

例如:<body onLoad="window.startTimer()">

 

 

Write a comment

Comments: 0