用javascript使链接按钮不断变化
按钮是网页中常常能见到的一种东东。但是用按钮做链接你可能还没有见到过。今天教你的这种方法,不仅可以用按钮来制作链接,而且按钮中链接还能不断变化显示。效果非常好看又能节省页面空间,真是一举两得,赶快试试吧!
点击此处查看效果
一、把下面的程序代码加入到< head >< /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("赛迪网windows世界http://www.cci.net.com/school/system/",
"赛迪网冲浪指南针http://www.cci.net.com/school.net/",
"赛迪网软件下载园http://www.cci.net.com/school/soft/",
"赛迪网办公自动化http://www.cci.net.com/school/office/",
"赛迪网软件e学堂http://www.cci.net.com/school/software/",
"赛迪网多媒体之家http://www.cci.net.com/school/multimedia/",
"赛迪网培训与考试http://www.cci.net.com/school/exam/",
"赛迪网电脑大词典http://www.cci.net.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 -- >
< /script >
Java Asp PHP .Net XML C/C++ CGI VB Jsp J2ee J2se J2me EJB Servlet Tomcat Resin Struts Weblogic Eclipse ANT GUI JMS Web servise IDEA Webphere Hibernate Spring Jboss Applet Swing Socket Javamail Perl Ajax P2P 安全 模式 框架 测试 开源 游戏
Windows XP Windows 2000 Windows 2003 Windows Me Windows 9.x Linux UNIX 注册表 操作系统 服务器 应用服务器