⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 807dao1.htm

📁 javascript各种效果的实例及源代码
💻 HTM
字号:
<html>
<head>
<title>带说明的导航</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 bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隶书" size=6>带说明的导航</font></center>
<br>
<center>
<table border=5 bordercolor=blue borderlight=green>
<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>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<center>
<textarea name=source rows=12 cols=55 class=yk9 onFocus="this.select()"  onMouseOver="this.focus()">
脚本说明:
把如下代码加入<body>区域中:
<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>
<input type="text" name="stationtext" value="" size="35" maxlength="35">
<p>
</form>


</textarea>
<br>
<br>
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -