コンピュータクワガタ

かっぱのかっぱによるコンピュータ関連のサイトです

世間はAjaxですが。

残念ながらDHTMLを学習中です。
とりあえず、以下のようなものを書いてみました。

<html>
 <head>
<script type="text/javascript">
var width=100;

function up_click() {
    width = width + 100;
    document.getElementById("img1").width = width;
}
function down_click() {
    width = width - 100;
    document.getElementById("img1").width = width;
}
</script>
 </head>
 <body>
  <img id="img1" src="img1.jpg" onclick="up_click()" />
  <input type="button" onclick="down_click()" />
 </body>
</html>

画像をクリックで画像を拡大、ボタンをクリックで画像を縮小します。
このレベルなら簡単ですね。