JavaScript - jQuery - JQuery Events and Functions: Making Things Happenon Your Page(Separating HTML, CSS, jQuery(JavaScript) code)

Head First jQuery
(O'Reilly Media)
Ryan Benedetti(著), Ronan Cranley(著)

開発環境

OS X Yosemite - Apple (OS)
Safari, Firefox, Google Chrome(Webプラウザ)
Emacs (CUI)、BBEdit - Bare Bones Software, Inc.(GUI) (Text Editor)
JavaScript (プログラミング言語)

Head First jQuery(Ryan Benedetti(著)、Ronan Cranley(著)、O'Reilly Media)のChapter 3(JQuery Events and Functions: Making Things Happen on Your Page)、JQUERY MAGNETS(No. 1593)を解いてみる。

その他参考書籍

JQUERY MAGNETS(No. 1593)

HTML5(BBEdit, Emacs)

sample1593.html

<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Jump for Joy</title>
    <link rel="stylesheet" href="styles/my_style.css">
  </head>  
  <body>
    <header>
      <h2>Jump for Joy Sale</h2>
    </header>
    <section id="main">
      <div class="guess_box"><img src="images/jump1.jpg" alt="jump1"></div>
      <div class="guess_box"><img src="images/jump2.jpg" alt="jump2"></div>
      <div class="guess_box"><img src="images/jump3.jpg" alt="jump3"></div>
      <div class="guess_box"><img src="images/jump4.jpg" alt="jump4"></div>
    </section>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="scripts/my_script.js"></script>
  </body>
</html>

Kamimura's blog

2015年1月23日金曜日

JavaScript - jQuery - JQuery Events and Functions: Making Things Happenon Your Page(Separating HTML, CSS, jQuery(JavaScript) code)

0 コメント:

コメントを投稿