JSインクリメント絵スイッチ

JSは、インクリメントスイッチの写真を使用して行います

<!DOCTYPE HTML>
<HTML LANG = " ZH " >
<ヘッド>
    <メタ文字セット= " UTF-8 " />
    <メタ名= ビューポートコンテンツ= 幅=装置幅、初期の規模= 1.0  />
    <META HTTP-当量= " X-UA-互換性のある"コンテンツ= " IE =エッジ" />
    <タイトル>ドキュメント</ TITLE>
</ head>の
<身体>
    <IMG ID = " IMG1 " SRC = " IMG / 10.jpg "のonclick = " QH()" widht = " 200pxの"高さ= " 200pxの" 
    タイトル = " 点击切换图片"スタイル= " マージン:オート;表示:ブロック; " >
    で<br>
    <ボタンのonclick = " QH()"スタイル= " 表示:ブロック;幅100ピクセル、高さは50px;マージン:オート;背景:ピンク;色:blueviolet;フォントサイズ:30pxに; " >我</ボタン>点
<スクリプトタイプ= " テキスト/ javascriptの" >
     のvar A = 10 ;
    関数QH(){++ ;
        document.getElementById(" IMG1 ").SRC = " IMG / " + A + " .JPG " もし(== 13 = 10 ;
    }
</ SCRIPT>
</ BODY>
</ HTML>

次のような効果にあるボタンをクリックしてスイッチで行うことができます。

 

おすすめ

転載: www.cnblogs.com/niuyaomin/p/11708853.html