综合类关联菜单 (选中洲名列出相关信息)
把下列代码加到网页的<body></body>标签之间 从google下载我的照片管理软件要完成此效果需要两个步骤
第一步：把如下代码加入到<head>区域中
<script language="javascript">
<!-- begin
var state = new array(50);
var capital = new array(50);
var date = new array(50);
var flower = new array(50);
var bird = new array(50);
state = "alabama";
capital = "montgomery";
date = "december 14, 1819";
flower = "camellia";
bird = "yellowhammer";
state = "alaska";
capital = "juneau";
date = "january 3, 1959";
flower = "forget-me-not";
bird = "willow ptarmigan";
state = "arizona";
capital = "phoenix";
date = "february 14, 1912";
flower = "suguaro cactus blossom";
bird = "cactus wren";
state = "arkansas";
capital = "little rock";
date = "june 15, 1836";
flower = "apple blossom";
bird = "mockingbird";
state = "california";
capital = "sacremento";
date = "september 9, 1850";
flower = "golden poppy";
bird = "california valley quail";
state = "colorado";
capital = "denver";
date = "august 1, 1876";
flower = "mountain columbine";
bird = "lark bunting";
state = "connecticut";
capital = "hartford";
date = "january 9, 1788";
flower = "mountain laurel";
bird = "robin";
state = "florida";
capital = "tallahassee";
date = "march 3, 1845";
flower = "orange blossom";
bird = "mockingbird";
state = "georgia";
capital = "atlanta";
date = "january 2, 1788";
flower = "cherokee rose";
bird = "brown thrasher";
state = "hawaii";
capital = "honolulu";
date = "august 21, 1959";
flower = "red hibiscus";
bird = "nene (hawaiian goose)";
state = "idaho";
capital = "boise";
date = "july 3, 1890";
flower = "syringa";
bird = "mountain bluebird";
state = "illinois";
capital = "springfield";
date = "december 3, 1818";
flower = "violet";
bird = "cardinal";
state = "indiana";
capital = "indianapolis";
date = "december 11, 1816";
flower = "peony";
bird = "cardinal";
state = "iowa";
capital = "des moines";
date = "december 28, 1846";
flower = "wild rose";
bird = "eastern goldfinch";
state = "kansas";
capital = "topeka";
date = "january 29, 1861";
flower = "sunflower";
bird = "western meadowlark";
state = "kentucky";
capital = "frankfort";
date = "june 1, 1792";
flower = "goldenrod";
bird = "cardinal";
state = "louisiana";
capital = "baton rouge";
date = "april 30, 1812";
flower = "magnolia";
bird = "eastern brown pelican";
state = "maine";
capital = "augusta";
date = "march 15, 1820";
flower = "pine cone & tassel";
bird = "chickadee";
state = "tennessee";
capital = "nashville";
date = "june 1, 1796";
flower = "iris";
bird = "mockingbird";
state = "maryland";
capital = "annapolis";
date = "april 28, 1788";
flower = "black-eyed susan";
bird = "baltimore oriole";
state = "delaware";
capital = "dover";
date = "december 7, 1787";
flower = "peach blossom";
bird = "blue hen chicken";
state = "massachusetts";
capital = "boston";
date = "february 6, 1788";
flower = "mayflower";
bird = "chickadee";
state = "rhode island";
capital = "providence";
date = "may 29, 1790";
flower = "violet";
bird = "rhode island red";
state = "minnesota";
capital = "st. paul";
date = "may 11, 1858";
flower = "lady-slipper";
bird = "loon";
state = "mississippi";
capital = "jackson";
date = "december 10, 1817";
flower = "magnolia";
bird = "mockingbird";
state = "missouri";
capital = "jefferson city";
date = "august 10, 1821";
flower = "hawthorn";
bird = "bluebird";
state = "michigan";
capital = "lansing";
date = "january 26, 1837";
flower = "apple blossom";
bird = "robin";
state = "montana";
capital = "helena";
date = "november 8, 1889";
flower = "bitterroot";
bird = "western meadowlark";
state = "nebraska";
capital = "lincoln";
date = "march 1, 1867";
flower = "goldenrod";
bird = "western meadowlark";
state = "nevada";
capital = "carson city";
date = "october 31, 1864";
flower = "sagebrush";
bird = "mountain bluebird";
state = "new hampshire";
capital = "concord";
date = "june 21, 1788";
flower = "purple lilac";
bird = "purple finch";
state = "vermont";
capital = "montpelier";
date = "march 4, 1791";
flower = "red clover";
bird = "hermit thrush";
state = "new jersey";
capital = "trenton";
date = "december 18, 1787";
flower = "violet";
bird = "eastern goldfinch";
state = "new mexico";
capital = "santa fe";
date = "january 6, 1912";
flower = "yucca";
bird = "road runner";
state = "new york";
capital = "albany";
date = "july 26, 1788";
flower = "rose";
bird = "bluebird";
state = "north carolina";
capital = "raleigh";
date = "november 21, 1789";
flower = "flowering dogwood";
bird = "cardinal";
state = "wyoming";
capital = "cheyenne";
date = "july 10, 1890";
flower = "indian paintbrush";
bird = "meadowlark";
state = "north dakota";
capital = "bismarck";
date = "november 2, 1889";
flower = "prairie rose";
bird = "meadowlark";
state = "ohio";
capital = "columbus";
date = "march 1, 1803";
flower = "scarlet carnation";
bird = "cardinal";
state = "oklahoma";
capital = "oklahoma city";
date = "november 16, 1907";
flower = "mistletoe";
bird = "scissor-tailed flycatcher";
state = "oregon";
capital = "salem";
date = "february 14, 1859";
flower = "oregon grape";
bird = "western meadowlark"
state = "pennsylvania";
capital = "harrisburg";
date = "december 12, 1787";
flower = "mountain laurel";
bird = "ruffed grouse";
state = "south carolina";
capital = "columbia";
date = "may 23, 1788";
flower = "yellow jessamine";
bird = "carolina wren";
state = "south dakota";
capital = "pierre";
date = "november 2, 1889";
flower = "pasqueflower";
bird = "ring-necked pheasant";
state = "texas";
capital = "austin";
date = "december 29, 1845";
flower = "bluebonnet";
bird = "mockingbird";
state = "utah";
capital = "salt lake city";
date = "january 4, 1896";
flower = "sego lily";
bird = "sea gull";
state = "virginia";
capital = "richmond";
date = "june 26, 1788";
flower = "dogwood";
bird = "cardinal";
state = "washington";
capital = "olympia";
date = "november 11, 1889";
flower = "coast rhododendron";
bird = "willow goldfinch";
state = "west virginia";
capital = "charleston";
date = "june 20, 1863";
flower = "rhododendron";
bird = "cardinal";
state = "wisconsin";
capital = "madison";
date = "may 29, 1848";
flower = "wood violet";
bird = "robin";
function showinfo() {
var page = document.triviaform;
var choice = page.stateslist;
for (var i = 0; i <= state.length; i++) {
if (choice.options.value== state) {
page.capital.value = capital;
page.date.value = date;
page.flower.value = flower;
page.bird.value = bird;
break;
}
else {
page.capital.value = "";
page.date.value = "";
page.flower.value = "";
page.bird.value = "";
}
}
}
//end -->
</script>
第二步：把如下代码加入到<body>区域中
<center>
<form name=triviaform>
<table border=1>
<tr><td align=center>
<p><font size=6><em><strong><u><font size="2">这个实例只是提供给你一种思路而已</font></u></strong></em></font>
<p>（故未做汉化）<br>
<font size=3></font>
<p>select a state: <select name=stateslist size=1 onchange="showinfo()">
<option value="">select ---->
<option value="alabama">alabama
<option value="alaska">alaska
<option value="arizona">arizona
<option value="arkansas">arkansas
<option value="california">california
<option value="colorado">colorado
<option value="connecticut">connecticut
<option value="delaware">delaware
<option value="florida">florida
<option value="georgia">georgia
<option value="hawaii">hawaii
<option value="idaho">idaho
<option value="illinois">illinois
<option value="indiana">indiana
<option value="iowa">iowa
<option value="kansas">kansas
<option value="kentucky">kentucky
<option value="louisiana">louisiana
<option value="maine">maine
<option value="maryland">maryland
<option value="massachusetts">massachusetts
<option value="michigan">michigan
<option value="minnesota">minnesota
<option value="mississippi">mississippi
<option value="missouri">missouri
<option value="montana">montana
<option value="nebraska">nebraska
<option value="nevada">nevada
<option value="new hampshire">new hampshire
<option value="new jersey">new jersey
<option value="new mexico">new mexico
<option value="new york">new york
<option value="north carolina">north carolina
<option value="north dakota">north dakota
<option value="ohio">ohio
<option value="oklahoma">oklahoma
<option value="oregon">oregon
<option value="pennsylvania">pennsylvania
<option value="rhode island">rhode island
<option value="south carolina">south carolina
<option value="south dakota">south dakota
<option value="tennessee">tennessee
<option value="texas">texas
<option value="utah">utah
<option value="vermont">vermont
<option value="virginia">virginia
<option value="washington">washington
<option value="west virginia">west virginia
<option value="wisconsin">wisconsin
<option value="wyoming">wyoming
</select>
<p>capital: <input type=text size=25 name=capital>
<p>admitted on: <input type=text size=20 name=date>
<p>state flower: <input type=text size=20 name=flower>
<p>state bird: <input type=text size=23 name=bird>
</td></tr>
</table>
</form>
</center>
页:
[1]