带Form框说明的导航说明的导航

站内搜索

热门关键字：表格超链接漂浮跟随旋转闪烁日期艺术字滚动点击关联菜单弹出随机

网页特效分类

网页特效分类 >> 导航菜单

带Form框说明的导航说明的导航

[ 发布者：luwei | 来源：本站整理 | 时间：2005-10-21 | 浏览：人次 ]

<html>
<head>
<title>网页特效|JcwCn.Com/Js|---带Form框说明的导航说明的导航</title>
<style type="text/css">
<!--
body {  font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 4px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }
 A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active     { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
--></style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<body>
<br>
<br>
<center><font color=red face="隶书" size=6>带说明的导航</font></center>
<br>
<center>
<table border=1 bordercolor=#000000 borderlight=green style="border-collapse: collapse" cellpadding="0" cellspacing="0">
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>
<tr><td align=center height=80>
<script language="JavaScript">

<!--
function go_to_station(){
        if (document.stationform.stationselect.options[0].selected){
                window.location.href = "http://www.abctelevision.com/";} 
        else if (document.stationform.stationselect.options[1].selected)                
        {       window.location.href = "http://www.cbs.com/";}
        else if (document.stationform.stationselect.options[2].selected)                
        {       window.location.href = "http://www.nbc.com/";}   
        else if (document.stationform.stationselect.options[3].selected)                
        {       window.location.href = "http://www.foxnetwork.com/";}    
        else if (document.stationform.stationselect.options[4].selected)                
        {       window.location.href = "http://www.filmzone.com/SpaceGhost/cartoonnet.html";}   
        else if (document.stationform.stationselect.options[5].selected)                
        {       window.location.href = "http://www.discovery.com/";}     
        else if (document.stationform.stationselect.options[6].selected)                
        {       window.location.href = "http://www.cs.brandeis.com/";}   
        else if (document.stationform.stationselect.options[7].selected)                
        {       window.location.href = "http://www.qvc.com/";}   
        else if (document.stationform.stationselect.options[8].selected)                
        {       window.location.href = "http://www.historychannel.com/";}        
        else if (document.stationform.stationselect.options[9].selected)                
        {       window.location.href = "http://www.mtv.com/";}   
        else if (document.stationform.stationselect.options[10].selected)               
        {       window.location.href = "http://www.cnn.com/";}   
        else if (document.stationform.stationselect.options[11].selected)               
        {       window.location.href = "http://www.aetv.com/";}  
        else if (document.stationform.stationselect.options[12].selected)               
        {       window.location.href = "http://www.amctv.com/";} 
        else if (document.stationform.stationselect.options[13].selected)               
        {       window.location.href = "http://www.bravotv.com/";}       
        else if (document.stationform.stationselect.options[14].selected)               
        {       window.location.href = "http://www.c-span.org/";}        
        else if (document.stationform.stationselect.options[15].selected)               
        {       window.location.href = "http://www.comcentral.com/";}
        else if (document.stationform.stationselect.options[16].selected)               
        {       window.location.href = "http://espnet.sportszone.com/";} 
        else if (document.stationform.stationselect.options[17].selected)               
        {       window.location.href = "http://www.fxnetworks.com/";}    
        else if (document.stationform.stationselect.options[18].selected)               
        {       window.location.href = "http://www.hbohomevideo.com/";}  
        else if (document.stationform.stationselect.options[19].selected)               
        {       window.location.href = "http://www.scifi.com/";} 
        else if (document.stationform.stationselect.options[20].selected)               
        {       window.location.href = "http://showtimeonline.com/";}    
        else if (document.stationform.stationselect.options[21].selected)               
        {       window.location.href = "http://vh1.com/";}       
        else if (document.stationform.stationselect.options[22].selected)               
        {       window.location.href = "http://www.weather.com/";}       
        else if (document.stationform.stationselect.options[23].selected)               
        {       window.location.href = "http://www.disneychannel.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">
<select name="stationselect" onChange="textValue()" multiple size="5">
<option>ABC
<option>CBS
<option>NBC
<option>Fox
<option>Cartoon Network
<option>Discovery Channel
<option>Warner Brothers Network
<option>QVC
<option>History Channel
<option>MTV
<option>CNN
<option>A&E
<option>American Movie Classics(AMC)
<option>Bravo
<option>C-SPAN
<option>Comedy Central
<option>ESPN
<option>fX
<option>HBO
<option>Sci-Fi Channel
<option>Showtime
<option>VH-1
<option>Weather Channel
<option>Disney Channel
</select>

<br><p>
<input type="button" name="stationbutton" value="Go!" onClick="go_to_station()">
<p><font color=red>这里可以是中文说明</font><br>
<input type="text" name="stationtext" value="" size="35" maxlength="35">
<p>
</form>


</td></tr></table></center>
<br>
<br>
<center>

<SCRIPT LANGUAGE="JavaScript">

<!-- hide
function goHist(a)
{
   history.go(a);
}
//-->
</script>
</center>
<br>
<center>
 <br>
<br>
</body>
</html>

本类相关特效