站 内 搜 索
推 荐 合 作 商
优 秀 内 容 推 荐
您当前位置：
中国素材首页
>>
网页特效
>>
图片类
>> Radio选择导航
Radio选择导航
中国素材网 www.sucai.com 2005-5-16 17:29:00 流量数:
Radio选择导航
[
查看演示
] 源码如下
----------------------------------------------------------------------------------------
脚本说明:
把如下代码加入<body>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
site="http://www.1stscript.com";
function combineMenus(frm, menu1, menu2) {
with (frm) {
for (var i = 0; i < menufrm.menu1.length; i++) {
if (menufrm.menu1[i].checked) {
str = menufrm.menu1[i].value;
break;
}
}
for (var i = 0; i < menufrm.menu2.length; i++) {
if (menufrm.menu2[i].checked) {
str += menufrm.menu2[i].value;
break;
}
}
url = site + "/" + str + ".html";
window.location.href = url;
}
}
// End -->
</script>
<FORM NAME="menufrm">
<INPUT TYPE="radio" NAME="menu1" VALUE="chevy" CHECKED>Chevy
<INPUT TYPE="radio" NAME="menu1" VALUE="ford">Ford
<INPUT TYPE="radio" NAME="menu1" VALUE="dodge">Dodge
<INPUT TYPE="radio" NAME="menu1" VALUE="olds">Olds
<P>
<INPUT TYPE="radio" NAME="menu2" VALUE="1998" CHECKED>1998
<INPUT TYPE="radio" NAME="menu2" VALUE="1999">1999
<INPUT TYPE="radio" NAME="menu2" VALUE="2000">2000
<INPUT TYPE="radio" NAME="menu2" VALUE="2001">2001
<P>
<INPUT TYPE="button" VALUE="相应导航" onClick="combineMenus(this.form, this.form.menu1, this.form.menu2)">
</FORM>