当前位置:编程学习 > JS >>

带说明,自动切换的跳转按钮代码

在网页上放置了多个按钮和多个文本框,文本框的内容对应于按钮,使用JS数组控制相关信息,这些按钮和文本框会对应切换,就像是为按钮增加了说明的功能,可以自动切换,感觉挺不错。
答案:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>带说明,自动切换的跳转按钮代码</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function makeArray(q){
for(i=1 ; i < q ; i++){this[i]=0}}
w=1;
howmanysites=4; // How many sites are listed below?
Sites = new makeArray(howmanysites);

Sites[1] = "http://www.163.com~网易|国内最大的综合站点";
Sites[2] = "http://www.sina.com.cn~新浪网|国内最好的新闻站点";
Sites[3] = "http://www.yahoo.com.cn~中方雅虎|中方雅虎";
Sites[4] = "http://www.sohu.com~搜狐|国内最大的新闻社区";

function showSites() {
if (w > howmanysites) { w=1; };
var string=Sites[w] + "";
var split1=string.indexOf("~");
var split2=string.indexOf("|");
var url=string.substring(0,split1);
var name=string.substring(split1 + 1,split2);
var word=string.substring(split2 + 1,string.length);
document.form.url.value=url;
document.form.name.value=name;
document.form.word.value=word;
w+=1;
window.setTimeout('showSites()',3000);

}
function visitSite() {
window.location=document.form.url.value;
}
// End -->
</SCRIPT>
<form name=form>
<table><tr><td align=center>
<input type=button name=name value="Visit" onClick="visitSite()" size=25>
<input type=hidden name=url value="">
<input type=text name=word value="" size=20>
</td></tr></table>
</form>
<script>
showSites();
</script>
</body>
</html>

上一个:CSS美化Button按钮为链接样式
下一个:jQuery Select美化演示示例

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,