首页 电脑 电脑学堂 查看内容

用JavaScript代码使链接按钮不断变化

2004-9-29 20:05 882 0

摘要: 作者:周庆  用JavaScript使链接按钮不断变化  按钮是网页中常常能见到的一种东东。但是用按钮做链接你可能还没有见到过。今天教你的这种方法,不仅可以用按钮来制作链接,而且按钮中链接还...
关键词: 赛迪网 ccidnet menuItem school function 链接 http 按钮 parsemenuItem com

作者:周庆  用JavaScript使链接按钮不断变化  按钮是网页中常常能见到的一种东东。但是用按钮做链接你可能还没有见到过。今天教你的这种方法,不仅可以用按钮来制作链接,而且按钮中链接还能不断变化显示。效果非常好看又能节省页面空间,真是一举两得,赶快试试吧!一、把下面的程序代码加入到区域中。// 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.lengthfor (var i = 0; i this[i+1] = initArray.arguments[i]}}function parsemenuItem(data,num) {for(var i=0;iif(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("赛迪网Windows世界http://www.ccidnet.com/school/system/","赛迪网冲浪指南针http://www.ccidnet.com/school/net/","赛迪网软件下载园http://www.ccidnet.com/school/soft/","赛迪网办公自动化http://www.ccidnet.com/school/office/","赛迪网软件e学堂http://www.ccidnet.com/school/software/","赛迪网多媒体之家http://www.ccidnet.com/school/multimedia/","赛迪网培训与考试http://www.ccidnet.com/school/exam/","赛迪网电脑大词典http://www.ccidnet.com/school/dict/");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 -- >注:上面的链接和说明可以自己修改,上面('showTimer()',4000)中的4000是用来设置链接之间变化速度,数字越小速度越快。二、把下面的代码加入到区域中。onClick="window.goToUrl()" > 三、最后把中的内容改为如下代码。
声明:文章版权归原作者所有 部分文章转自互联网 如有侵权请联系 [邮箱地址] 删除

路过

雷人

握手

鲜花

鸡蛋

最新评论

返回顶部