radio导航

脚本说明:   把如下代码加入<body>区域中

 <SCRIPT>

<!--  Activate Cloaking Device var new_url="";

function displayUrl()   

{

document.forms[0].display.value=new_url;

}

// Called by Go For It button - loads selected page.

function leapTo()   

{  

  if (  (new_url != "")  &&  (new_url != null)  )   

    window.location=new_url;

   else     

  alert("\nYou must first select a Radio Button.");   

}

//-->

</SCRIPT>

<FORM>

<TABLE BORDER=3 WIDTH=500>

<TD align="center" BGCOLOR=000080>

  <INPUT TYPE="radio" NAME="buttons2" onClick="new_url='http://www.163.com'; displayUrl()">  

<FONT COLOR=00FFFF><B>网易</B>

</FONT>

<TD align="center" BGCOLOR=FF0000>

  <INPUT TYPE="radio" NAME="buttons2" onClick="new_url='http://www.sina.com.cn'; displayUrl()">  

<FONT COLOR=000000><B>新浪</B>

</FONT>

<TD align="center" BGCOLOR=C0C0C0>  

<INPUT TYPE="radio" NAME="buttons2" onClick="new_url='http://www.sohu.com'; displayUrl()">

  <FONT COLOR=800000><B>搜狐</B>

</FONT>

<TD align="center" BGCOLOR=008080>

  <INPUT TYPE="radio" NAME="buttons2" onClick="new_url='http://www.263.net'; displayUrl()">

  <FONT COLOR=FFFF00><B>263</B>

</FONT>

</TABLE>

<BR><BR><BR>

<TABLE BORDER=0 WIDTH=500>

<TD align="center" WIDTH=250>

<INPUT TYPE="text" SIZE=30 NAME="display">

<TD align="center" WIDTH=250>

<INPUT TYPE="button" VALUE="去看看" onClick="leapTo()">

</TABLE>

</FORM>

 

posted on 2013-09-20 15:24  梅&&梅  阅读(194)  评论(0编辑  收藏  举报

导航