シンプルなタブ]タブ

<!DOCTYPE HTML>
<HTML LANG = "EN">
<ヘッド>
    <メタ文字セット= "UTF-8">
    <タイトル>タイトル</ TITLE>
</ head>の
<身体>
<ボタン>点击1 </ボタン>
<ボタン>点击2 </ボタン>
<ボタン>点击3 </ボタン>
<IMG SRC = "画像/ 01.png" ALT = "" ID = "PIC">
<スクリプト>

//画像を切り替えるために3つのボタンをクリックしてください
//イベントソースイベント=関数(){
//
//}
    VaRのbtns = document.getElementsByTagName( "ボタン");
    VaRのPIC =のdocument.getElementById( "PIC");
    {(; iはbtns.lengthを<I ++がVAR I = 0)のための
        btns [i]は.INDEX = I; // {度:0} {度:1} {度:2}
        btns [i]は.onclick =関数(){
            pic.src = "画像/ 0" +(this.index + 1)+ "PNG"。
        }
    }

</ SCRIPT>
</ BODY>
</ HTML>

おすすめ

転載: www.cnblogs.com/wjlbk/p/11788257.html