安装 步骤一 制作“被选择前”、“被选择后”图像数套，然后放置在与网页相同的文件夹内。 步骤二 拷贝以下脚本后贴在有关网页的<head></head>之间。 <script language="JavaScript"> var biaohao = [ //第一个标号 [ //被选择前的图像 'b1b.gif', //被选择后的图像 'b1.gif', //标号内容 '<br><p> <font size="2" color="green">这里呈现第一标号的内容。</font></p>'], //第二个标号 [ 'b2b.gif', 'b2.gif', '<br><p> <font size="2" color="blue">这里呈现第二标号的内容。</font></p>'], //第三个标号 [ 'b3b.gif', 'b3.gif', '<br><p> <font size="2" color="red">这里呈现第三标号的内容。</font></p>']]; //若有需要可按上列模式增加标号。 //标号间的距离 var width = 10; function preloadImages() { for (var y = 0; y < 2; y++) { for (var x = 0; x < biaohao.length; x++) { image = new Image(); image.src = biaohao[x][y]; } } } function huabiaohao() { document.write("<table cellspacing=0 cellpadding=0 border=0><tr>"); for (var x = 0; x < biaohao.length; x++) { document.write("<td width="+width+"><a href='javascript:switchTab("+x+")'><img name='tab"+x+"' border=0 src="+biaohao[x][0]+"></a></td>"); } document.write("</td><td></td></tr><tr><td id=currentTab colspan="+(biaohao.length+1)+">"); document.write(biaohao[0][2]); document.write("</td></tr></table>"); document.images["tab0"].src = biaohao[0][1]; } function switchTab(tab) { for (var x = 0; x < biaohao.length; x++) { if (x != tab) document.images["tab"+x].src = biaohao[x][0]; } document.images["tab"+tab].src = biaohao[tab][1]; document.getElementById("currentTab").innerHTML = biaohao[tab][2]; } preloadImages(); </script> 步骤三 拷贝以下脚本贴在网页的<body>之下您选择的位置。 <script> huabiaohao(); </script>
步骤一 制作“被选择前”、“被选择后”图像数套，然后放置在与网页相同的文件夹内。
步骤二 拷贝以下脚本后贴在有关网页的<head></head>之间。
步骤三 拷贝以下脚本贴在网页的<body>之下您选择的位置。