又一个带描述的表单_表单按钮特效

模板酷站
  •       3/5
  •       1
  •       2
  •       3
  •       4
  •       5
查看演示效果

      织梦DedeCMS视频教程买空间 租服务器 选网硕互联! 无忧站长工具,百度权重一键全查!

      又一个带描述的表单,您可以先修改部分代码再运行.

      <!--要完成此效果把如下代码加入到<body>区域中--> <script language="JavaScript"> <!-- function go_to_station(){ if (document.stationform.stationselect.options[0].selected){ window.location.href = "http://www.mb5u.com";} else if (document.stationform.stationselect.options[1].selected) { window.location.href = "http://www.cnzz.com";} else if (document.stationform.stationselect.options[2].selected) { window.location.href = "http://tool.mb5u.com";} else if (document.stationform.stationselect.options[3].selected) { window.location.href = "http://down.mb5u.com";} else if (document.stationform.stationselect.options[4].selected) { window.location.href = "http://bbs.mb5u.com";} else if (document.stationform.stationselect.options[5].selected) { window.location.href = "http://sc.mb5u.com";} else if (document.stationform.stationselect.options[6].selected) { window.location.href = "http://desk.mb5u.com";} else if (document.stationform.stationselect.options[7].selected) { window.location.href = "http://www.mb5u.com";} else if (document.stationform.stationselect.options[8].selected) { window.location.href = "http://1m.mb5u.com";} else if (document.stationform.stationselect.options[9].selected) { window.location.href = "http://idc.mb5u.com";} return true; } function textValue(){ var stationInteger, stationString stationInteger=document.stationform.stationselect.selectedIndex stationString=document.stationform.stationselect.options[stationInteger].text document.stationform.stationtext.value = "Go to " + stationString +"!" } //--> </script> <form name="stationform"> <div align="center"> <select name="stationselect" onChange="textValue()" multiple size="5"> <option>1 <option>2 <option>3 <option>4 <option>5 <option>6 <option>7 <option>8 <option>9 <option>10 </select> <br> </div> <p align="center"> <input type="button" name="stationbutton" value="Go!" onClick="go_to_station()"> <p align="center"> <input type="text" name="stationtext" value="" size="35" maxlength="35"> <p> </form>