2010年5月14日金曜日

シンプルな jQuery サンプル

ボタンを押せば、画像が 1.jpg から 2.jpg に切り替わる。

<html>
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
 <script type="text/javascript">
 <!--
 $(function(){
  $("#button").click(function(){
   $("#img").attr("src","2.jpg");
  })
 });
 -->
 </script>
 <input type="button" id="button" value="change"></input>
 <p><img id="img" src="1.jpg" /></p>
</html>

0 件のコメント:

コメントを投稿