论坛登陆 注册 文章专区 电视影院 投稿文章 旧版浏览
首页 | 页界资讯 | 网络应用 | 软件应用 | 组网技术 | 网络原理 | 聊天通讯 | 网管知识 | 帮助
专题 | 操作系统 | 注 册 表 | 编程开发 | 数 据 库 | 媒体动画 | 网页设计 | 图形图象 | 地图
论坛 | 网络安全 | 安全防范 | 服 务 器 | 硬件学堂 | 路由技术 | 搜索研究 | 站长经验 | 投稿
影院 | 教育频道 | 特色专题 | 精文荟萃 | 注 册 码 | 论坛社区 | 网站地图 | 广告服务 | 旧版
设为首页 加入收藏
当前位置:首页>>文章>>编程开发>>JavaScript>>正文

JavaScript实例 链接按钮不断变化

www.xker.com 作者:不详 来源:网络转载 加入日期:2005-12-28 8:35:23

【问题提问、论坛交流】


  按钮是网页中常常能见到的一种东东但是用按钮做链接你可能还没有见到过今天教你的这种方法,不仅可以用按钮来制作链接,而且按钮中链接还能不断变化显示效果非常好看又能节省页面空间,真是一举两得,赶快试试吧!

点击此处查看效果

一、把下面的程序代码加入到< 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.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 -- >
< /SCRIPT >

注:上面的链接和说明可以自己修改,上面('showTimer()',4000)中的4000是用来设置链接之间变化速度,数字越小速度越快

二、把下面的代码加入到< body >区域中

< FORM >
< INPUT TYPE="button" VALUE=" zhouqing " NAME="goTo"
onClick="window.goToUrl()" >
< /FORM >

三、最后把< body >中的内容改为如下代码

< body bgcolor="#ffffff" onLoad="window.startTimer()" >

编辑:xker.com

上一篇:JavaScript实例 制作倒计时牌
下一篇:JavaScript实例 实现浏览器上的右键菜单
关闭窗口】【浏览次数:】【发送给好友】【收藏此页
相关文章
推荐文章 最新文章 热门文章
·电子图书制作全面攻略 
·横评:网管眼中的5款远程控制软件
·利用3Ds MAX制作简单光芒特效文字片头
·如何挽救崩溃的Windows XP操作系统
·Linux NFS服务器性能优化
·个人网站发展的关键
·《Effective C# 精髓》摘选 
·SQL Server溢出新方法!肉鸡不用愁!
·随心所欲地引用您的QQ秀形象
·教你轻松搞定QQ木马
·怎样使用AJAX进行应用程序开发
·免费工具 全能助手Windows优化王
·不用密码查看武林榜统计用户信息
·网管员的六大必备下载工具
·密码攻防实战大演习之Windows密码篇
·JavaScript 实例--创建弹出式窗口
·JavaScript 实例--创建折叠式导航菜单
·JavaScript 实例--探测浏览器插件
·JavaScript 实例--在表单中设置和检查
·利用Javascript进行密码保护
·利用JavaScript基于浏览器类型的重定
·JavaScript检验表单有效性
·JavaScript创建\"后退\"按钮
·JavaScript隐藏Script代码
·Javascript鼠标移过时报警
·JavaScript鼠标触发窗口
·JS代替CGI
·JavaScript 日期函数
·JavaScript 使用字符串函数
·JavaScript 数组
·个人简历表格
·QQ密码丢失后能做的事情:快速找回密码
·免费代理IP(每日更新)
·WinRAR 3.51 注册码
·系统优化 专题
·Norton AntiVirus 2006 注册码(激活
·找回QQ密码的注意事项 
·史上最强QQ个人档案资料欣赏
·最经典的黑客入门教材
·求职简历封皮
·怎样查找对方的IP地址
·应届毕业生求职信
·2005最新最全注册码集中营(11月更新)
·FlashFXP 3.3.1 build 1089注册码
·实战系统虚拟利器——MS VPC 2004
评论 本站声明
会员名称:
密码:匿名 ·注册·忘记密码?
评论内容:
(最多300个字符)
  查看评论
【注】 发表评论必需遵守以下条例:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
  • 本站大部分为网络转载,如有版权问题,请通知我们,我们立即更正!

设为首页 - 版权声明 - 广告服务 - 关于我们 - 联系我们 - 友情连接
Copyright © 2003-2006 xker.com All rights reserved. 网站合作、广告联系QQ:12231446
小新技术网 冀ICP备05002857号